91 lines
2.6 KiB
CSS
91 lines
2.6 KiB
CSS
/*
|
|
* Shared Carpa design tokens + DaisyUI themes.
|
|
*
|
|
* Consume from any Tailwind v4 app by importing this AFTER `@import "tailwindcss";`
|
|
*
|
|
* @import "tailwindcss";
|
|
* @import "@carpa/tailwind-config/carpa.css";
|
|
*
|
|
* Each app is still responsible for its own `@source` globs so Tailwind can
|
|
* scan that app's markup for utility classes.
|
|
*/
|
|
|
|
@plugin "daisyui" {
|
|
themes:
|
|
carpa --default,
|
|
carpa-dark --prefersdark;
|
|
root: ":root";
|
|
logs: false;
|
|
}
|
|
|
|
/* Light brand theme */
|
|
@plugin "daisyui/theme" {
|
|
name: "carpa";
|
|
default: true;
|
|
color-scheme: light;
|
|
--color-base-100: oklch(100% 0 0);
|
|
--color-base-200: oklch(97% 0.001 106);
|
|
--color-base-300: oklch(92% 0.003 106);
|
|
--color-base-content: oklch(21% 0.006 285);
|
|
--color-primary: oklch(55% 0.2 262);
|
|
--color-primary-content: oklch(98% 0.01 262);
|
|
--color-secondary: oklch(65% 0.19 24);
|
|
--color-secondary-content: oklch(98% 0.01 24);
|
|
--color-accent: oklch(70% 0.15 165);
|
|
--color-accent-content: oklch(20% 0.02 165);
|
|
--color-neutral: oklch(30% 0.01 285);
|
|
--color-neutral-content: oklch(96% 0.005 285);
|
|
--color-info: oklch(70% 0.12 230);
|
|
--color-success: oklch(72% 0.16 150);
|
|
--color-warning: oklch(80% 0.16 85);
|
|
--color-error: oklch(63% 0.22 25);
|
|
--radius-selector: 0.5rem;
|
|
--radius-field: 0.5rem;
|
|
--radius-box: 0.75rem;
|
|
--size-selector: 0.25rem;
|
|
--size-field: 0.25rem;
|
|
--border: 1px;
|
|
--depth: 1;
|
|
--noise: 0;
|
|
}
|
|
|
|
/* Dark brand theme */
|
|
@plugin "daisyui/theme" {
|
|
name: "carpa-dark";
|
|
prefersdark: true;
|
|
color-scheme: dark;
|
|
--color-base-100: oklch(21% 0.006 285);
|
|
--color-base-200: oklch(17% 0.006 285);
|
|
--color-base-300: oklch(14% 0.006 285);
|
|
--color-base-content: oklch(96% 0.002 285);
|
|
--color-primary: oklch(65% 0.2 262);
|
|
--color-primary-content: oklch(14% 0.02 262);
|
|
--color-secondary: oklch(70% 0.18 24);
|
|
--color-secondary-content: oklch(14% 0.02 24);
|
|
--color-accent: oklch(74% 0.14 165);
|
|
--color-accent-content: oklch(14% 0.02 165);
|
|
--color-neutral: oklch(28% 0.01 285);
|
|
--color-neutral-content: oklch(96% 0.005 285);
|
|
--color-info: oklch(72% 0.12 230);
|
|
--color-success: oklch(74% 0.16 150);
|
|
--color-warning: oklch(82% 0.16 85);
|
|
--color-error: oklch(68% 0.2 25);
|
|
--radius-selector: 0.5rem;
|
|
--radius-field: 0.5rem;
|
|
--radius-box: 0.75rem;
|
|
--size-selector: 0.25rem;
|
|
--size-field: 0.25rem;
|
|
--border: 1px;
|
|
--depth: 1;
|
|
--noise: 0;
|
|
}
|
|
|
|
/* Shared design tokens available as Tailwind theme values */
|
|
@theme {
|
|
--font-sans:
|
|
"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
|
|
"Helvetica Neue", Arial, sans-serif;
|
|
--font-mono:
|
|
"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
|
}
|