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

/* Catppuccin — Mocha (dark) + Latte (light) */
.theme-catppuccin {
--background: #1e1e2e;
--foreground: #cdd6f4;
--card: #313244;
--card-foreground: #cdd6f4;
--popover: #313244;
--popover-foreground: #cdd6f4;
--primary: #89b4fa;
--primary-foreground: #1e1e2e;
--secondary: #45475a;
--secondary-foreground: #cdd6f4;
--muted: #45475a;
--muted-foreground: #a6adc8;
--accent: #f5c2e7;
--accent-foreground: #1e1e2e;
--destructive: #f38ba8;
--destructive-foreground: #1e1e2e;
--border: #585b70;
--input: #313244;
--ring: #89b4fa;
--success: #a6e3a1;
--success-foreground: #1e1e2e;
--warning: #f9e2af;
--warning-foreground: #1e1e2e;
--font-sans: system-ui, sans-serif;
--font-mono: 'Fira Code', ui-monospace, monospace;
--radius: 0.625rem;
--code-bg: #181825;
--focus-highlight: #94e2d5;
}
.theme-catppuccin.light {
--background: #eff1f5;
--foreground: #4c4f69;
--card: #e6e9ef;
--card-foreground: #4c4f69;
--popover: #e6e9ef;
--popover-foreground: #4c4f69;
--primary: #1e66f5;
--primary-foreground: #eff1f5;
--secondary: #ccd0da;
--secondary-foreground: #4c4f69;
--muted: #ccd0da;
--muted-foreground: #6c6f85;
--accent: #ea76cb;
--accent-foreground: #eff1f5;
--destructive: #d20f39;
--destructive-foreground: #eff1f5;
--border: #acb0be;
--input: #ccd0da;
--ring: #1e66f5;
--success: #40a02b;
--success-foreground: #eff1f5;
--warning: #df8e1d;
--warning-foreground: #eff1f5;
--code-bg: #e6e9ef;
--focus-highlight: #179299;
}