CSS variables color-box template

This uses TemplateStyles

• styles.css
• colors.css

Info

This is a template used on the parent page to create the color example boxes of each color-variable.

The template creates the last 3 cells of the table.

Syntax

{{Project:CSS variables/colbox|<color-variable-name>|<option>}}

Parameters

Param	Description & values
1	The color variable name without the leading --.
2	Parameter to define the text colors used. By default, it uses white for the dark mode example, and black for the light mode example. The following values can be used to change that behavior: i inverse Switches the two text-colors d dark uses the dark mode text-color (white) for both examples. l light uses the light mode text-color (black) for both examples.

Examples

{{Project:CSS variables/colbox|theme-accent-dynamic-color-2}}

#3a3a3a

#e6e6e6

{{Project:CSS variables/colbox|theme-accent-color|i}}

#cfa93d

#a92f1a