Colour Palette

Primary Colors
--app-primary
--app-primary-soft
--app-primary-dark
Secondary Colors
--app-secondary
--app-secondary-soft
--app-secondary-dark
Accent Colors
--app-accent
--app-accent-soft
--app-accent-dark
Success Colors
--app-success
--app-success-soft
--app-success-dark
Warning Colors
--app-warning
--app-warning-soft
--app-warning-dark
Danger Colors
--app-danger
--app-danger-soft
--app-danger-dark
Layer Colors
--app-layer-one
--app-layer-two
--app-layer-three
--app-layer-four
Alternate Layer Colors
--app-alt-layer-one
--app-alt-layer-two
--app-alt-layer-three
--app-alt-layer-four
Navigation Colors
--app-side-navigation-bg-color
--app-top-navigation-bg-color
--app-footer-bg-color
Table Colors
--app-table-row-color
--app-table-row-alt-color

Background Opacity Classes

Primary Opacity
10%
25%
50%
75%
90%
100%
Secondary Opacity
10%
25%
50%
75%
90%
100%
Accent Opacity
10%
25%
50%
75%
90%
100%
Success Opacity
10%
25%
50%
75%
90%
100%
Warning Opacity
10%
25%
50%
75%
90%
100%
Danger Opacity
10%
25%
50%
75%
90%
100%
Layer One Opacity
10%
25%
50%
75%
90%
100%
Layer Two Opacity
10%
25%
50%
75%
90%
100%
Layer Three Opacity
10%
25%
50%
75%
90%
100%
Layer Four Opacity
10%
25%
50%
75%
90%
100%

Text Opacity Classes

Primary Text Opacity
10% Opacity 25% Opacity 50% Opacity 75% Opacity 90% Opacity 100% Opacity
Secondary Text Opacity
10% Opacity 25% Opacity 50% Opacity 75% Opacity 90% Opacity 100% Opacity
Accent Text Opacity
10% Opacity 25% Opacity 50% Opacity 75% Opacity 90% Opacity 100% Opacity
Success Text Opacity
10% Opacity 25% Opacity 50% Opacity 75% Opacity 90% Opacity 100% Opacity
Warning Text Opacity
10% Opacity 25% Opacity 50% Opacity 75% Opacity 90% Opacity 100% Opacity
Danger Text Opacity
10% Opacity 25% Opacity 50% Opacity 75% Opacity 90% Opacity 100% Opacity
Complete Color Palette
Primary
Primary Soft
Primary Dark
Secondary
Secondary Soft
Secondary Dark
Accent
Accent Soft
Accent Dark
Success
Success Soft
Success Dark
Warning
Warning Soft
Warning Dark
Danger
Danger Soft
Danger Dark
Layer One
Layer Two
Layer Three
Layer Four
Alt Layer One
Alt Layer Two
Alt Layer Three
Alt Layer Four
Side Nav
Top Nav
Footer
Table Row
Table Row Alt