mirror of
https://github.com/backnotprop/plannotator.git
synced 2026-09-14 14:17:26 +08:00
Michael Ramos
2b4b556289
* 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.
110 lines
3.8 KiB
CSS
110 lines
3.8 KiB
CSS
.theme-quantum-rose {
|
|
--background: #1a0922;
|
|
--foreground: #ffb3ff;
|
|
--card: #2a1435;
|
|
--card-foreground: #ffb3ff;
|
|
--popover: #2a1435;
|
|
--popover-foreground: #ffb3ff;
|
|
--primary: #ff6bef;
|
|
--primary-foreground: #180518;
|
|
--secondary: #46204f;
|
|
--secondary-foreground: #ffb3ff;
|
|
--muted: #331941;
|
|
--muted-foreground: #d67ad6;
|
|
--accent: #c06ec4;
|
|
--accent-foreground: #1a0922;
|
|
--destructive: #ff2876;
|
|
--destructive-foreground: #f9f9f9;
|
|
--border: #4a1b5f;
|
|
--input: #46204f;
|
|
--ring: #ff6bef;
|
|
--chart-1: #ff6bef;
|
|
--chart-2: #c359e3;
|
|
--chart-3: #9161ff;
|
|
--chart-4: #6f73e2;
|
|
--chart-5: #547aff;
|
|
--sidebar: #1c0d25;
|
|
--sidebar-foreground: #ffb3ff;
|
|
--sidebar-primary: #ff6bef;
|
|
--sidebar-primary-foreground: #180518;
|
|
--sidebar-accent: #5a1f5d;
|
|
--sidebar-accent-foreground: #ffb3ff;
|
|
--sidebar-border: #4a1b5f;
|
|
--sidebar-ring: #ff6bef;
|
|
--font-sans: Quicksand, sans-serif;
|
|
--font-serif: Playfair Display, serif;
|
|
--font-mono: Space Mono, monospace;
|
|
--radius: 0.625rem;
|
|
--shadow-2xs: 0px 3px 0px 0px hsl(300 80% 50% / 0.09);
|
|
--shadow-xs: 0px 3px 0px 0px hsl(300 80% 50% / 0.09);
|
|
--shadow-sm: 0px 3px 0px 0px hsl(300 80% 50% / 0.18), 0px 1px 2px -1px hsl(300 80% 50% / 0.18);
|
|
--shadow: 0px 3px 0px 0px hsl(300 80% 50% / 0.18), 0px 1px 2px -1px hsl(300 80% 50% / 0.18);
|
|
--shadow-md: 0px 3px 0px 0px hsl(300 80% 50% / 0.18), 0px 2px 4px -1px hsl(300 80% 50% / 0.18);
|
|
--shadow-lg: 0px 3px 0px 0px hsl(300 80% 50% / 0.18), 0px 4px 6px -1px hsl(300 80% 50% / 0.18);
|
|
--shadow-xl: 0px 3px 0px 0px hsl(300 80% 50% / 0.18), 0px 8px 10px -1px hsl(300 80% 50% / 0.18);
|
|
--shadow-2xl: 0px 3px 0px 0px hsl(300 80% 50% / 0.45);
|
|
|
|
/* Plannotator extended tokens */
|
|
--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);
|
|
--code-bg: oklch(0.13 0.015 260);
|
|
--focus-highlight: oklch(0.70 0.20 200);
|
|
}
|
|
|
|
.theme-quantum-rose.light {
|
|
--background: #fff0f8;
|
|
--foreground: #91185c;
|
|
--card: #fff7fc;
|
|
--card-foreground: #91185c;
|
|
--popover: #fff7fc;
|
|
--popover-foreground: #91185c;
|
|
--primary: #e6067a;
|
|
--primary-foreground: #ffffff;
|
|
--secondary: #ffd6ff;
|
|
--secondary-foreground: #91185c;
|
|
--muted: #ffe3f2;
|
|
--muted-foreground: #c04283;
|
|
--accent: #ffc1e3;
|
|
--accent-foreground: #91185c;
|
|
--destructive: #d13869;
|
|
--destructive-foreground: #ffffff;
|
|
--border: #ffc7e6;
|
|
--input: #ffd6ff;
|
|
--ring: #e6067a;
|
|
--chart-1: #e6067a;
|
|
--chart-2: #c44b97;
|
|
--chart-3: #9969b6;
|
|
--chart-4: #7371bf;
|
|
--chart-5: #5e84ff;
|
|
--sidebar: #ffedf6;
|
|
--sidebar-foreground: #91185c;
|
|
--sidebar-primary: #e6067a;
|
|
--sidebar-primary-foreground: #ffffff;
|
|
--sidebar-accent: #ffc1e3;
|
|
--sidebar-accent-foreground: #91185c;
|
|
--sidebar-border: #ffddf0;
|
|
--sidebar-ring: #e6067a;
|
|
--font-sans: Poppins, sans-serif;
|
|
--font-serif: Playfair Display, serif;
|
|
--font-mono: Space Mono, monospace;
|
|
--radius: 0.625rem;
|
|
--shadow-2xs: 0px 3px 0px 0px hsl(330 70% 30% / 0.09);
|
|
--shadow-xs: 0px 3px 0px 0px hsl(330 70% 30% / 0.09);
|
|
--shadow-sm: 0px 3px 0px 0px hsl(330 70% 30% / 0.18), 0px 1px 2px -1px hsl(330 70% 30% / 0.18);
|
|
--shadow: 0px 3px 0px 0px hsl(330 70% 30% / 0.18), 0px 1px 2px -1px hsl(330 70% 30% / 0.18);
|
|
--shadow-md: 0px 3px 0px 0px hsl(330 70% 30% / 0.18), 0px 2px 4px -1px hsl(330 70% 30% / 0.18);
|
|
--shadow-lg: 0px 3px 0px 0px hsl(330 70% 30% / 0.18), 0px 4px 6px -1px hsl(330 70% 30% / 0.18);
|
|
--shadow-xl: 0px 3px 0px 0px hsl(330 70% 30% / 0.18), 0px 8px 10px -1px hsl(330 70% 30% / 0.18);
|
|
--shadow-2xl: 0px 3px 0px 0px hsl(330 70% 30% / 0.45);
|
|
|
|
/* Plannotator extended tokens */
|
|
--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 260);
|
|
--focus-highlight: oklch(0.70 0.20 200);
|
|
}
|