Color Guide
Primary = {{colorMain}}
Primary Darker = {{colorDarker}} (15% Auto)
Primary Darkest = {{colorDarkest}} (30% Auto)
Secondary = {{colorSecondaryMain}}
Secondary Darker = {{colorSecondaryDarker}} (15% Auto)
Secondary Darkest = {{colorSecondaryDarkest}} (30% Auto)
Special Color Guide
Special = {{colorSpecialMain}}
Special Darker = {{colorSpecialDarker}} (15% Auto)
Special Darkest = {{colorSpecialDarkest}} (30% Auto)
Special Text = {{specialtext}}

Primary.Light

textcolor = black

textreverse = white

Filled button











Outlined button











Border button











Primary Text    Primary Text Reverse
     
Primary Text    Primary Text Reverse
     
Primary Text    Primary Text Reverse
     
Primary Text    Primary Text Reverse
     
Primary Text    Primary Text Reverse
     
Primary Text    Primary Text Reverse
     

Primary.Dark

textcolor = white

textreverse = black

Filled button











Outlined button











Border button











Primary Text    Primary Text Reverse
     
Primary Text    Primary Text Reverse
     
Primary Text    Primary Text Reverse
     
Primary Text    Primary Text Reverse
     
Primary Text    Primary Text Reverse
     
Primary Text    Primary Text Reverse
     

Secondary.Light

textcolor = black

textreverse = white

Filled button











Outlined button











Border button









Secondary Text    Secondary Text Reverse
     
Secondary Text    Secondary Text Reverse
     
Secondary Text    Secondary Text Reverse
     
Secondary Text    Secondary Text Reverse
     
Secondary Text    Secondary Text Reverse
     
Secondary Text    Secondary Text Reverse
     

Secondary.Dark

textcolor = white

textreverse = black

Filled button











Outlined button











Border button











Secondary Text    Secondary Text Reverse
     
Secondary Text    Secondary Text Reverse
     
Secondary Text    Secondary Text Reverse
     
Secondary Text    Secondary Text Reverse
     
Secondary Text    Secondary Text Reverse
     
Secondary Text    Secondary Text Reverse
     

Special Color

textcolor = {{specialtext}}

textreverse = {{specialtext}} (No)

Filled button









Outlined button









Border button









Secondary Text    Secondary Text Reverse
     
Secondary Text    Secondary Text Reverse
     
Secondary Text    Secondary Text Reverse
     
Secondary Text    Secondary Text Reverse
     
Secondary Text    Secondary Text Reverse
     
Secondary Text    Secondary Text Reverse