forked from coracle/flotilla
Jon Staab
85 lines
3.1 KiB
JavaScript
85 lines
3.1 KiB
JavaScript
import {config} from "dotenv"
|
|
import daisyui from "daisyui"
|
|
import daisyTheme from "daisyui/theme"
|
|
import themes from "daisyui/theme/object"
|
|
|
|
config({path: ".env.local"})
|
|
config({path: ".env"})
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ["./src/**/*.{html,js,svelte,ts}"],
|
|
darkMode: ["selector", '[data-theme="dark"]'],
|
|
safelist: ["bg-success", "bg-warning", "w-4 h-4"],
|
|
theme: {
|
|
extend: {},
|
|
zIndex: {
|
|
none: 0,
|
|
"nav-active": 1,
|
|
"nav-item": 2,
|
|
feature: 3,
|
|
compose: 4,
|
|
nav: 5,
|
|
popover: 6,
|
|
modal: 7,
|
|
tooltip: 8,
|
|
toast: 9,
|
|
},
|
|
},
|
|
plugins: [
|
|
daisyui({
|
|
themes: ["light --default", "dark --prefersdark"],
|
|
}),
|
|
daisyTheme({
|
|
name: "dark",
|
|
...themes["night"],
|
|
// Warm charcoal ramp with a wide (~8.5%) lightness spread so stacked
|
|
// surfaces (rail / panel / page / card / bubble) read as layered paper
|
|
// instead of one flat slab. Hue nudged from cold 265 toward brand 280.
|
|
"--color-base-100": "oklch(24% 0.025 280)",
|
|
"--color-base-200": "oklch(20% 0.024 280)",
|
|
"--color-base-300": "oklch(15.5% 0.022 280)",
|
|
"--color-base-content": "oklch(89% 0.02 280)",
|
|
"--color-primary": process.env.VITE_PLATFORM_ACCENT,
|
|
"--color-primary-content": process.env.VITE_PLATFORM_ACCENT_CONTENT || "#EAE7FF",
|
|
"--color-secondary": process.env.VITE_PLATFORM_SECONDARY,
|
|
"--color-secondary-content": process.env.VITE_PLATFORM_SECONDARY_CONTENT || "#EAE7FF",
|
|
// Amber completes the purple -> orange -> amber brand triad (was off-brand pink).
|
|
"--color-accent": "#FDB833",
|
|
"--color-accent-content": "oklch(22% 0.04 70)",
|
|
// Shape + depth: rounder geometry, friendlier borders, and DaisyUI's built-in
|
|
// soft top-highlight/bottom-shadow on btn/card/input/badge.
|
|
"--depth": "1",
|
|
"--radius-box": "1.25rem",
|
|
"--radius-field": "0.75rem",
|
|
"--radius-selector": "1rem",
|
|
"--border": "1.5px",
|
|
}),
|
|
daisyTheme({
|
|
name: "light",
|
|
...themes["winter"],
|
|
// Warm paper ramp (hue ~70) replaces winter's clinical blue-white, with a
|
|
// gentle layering step and a warm near-ink text color carrying a faint
|
|
// purple undertone so type feels tied to the brand.
|
|
"--color-base-100": "oklch(99.5% 0.006 70)",
|
|
"--color-base-200": "oklch(97% 0.012 70)",
|
|
"--color-base-300": "oklch(93.5% 0.016 75)",
|
|
"--color-base-content": "oklch(32% 0.03 285)",
|
|
"--color-neutral": "oklch(96% 0.01 70)",
|
|
"--color-neutral-content": "var(--color-base-content)",
|
|
"--color-warning": "#FD8D0B",
|
|
"--color-primary": process.env.VITE_PLATFORM_ACCENT,
|
|
"--color-primary-content": process.env.VITE_PLATFORM_ACCENT_CONTENT || "#EAE7FF",
|
|
"--color-secondary": process.env.VITE_PLATFORM_SECONDARY,
|
|
"--color-secondary-content": process.env.VITE_PLATFORM_SECONDARY_CONTENT || "#EAE7FF",
|
|
"--color-accent": "#FDB833",
|
|
"--color-accent-content": "oklch(30% 0.05 70)",
|
|
"--depth": "1",
|
|
"--radius-box": "1.25rem",
|
|
"--radius-field": "0.75rem",
|
|
"--radius-selector": "1rem",
|
|
"--border": "1.5px",
|
|
}),
|
|
],
|
|
}
|