@orchard9ai/design-system/dist/dusk.css

DaisyUI-based component library for Orchard9 applications

/* Dusk Theme - Where day melts into night, a liminal space of possibility */
[data-theme='dusk'] {
  color-scheme: dark;

  /* The sky at magic hour - deep indigo bleeding into violet */
  --color-primary: oklch(68% 0.25 275); /* Primary: Deep violet twilight */
  --color-primary-content: oklch(95% 0.05 275); /* Primary content: Pale lavender */

  /* The last light catching clouds - soft rose gold */
  --color-secondary: oklch(72% 0.18 25); /* Secondary: Rose gold sunset */
  --color-secondary-content: oklch(95% 0.02 25); /* Secondary content: Cream */

  /* Venus appearing - the first star's gentle glow */
  --color-accent: oklch(82% 0.12 65); /* Accent: Golden hour */
  --color-accent-content: oklch(25% 0.05 65); /* Accent content: Deep amber */

  /* The darkening earth - warm shadows */
  --color-neutral: oklch(25% 0.03 270); /* Neutral: Warm deep purple-gray */
  --color-neutral-content: oklch(88% 0.02 270); /* Neutral content: Soft lilac */

  /* The gradient of night - from horizon to zenith */
  --color-base-100: oklch(18% 0.04 280); /* Base 100: Deep midnight with purple undertone */
  --color-base-200: oklch(16% 0.04 280); /* Base 200: Darker void */
  --color-base-300: oklch(14% 0.04 280); /* Base 300: The space between stars */
  --color-base-content: oklch(90% 0.02 270); /* Base content: Moon-kissed silver */

  /* The palette of dusk */
  --color-info: oklch(65% 0.2 230); /* Info: Cerulean twilight */
  --color-info-content: oklch(95% 0.02 230); /* Info content: Ice blue */

  --color-success: oklch(62% 0.18 155); /* Success: Northern lights green */
  --color-success-content: oklch(95% 0.02 155); /* Success content: Mint cream */

  --color-warning: oklch(75% 0.22 45); /* Warning: Burning horizon */
  --color-warning-content: oklch(20% 0.05 45); /* Warning content: Burnt umber */

  --color-error: oklch(68% 0.25 15); /* Error: Mars rising */
  --color-error-content: oklch(95% 0.02 15); /* Error content: Blush */

  /* Shapes soften in twilight */
  --rounded-box: 1.25rem;
  --rounded-btn: 1rem;
  --rounded-badge: 2rem;

  /* Gentle transitions like day into night */
  --animation-btn: 0.4s;
  --animation-input: 0.3s;

  /* Subtle boundaries */
  --btn-focus-scale: 0.97;
  --border-btn: 0.0625rem;
  --tab-border: 0.0625rem;
  --tab-radius: 0.75rem;

  /* Semantic layout variables */
  --site-bg: var(--color-base-100); /* Deep midnight site background */
  --content-bg: var(--color-base-200); /* Darker void for content */
  --sidebar-bg: var(--color-base-300); /* Space between stars for sidebars */
}