Skip to content

Instantly share code, notes, and snippets.

@nathanacurtis
Last active November 7, 2019 09:01
Show Gist options
  • Save nathanacurtis/0e02631e1e47c0c5c1d061e5462cb557 to your computer and use it in GitHub Desktop.
Save nathanacurtis/0e02631e1e47c0c5c1d061e5462cb557 to your computer and use it in GitHub Desktop.
# Choices
color :
white : &color-white "#FFFFFF"
black : &color-black "#262626"
neutral :
20 : &color-neutral-20 "#222222"
90 : &color-neutral-90 "#EEEEEE"
blue:
50: &color-blue-50 "#2196F3"
60: &color-blue-60 "#1E88E5"
# and many more...
# Decisions
interactive-color :
default: *color-blue-50
dark: *color-blue-60
background-color :
default : *color-white
light : *color-neutral-90
dark : *color-neutral-20
disabled: *color-neutral-90
text-color :
default : *color-neutral-25
on-light : *color-neutral-25
on-dark : *color-white
light : *color-neutral-55
disabled : *color-neutral-65
link :
default : *color-blue-50
on-dark : *color-white
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment