• night
  • dusk
  • dawn
  • light
  • ponton
  • jaune
  • furor
  • deback
  • decode
  • defile
  • deleaf
  • delook
  • deloss
  • demail
  • denote
  • depack
  • depict
  • deself
  • desite
  • detime
  • detour
  • detune
  • deturn
  • deveil
  • devert
  • deview
  • dewiki
  • plurid
View Main Colors

theme.baseColor

background: hsl(220, 2%, 4%)

color: hsl(220, 2%, 87%)

theme.baseColorInverted

background: hsl(220, 2%, 96%)

color: hsl(220, 2%, 13%)

theme.backgroundColorDark

background: hsl(220, 2%, 10%)

color: hsl(220, 2%, 87%)

theme.backgroundColorBright

background: hsl(220, 2%, 90%)

color: hsl(220, 2%, 13%)

theme.backgroundColorPrimary

background: hsl(220, 2%, 4%)

color: hsl(220, 2%, 87%)

theme.backgroundColorPrimaryAlpha

background: hsla(220, 2%, 4%, 0.4)

color: hsl(220, 2%, 87%)

theme.backgroundColorPrimaryInverted

background: hsl(220, 2%, 96%)

color: hsl(220, 2%, 13%)

theme.backgroundColorSecondary

background: hsl(220, 2%, 9%)

color: hsl(220, 2%, 87%)

theme.backgroundColorSecondaryAlpha

background: hsla(220, 2%, 9%, 0.4)

color: hsl(220, 2%, 87%)

theme.backgroundColorSecondaryInverted

background: hsl(220, 2%, 91%)

color: hsl(220, 2%, 13%)

theme.backgroundColorTertiary

background: hsl(220, 2%, 14%)

color: hsl(220, 2%, 87%)

theme.backgroundColorTertiaryAlpha

background: hsla(220, 2%, 14%, 0.4)

color: hsl(220, 2%, 87%)

theme.backgroundColorTertiaryInverted

background: hsl(220, 2%, 86%)

color: hsl(220, 2%, 13%)

theme.backgroundColorQuaternary

background: hsl(220, 2%, 19%)

color: hsl(220, 2%, 87%)

theme.backgroundColorQuaternaryAlpha

background: hsla(220, 2%, 19%, 0.4)

color: hsl(220, 2%, 87%)

theme.backgroundColorQuaternaryInverted

background: hsl(220, 2%, 81%)

color: hsl(220, 2%, 13%)

shadows

theme.boxShadowUmbra
0px 3px 6px 0px hsla(220, 2%, 0%, 0.8)
theme.boxShadowPenumbra
0px 3px 12px 0px hsla(220, 2%, 0%, 0.8)
theme.boxShadowAntumbra
0px 3px 18px 0px hsla(220, 2%, 0%, 0.8)
theme.boxShadowUmbraInset
inset 0px -3px 4px 0px hsla(220, 2%, 0%, 0.9)
theme.boxShadowPenumbraInset
inset 0px -3px 6px 0px hsla(220, 2%, 0%, 0.9)
theme.boxShadowAntumbraInset
inset 0px -3px 8px 0px hsla(220, 2%, 0%, 0.9)