A collection of tools to interact with the $colors
, $theme
and $theme-shades
objects which are used as part of EvoToolkits theming functionality. For the full breakdown of this process, please visit Configuring EvoToolkit.
Retrieve a $colors
, $theme
or $theme-shades
hex colour code by passing its key.
If you pass true
as a second parameter, it instead returns true
if the colour exists and false
if not.
Add or edit $colors
values.
Add or edit $theme
values.
A 10%
darker and 40%
lighter shade are programatically generated for each $theme
color. These are typically used for things like hover and focus colours.
For some colours, these defaults generate shades which are either too light or too dark. Using set-theme-shades
you can set the percentages to something more suitable.
set-theme-dark-text-color
allows you to specify if a $theme
color should have light text when used with theme utility classes. In the example below, running this will mean u-theme-accent
will also set the element's color
property to very-dark
instead of the default very-light
.