Typography

Mega

For the splash screen

h1 Title

Titles

h2 Subtitle

Subtitles

h3 Subtitle

Subtitles

h4 Subtitle

Subtitles

h5 Subtitle

Subtitles

Paragraphs

Standard Text

Notebook

For commentary

Textbook

For documentation

code

For code snippets

Colors

background

foreground

foreground-alt

foreground-accent

interactive

navigation

navigation-focus

navigation-visited

success

failure

warning

Input Field

background-panel

foreground

foreground-alt

foreground-accent

interactive

navigation

navigation-focus

navigation-visited

success

failure

warning

Input Field

background-input

foreground

foreground-alt

foreground-accent

interactive

navigation

navigation-focus

navigation-visited

success

failure

warning

Input Field

background-accent

foreground

foreground-alt

foreground-accent

interactive

navigation

navigation-focus

navigation-visited

success

failure

warning

Input Field

Inputs

Text

Select

Cycle

Checkbox

File

Empty

Empty

Empty

Unchecked

This is selected

This is unselected

Empty

placeholder

Filled

Filled

Filled

Checked

This is selected

This is unselected

Filled

fake-file

Focused

Focused

Focused

Focused

This is selected

This is unselected

Focused

fake-file

Disabled

Disabled

Disabled

Disabled

This is selected

This is unselected

Disabled

fake-file

Invalid

Invalid

Invalid

Invalid

This is selected

This is unselected

Invalid

fake-file

Buttons

Button

Tile

Icon

Syntax Highlighting

                code
keyword  
function  
string 
regexp 
type.identifier 
annotation