👉 Color

Color picker
<html data-color="viridian-green">
  • --tetradic-left:
  • --analogous-left:
  • --color:
  • --analogous-right:
  • --tetradic-right:
  • --triad-left:
  • --complementary-left:
  • --complementary:
  • --complementary-right:
  • --triad-right:

  • --background:
  • --surface:
  • --neutral-color:
  • --invalid-color:
  • --valid-color:
  • --on-background:
  • --on-surface:
  • ---disabled-on-background:
  • --invalid-border-color:
  • --valid-border-color:

Vars 👇

[data-theme] {
    --color-sat: 100;
}

[data-theme=light] {
    --color-lig: 30;
}

[data-theme=dark] {
    --color-lig: 70;
}