full-white
full-black
black
near-black
dark-gray
light-gray
near-white
white
dark-red
red
light-red
orange
gold
yellow
light-yellow
purple
light-purple
dark-pink
hot-pink
pink
light-pink
green
light-green
dark-blue
blue
light-blue
washed-blue
washed-red
washed-green
washed-yellow
highlight-background
highlight-text

Styleguide. default

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

  • List item
Link Link Link

In visual perception a color is almost never seen as it really is - as it physically is. This fact makes color the most relative medium in art. - Josef Albers

default
devops
art
a longer tag
puts 'Hello, world!'
Background
Background Surface
Background Tertiary
Text
Text Surface
Text Tertiary
Border
Error
Link
Link Background
Link Hover
Link Hover Background
Link Focus
Background Code
Text Code
Tag Background
Tag Text
Tag Border

Styleguide. dark

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

  • List item
Link Link Link

In visual perception a color is almost never seen as it really is - as it physically is. This fact makes color the most relative medium in art. - Josef Albers

default
devops
art
a longer tag
puts 'Hello, world!'
Background
Background Surface
Background Tertiary
Text
Text Surface
Text Tertiary
Border
Error
Link
Link Background
Link Hover
Link Hover Background
Link Focus
Background Code
Text Code
Tag Background
Tag Text
Tag Border

Highlighter blue

Highlighter

Highlighter green

Highlighter

Highlighter yellow

Highlighter

Highlighter orange

Highlighter

Highlighter purple

Highlighter