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

plurid' themes

theme.baseColor

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

color: hsl(220, 10%, 97%)

theme.baseColorInverted

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

color: hsl(220, 10%, 3%)

theme.backgroundColorDark

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

color: hsl(220, 10%, 3%)

theme.backgroundColorBright

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

color: hsl(220, 10%, 97%)

theme.backgroundColorPrimary

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

color: hsl(220, 10%, 97%)

theme.backgroundColorPrimaryAlpha

background: hsla(220, 10%, 32%, 0.4)

color: hsl(220, 10%, 97%)

theme.backgroundColorPrimaryInverted

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

color: hsl(220, 10%, 3%)

theme.backgroundColorSecondary

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

color: hsl(220, 10%, 97%)

theme.backgroundColorSecondaryAlpha

background: hsla(220, 10%, 26%, 0.4)

color: hsl(220, 10%, 97%)

theme.backgroundColorSecondaryInverted

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

color: hsl(220, 10%, 3%)

theme.backgroundColorTertiary

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

color: hsl(220, 10%, 97%)

theme.backgroundColorTertiaryAlpha

background: hsla(220, 10%, 18%, 0.4)

color: hsl(220, 10%, 97%)

theme.backgroundColorTertiaryInverted

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

color: hsl(220, 10%, 3%)

theme.backgroundColorQuaternary

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

color: hsl(220, 10%, 97%)

theme.backgroundColorQuaternaryAlpha

background: hsla(220, 10%, 12%, 0.4)

color: hsl(220, 10%, 97%)

theme.backgroundColorQuaternaryInverted

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

color: hsl(220, 10%, 3%)

shadows

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