diff --git a/adapters/tailwind.css b/adapters/tailwind.css new file mode 100644 index 0000000..95043f7 --- /dev/null +++ b/adapters/tailwind.css @@ -0,0 +1,57 @@ +/* ============================================================================ + weirsoe-theme — Tailwind v4 adapter. + @import AFTER "tailwindcss" so Tailwind generates colour utilities + (bg-surface, text-muted, border-border, text-accent…) from the shared tokens + — the SSOT for Tailwind-based sites (e.g. asger.weirsøe.dk). Dark is the + @theme default; light/terminal are runtime [data-theme] overrides. + + @import "tailwindcss"; + @import ".../adapters/tailwind.css"; // tokens + @import ".../weirsoe-theme.css"; // base/glow, toggle, prose, .wt-* + + Font is intentionally NOT set here (consumer-specific). Token VALUES mirror + weirsoe-theme.css — keep the two in sync. + ========================================================================== */ + +@theme { + --color-bg: #0b0f17; + --color-surface: #121a27; + --color-surface-2: #182232; + --color-surface-3: #1d293b; + --color-border: #243044; + --color-text: #e6e9ef; + --color-muted: #97a3b6; + --color-accent: #38bdf8; + --color-accent-2: #818cf8; + --color-accent-ink: #06121c; + --color-good: #7dffa8; + --color-bad: #ff8ba0; +} + +html[data-theme="light"] { + color-scheme: light; + --color-bg: #f6f8fb; + --color-surface: #ffffff; + --color-surface-2: #eef2f8; + --color-surface-3: #e6ecf5; + --color-border: #dde4ee; + --color-text: #0f1729; + --color-muted: #54617a; + --color-accent: #0284c7; + --color-accent-2: #4f46e5; + --color-accent-ink: #ffffff; +} + +html[data-theme="terminal"] { + color-scheme: dark; + --color-bg: #050a06; + --color-surface: #0a140c; + --color-surface-2: #102012; + --color-surface-3: #16331c; + --color-border: #1d3a22; + --color-text: #4bff7e; + --color-muted: #2fae57; + --color-accent: #7dffa8; + --color-accent-2: #33cc77; + --color-accent-ink: #04130a; +}