@wonderflow/themes/dist/themes/dark.css

Wanda design system themes

/**
 * Do not edit directly
 * Generated on Wed, 02 Jul 2025 10:23:15 GMT
 */

:root {
  --global-foreground: hsl(220 16% 85%);
  --global-background: hsl(0 0% 0%);
  --global-interactive-text: hsl(206 72% 67%);
  --global-interactive-text-hover: hsl(200 100% 83%);
  --global-vibrancy-foreground: hsl(0 0% 100%);
  --global-vibrancy-background: hsl(218 11% 14% / 80%);
  --global-vibrancy-background-soft: hsl(225 11% 7% / 80%);
  --global-vibrancy-background-hard: hsl(219 13% 22% / 80%);
  --global-disabled-background: hsl(221 9% 49% / 35%);
  --global-disabled-foreground: hsl(0 0% 100% / 20%);
  --cta-default: hsl(0 100% 44%);
  --cta-dark: hsl(0 100% 38%);
  --cta-foreground: hsl(0 0% 100%);
  --dimmed-0: hsl(225 11% 7%);
  --dimmed-1: hsl(218 11% 14%);
  --dimmed-2: hsl(219 13% 22%);
  --dimmed-3: hsl(221 10% 30%);
  --dimmed-4: hsl(221 10% 39%);
  --dimmed-5: hsl(221 9% 49%);
  --dimmed-6: hsl(220 12% 66%);
  --dimmed-7: hsl(220 19% 91%);
  --dimmed-8: hsl(210 20% 98%);
  --dimmed-9: hsl(0 0% 100%);
  --highlight-gray-background: hsl(218 11% 14%);
  --highlight-gray-foreground: hsl(220 12% 66%);
  --highlight-yellow-background: hsl(22 100% 19%);
  --highlight-yellow-foreground: hsl(38 100% 77%);
  --highlight-green-background: hsl(166 100% 13%);
  --highlight-green-foreground: hsl(145 76% 75%);
  --highlight-blue-background: hsl(222 100% 17%);
  --highlight-blue-foreground: hsl(200 100% 83%);
  --highlight-red-background: hsl(350 100% 15%);
  --highlight-red-foreground: hsl(351 100% 81%);
  --highlight-cyan-background: hsl(186 67% 18%);
  --highlight-cyan-foreground: hsl(187 57% 58%);
  --highlight-purple-background: hsl(298 41% 25%);
  --highlight-purple-foreground: hsl(298 47% 75%);
  --highlight-magenta-background: hsl(324 71% 16%);
  --highlight-magenta-foreground: hsl(324 70% 74%);
  --highlight-violet-background: hsl(263 50% 18%);
  --highlight-violet-foreground: hsl(263 50% 75%);
  --highlight-indigo-background: hsl(241 61% 16%);
  --highlight-indigo-foreground: hsl(240 52% 74%);
  --highlight-mint-background: hsl(166 64% 13%);
  --highlight-mint-foreground: hsl(166 60% 55%);
  --highlight-dipsy-background: hsl(82 68% 17%);
  --highlight-dipsy-foreground: hsl(83 54% 49%);
  --highlight-salmon-background: hsl(14 69% 19%);
  --highlight-salmon-foreground: hsl(15 70% 68%);
}