Platen uses these configuration settings to define SCSS variables and custom CSS properties (which can be used like variables) into the theme’s compiled style.
You can replace and extend these settings for your own site or theme module.
The Basic SCSS variables are loaded first and independent of everything else. The Calculated SCSS variables depend on the basic variables and are loaded second.
The dark and light custom CSS properties are used for the site’s mode, allowing
other style modules to reference a shared set of property names depending on the site configuration
or, if the site’s mode is set to auto, their own operating system preferences.
- Basic SCSS
- Defines a set of SCSS variables that Platen uses to determine how to display the site.
- Calculated SCSS
- Defines a set of SCSS variables that reference other SCSS variables Platen uses to determine how to display the site.
- Dark Mode CSS
- Defines custom CSS properties that define the dark mode for the theme.
- Light Mode CSS
- Defines custom CSS properties that define the light mode for the theme.