ElementalCSS uses custom properties to set the default values. This gives us a number of benefits.
You can see all of the custom properties in the unminified generated CSS. There’s quite a few of them.
Custom prefixes are all assigned to
:root and can be overriden by adding your own styles after they are set. Alternatively you could assign your own overrides to
body so that they will be further down the cascade.
Dark Mode is controlled by custom properties, as such, any changes you make to colours in light mode may need to be reflected in dark mode.
You can disable dark mode by adding the following class to the body of your site: