Files
backnotprop__plannotator/packages/ui/themes/soft-pop.css
Michael Ramos 2b4b556289 feat(themes): add Kanagawa Dragon, Wave, and Bones themes (#524)
* feat(themes): add Kanagawa Dragon, Wave, and Bones themes

Adds all three Kanagawa variants as dark-only themes, mapped from the
official Ghostty color palette to the app's CSS variable schema.

For provenance purposes, this commit was AI assisted.

* fix(themes): sort Kanagawa themes into alphabetical position

For provenance purposes, this commit was AI assisted.

* feat(themes): replace Kanagawa Bones with Kanagawa Lotus

Bones is a community derivative; Lotus is the official third variant
from kanagawa.nvim. Light-only theme with yellow-tan paper background
mapped from the canonical lotusWhite/lotusInk palette.

For provenance purposes, this commit was AI assisted.

* style(themes): standardize border radius to 0.625rem

Replaces the previous defaults (0.5rem, 0.75rem, 1rem) with 0.625rem
across all themes. Intentionally sharp themes preserved: Doom 64 (0px),
Terminal (4px), Solar Dusk (0.3rem).

For provenance purposes, this commit was AI assisted.
2026-04-08 14:56:40 -07:00

61 lines
2.0 KiB
CSS

.theme-soft-pop {
--background: oklch(0 0 0);
--foreground: oklch(1.0000 0 0);
--card: oklch(0.1500 0 0);
--card-foreground: oklch(1.0000 0 0);
--popover: oklch(0.1500 0 0);
--popover-foreground: oklch(1.0000 0 0);
--primary: oklch(0.6801 0.1583 276.9349);
--primary-foreground: oklch(1.0000 0 0);
--secondary: oklch(0.7845 0.1325 181.9120);
--secondary-foreground: oklch(0 0 0);
--muted: oklch(0.3211 0 0);
--muted-foreground: oklch(0.7000 0 0);
--accent: oklch(0.8790 0.1534 91.6054);
--accent-foreground: oklch(0 0 0);
--destructive: oklch(0.7106 0.1661 22.2162);
--destructive-foreground: oklch(1.0000 0 0);
--border: oklch(0.4459 0 0);
--input: oklch(0.3211 0 0);
--ring: oklch(0.6801 0.1583 276.9349);
--success: oklch(0.72 0.17 150);
--success-foreground: oklch(0.15 0.02 260);
--warning: oklch(0.75 0.15 85);
--warning-foreground: oklch(0.20 0.02 260);
--font-sans: 'DM Sans', sans-serif;
--font-mono: 'Space Mono', monospace;
--radius: 0.625rem;
--code-bg: oklch(0.08 0 0);
--focus-highlight: oklch(0.70 0.20 200);
}
.theme-soft-pop.light {
--background: oklch(0.9789 0.0082 121.6272);
--foreground: oklch(0 0 0);
--card: oklch(1.0000 0 0);
--card-foreground: oklch(0 0 0);
--popover: oklch(1.0000 0 0);
--popover-foreground: oklch(0 0 0);
--primary: oklch(0.5106 0.2301 276.9656);
--primary-foreground: oklch(1.0000 0 0);
--secondary: oklch(0.7038 0.1230 182.5025);
--secondary-foreground: oklch(0 0 0);
--muted: oklch(0.9551 0 0);
--muted-foreground: oklch(0.4000 0 0);
--accent: oklch(0.7686 0.1647 70.0804);
--accent-foreground: oklch(0 0 0);
--destructive: oklch(0.6368 0.2078 25.3313);
--destructive-foreground: oklch(1.0000 0 0);
--border: oklch(0 0 0);
--input: oklch(0.9551 0 0);
--ring: oklch(0.7853 0.1041 274.7134);
--success: oklch(0.45 0.20 150);
--success-foreground: oklch(1 0 0);
--warning: oklch(0.55 0.18 85);
--warning-foreground: oklch(0.18 0.02 260);
--code-bg: oklch(0.96 0.005 120);
}