eric / rustwarden

/* Tailwind CSS 4 + DaisyUI 5 Configuration */
@import "tailwindcss";

/* Source files for class extraction. Paths are relative to static/css/. */
@source "../../crates/rustwarden-ui/templates/**/*.html";
@source "../../crates/rustwarden-fediverse-ui/templates/**/*.html";
@source "../../crates/rustwarden-fediverse-guard/templates/**/*.html";

/* Brand tokens from docs/INFORMATIF/design/design.md */
@theme {
  --color-brand-green: #00ed64;
  --color-brand-teal: #001e2b;
}

/* DaisyUI Plugin. The server sets data-theme to light or dark. */
@plugin "daisyui" {
  themes: light --default, dark;
  root: ":root";
  logs: false;
}

/* Light theme — canvas, ink, primary green from the design palette. */
@plugin "daisyui/theme" {
  name: "light";
  default: true;
  prefersdark: false;
  color-scheme: light;

  --color-base-100: #ffffff;
  --color-base-200: #f9fbfa;
  --color-base-300: #e1e5e8;
  --color-base-content: #001e2b;

  --color-primary: #00ed64;
  --color-primary-content: #001e2b;

  --color-secondary: #001e2b;
  --color-secondary-content: #ffffff;

  --color-accent: #00684a;
  --color-accent-content: #ffffff;

  --color-neutral: #1c2d38;
  --color-neutral-content: #ffffff;

  --color-info: #3d4f9f;
  --color-info-content: #ffffff;

  --color-success: #00a35c;
  --color-success-content: #001e2b;

  --color-warning: #fa6e39;
  --color-warning-content: #001e2b;

  --color-error: #e74856;
  --color-error-content: #ffffff;

  /* Border radius */
  --radius-selector: 0.5rem;
  --radius-field: 0.25rem;
  --radius-box: 0.5rem;

  /* Sizes */
  --size-selector: 0.25rem;
  --size-field: 0.25rem;

  /* Border */
  --border: 1px;

  /* Effects */
  --depth: 1;
  --noise: 0;
}

/* Dark theme — same primary, teal canvas. */
@plugin "daisyui/theme" {
  name: "dark";
  default: false;
  prefersdark: true;
  color-scheme: dark;

  --color-base-100: #001e2b;
  --color-base-200: #1c2d38;
  --color-base-300: #003d4f;
  --color-base-content: #ffffff;

  --color-primary: #00ed64;
  --color-primary-content: #001e2b;

  --color-secondary: #003d4f;
  --color-secondary-content: #ffffff;

  --color-accent: #00ed64;
  --color-accent-content: #001e2b;

  --color-neutral: #0d1c26;
  --color-neutral-content: #ffffff;

  --color-info: #8ea0e8;
  --color-info-content: #001e2b;

  --color-success: #00ed64;
  --color-success-content: #001e2b;

  --color-warning: #fa6e39;
  --color-warning-content: #001e2b;

  --color-error: #ff8b96;
  --color-error-content: #001e2b;

  --radius-selector: 0.5rem;
  --radius-field: 0.25rem;
  --radius-box: 0.5rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
}