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.

Primary Colored Button