Colors
These modular elements can be readily used and customized across pages and in different blocks.
Explore all of Stack's modular elements
at the Element Index Page →
Theme Colors
Stack supports 3 theme colours in each preset scheme. Colors are referred to as 'primary', 'primary-1' and 'primary-2'. These colors can be used with the prefix bg-- followed by the name of the color to change the background color of an element.
Primary
Primary 1
Primary 2
Dark
Secondary
Typography Classes
Using the prefix color-- along with the name of the color (as described above) you can easily change the color of typography elements such as headings or paragrphs.
I'm a primary colored heading
I'm a primary 1 colored heading
I'm a primary 2 colored heading
Button Classes
Using the prefix btn-- along with the name of the color (as described above) you can easily change the color of button elements.
Note: for more on buttons visit the buttons element page here.