Files
backnotprop__plannotator/packages/ui/themes/gruvbox.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

63 lines
1.5 KiB
CSS

/* Gruvbox — by morhetz */
.theme-gruvbox {
--background: #282828;
--foreground: #ebdbb2;
--card: #3c3836;
--card-foreground: #ebdbb2;
--popover: #3c3836;
--popover-foreground: #ebdbb2;
--primary: #458588;
--primary-foreground: #ebdbb2;
--secondary: #504945;
--secondary-foreground: #ebdbb2;
--muted: #504945;
--muted-foreground: #a89984;
--accent: #b8bb26;
--accent-foreground: #282828;
--destructive: #fb4934;
--destructive-foreground: #282828;
--border: #504945;
--input: #3c3836;
--ring: #458588;
--success: #8ec07c;
--success-foreground: #282828;
--warning: #fabd2f;
--warning-foreground: #282828;
--font-sans: system-ui, sans-serif;
--font-mono: 'Fira Code', ui-monospace, monospace;
--radius: 0.625rem;
--code-bg: #32302f;
--focus-highlight: #83a598;
}
.theme-gruvbox.light {
--background: #fbf1c7;
--foreground: #3c3836;
--card: #f2e5bc;
--card-foreground: #3c3836;
--popover: #f2e5bc;
--popover-foreground: #3c3836;
--primary: #076678;
--primary-foreground: #fbf1c7;
--secondary: #d5c4a1;
--secondary-foreground: #3c3836;
--muted: #ebdbb2;
--muted-foreground: #665c54;
--accent: #79740e;
--accent-foreground: #fbf1c7;
--destructive: #9d0006;
--destructive-foreground: #fbf1c7;
--border: #d5c4a1;
--input: #ebdbb2;
--ring: #076678;
--success: #689d6a;
--success-foreground: #fbf1c7;
--warning: #b57614;
--warning-foreground: #fbf1c7;
--code-bg: #ebdbb2;
--focus-highlight: #076678;
}