Setting color-scheme to use default dark mode values

Sat, 15 Aug 2020 11:00:00 +0000

I previously wrote about using prefers-color-scheme to make a dark mode version of your website. Recently, Chrome and Safari have added support for color-scheme, which allows you to use some browser defaults for dark mode. Where using prefers-color-scheme allows you to override your own CSS for users with a system dark mode enabled, this new option allows you to ask the browser to use some of its own default dark mode values.

Using Slots in Custom Elements

Sat, 26 May 2018 08:00:00 +0000

This post is the final part in a series on Custom Elements. See the others about Custom Elements basics and the Shadow DOM.

In the previous posts about custom elements, we made a simple element which contained some text which was set using attributes. However, using attributes can be limiting as we can only pass simple text. Slots allow us to set up our custom element to accept much more than one-line text.

Html on NewInWeb

Setting color-scheme to use default dark mode values

Using Slots in Custom Elements