@gjermundgaraba/gg-theme 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +8 -4
  2. package/index.css +61 -88
  3. package/package.json +3 -2
  4. package/primitives.css +51 -93
  5. package/tailwind.css +1 -13
  6. package/tokens.json +115 -61
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # gg-theme
2
2
 
3
- Coordinated light and dark CSS variables for web apps. Generated from a single OKLCH palette so light and dark stay perceptually balanced. Compatible with Tailwind CSS v4, shadcn/ui, and any tool that reads CSS custom properties.
3
+ Coordinated light and dark CSS variables for web apps. Generated from the same palette as my terminal, Neovim, and agent themes, so everything matches. Compatible with Tailwind CSS v4, shadcn/ui, and any tool that reads CSS custom properties.
4
4
 
5
5
  ## Install
6
6
 
@@ -62,9 +62,13 @@ shadcn components reference tokens by their bare names (`--background`, `--prima
62
62
  | --- | --- |
63
63
  | `@gjermundgaraba/gg-theme` | `index.css`, base CSS variables (`:root` + `.dark`). |
64
64
  | `@gjermundgaraba/gg-theme/tailwind` | `tailwind.css`, Tailwind v4 `@theme inline` mapping. |
65
- | `@gjermundgaraba/gg-theme/primitives` | `primitives.css`, un-roled OKLCH custom properties for downstream layers. |
66
- | `@gjermundgaraba/gg-theme/tokens` | `tokens.json`, raw token values for tooling. |
65
+ | `@gjermundgaraba/gg-theme/primitives` | `primitives.css`, the un-roled palette as `--gg-*` OKLCH custom properties for downstream layers. |
66
+ | `@gjermundgaraba/gg-theme/tokens` | `tokens.json`, slot and palette values as hex for tooling and JS. |
67
67
 
68
68
  ## Notes
69
69
 
70
- Colors are generated in OKLCH with a fixed surface and accent hue. Borders use `color-mix` against `--foreground`, so they self-tune in both modes. Status foregrounds are pre-paired and meet WCAG AA against their surface.
70
+ Every foreground is pre-paired with its surface and checked at build time: text pairs meet WCAG AA (4.5:1), and the focus ring clears 3:1 on both `background` and `card`. Status fills keep the palette's lightness and hue at reduced chroma, so large fills do not glare. Borders use `color-mix` against `--foreground`, so they self-tune in both modes.
71
+
72
+ ## Development
73
+
74
+ The CSS and JSON files are generated. Edit `theme/palette.ts` in the [source repository](https://github.com/gjermundgaraba/.dotfiles), run `node theme/build.ts`, bump `version` here, and `npm publish` from this directory.
package/index.css CHANGED
@@ -1,103 +1,76 @@
1
- /* gg-theme — generated. Do not edit. */
1
+ /* gg-theme — generated from theme/palette.ts. Do not edit. */
2
2
 
3
3
  :root {
4
- --background: #d2dad2;
5
- --foreground: #0e130f;
6
-
7
- --card: #c3cec4;
8
- --card-foreground: #0e130f;
9
-
10
- --popover: #c3cec4;
11
- --popover-foreground: #0e130f;
12
-
13
- --primary: #ae004d;
14
- --primary-foreground: #f6faf6;
15
-
16
- --secondary: #c3cec4;
17
- --secondary-foreground: #0e130f;
18
-
19
- --muted: #c3cec4;
20
- --muted-foreground: #3c453c;
21
-
22
- --accent: #c3cec4;
23
- --accent-foreground: #0e130f;
24
-
25
- --destructive: #a0003e;
26
- --destructive-foreground: #f6faf6;
27
-
28
- --success: #006c00;
29
- --success-foreground: #f6faf6;
30
-
31
- --warning: #952800;
32
- --warning-foreground: #f6faf6;
33
-
34
- --info: #006f6a;
35
- --info-foreground: #f6faf6;
36
-
4
+ --background: #e7e9e4;
5
+ --foreground: #0f130e;
6
+ --card: #d6dad2;
7
+ --card-foreground: #0f130e;
8
+ --popover: #d6dad2;
9
+ --popover-foreground: #0f130e;
10
+ --primary: #7a5a00;
11
+ --primary-foreground: #e7e9e4;
12
+ --secondary: #d6dad2;
13
+ --secondary-foreground: #0f130e;
14
+ --muted: #d6dad2;
15
+ --muted-foreground: #3a3f37;
16
+ --accent: #d6dad2;
17
+ --accent-foreground: #0f130e;
18
+ --destructive: #912c3e;
19
+ --destructive-foreground: #e7e9e4;
20
+ --success: #266023;
21
+ --success-foreground: #e7e9e4;
22
+ --warning: #95512c;
23
+ --warning-foreground: #e7e9e4;
24
+ --info: #2b6369;
25
+ --info-foreground: #e7e9e4;
37
26
  --border: color-mix(in oklab, var(--foreground) 12%, transparent);
38
27
  --input: color-mix(in oklab, var(--foreground) 18%, transparent);
39
- --ring: #960049;
40
-
41
- --selection: #9cb69e;
42
- --selection-foreground: #0e130f;
43
-
44
- --chart-1: #004ab9;
45
- --chart-2: #006c00;
46
- --chart-3: #952800;
47
- --chart-4: #83108b;
48
- --chart-5: #006f6a;
49
-
28
+ --ring: #7a5a00;
29
+ --selection: #d6bcc6;
30
+ --selection-foreground: #0f130e;
31
+ --chart-1: #0052c8;
32
+ --chart-2: #006400;
33
+ --chart-3: #a34700;
34
+ --chart-4: #7f1087;
35
+ --chart-5: #00666e;
50
36
  --radius: 0.5rem;
51
37
 
52
38
  color-scheme: light;
53
39
  }
54
40
 
55
41
  .dark {
56
- --background: #1e2a1f;
57
- --foreground: #e1e6e1;
58
-
59
- --card: #2f3e30;
60
- --card-foreground: #e1e6e1;
61
-
62
- --popover: #2f3e30;
63
- --popover-foreground: #e1e6e1;
64
-
65
- --primary: #b40055;
66
- --primary-foreground: #f8fbf8;
67
-
68
- --secondary: #2f3e30;
69
- --secondary-foreground: #e1e6e1;
70
-
71
- --muted: #2f3e30;
72
- --muted-foreground: #829183;
73
-
74
- --accent: #2f3e30;
75
- --accent-foreground: #e1e6e1;
76
-
77
- --destructive: #ff6f79;
78
- --destructive-foreground: #0b110b;
79
-
80
- --success: #17d365;
81
- --success-foreground: #0b110b;
82
-
83
- --warning: #ff7c23;
84
- --warning-foreground: #0b110b;
85
-
86
- --info: #00d7ce;
87
- --info-foreground: #0b110b;
88
-
42
+ --background: #282a27;
43
+ --foreground: #e2e6e0;
44
+ --card: #383c36;
45
+ --card-foreground: #e2e6e0;
46
+ --popover: #383c36;
47
+ --popover-foreground: #e2e6e0;
48
+ --primary: #ffd60a;
49
+ --primary-foreground: #282a27;
50
+ --secondary: #383c36;
51
+ --secondary-foreground: #e2e6e0;
52
+ --muted: #383c36;
53
+ --muted-foreground: #a0a89c;
54
+ --accent: #383c36;
55
+ --accent-foreground: #e2e6e0;
56
+ --destructive: #e1909c;
57
+ --destructive-foreground: #282a27;
58
+ --success: #78b77a;
59
+ --success-foreground: #282a27;
60
+ --warning: #e09564;
61
+ --warning-foreground: #282a27;
62
+ --info: #72c0c0;
63
+ --info-foreground: #282a27;
89
64
  --border: color-mix(in oklab, var(--foreground) 14%, transparent);
90
65
  --input: color-mix(in oklab, var(--foreground) 22%, transparent);
91
- --ring: #ff69ab;
92
-
93
- --selection: #345137;
94
- --selection-foreground: #e1e6e1;
95
-
96
- --chart-1: #47b1ff;
97
- --chart-2: #17d365;
98
- --chart-3: #ff7c23;
99
- --chart-4: #f07cf7;
100
- --chart-5: #00d7ce;
66
+ --ring: #ffd60a;
67
+ --selection: #643c4c;
68
+ --selection-foreground: #e2e6e0;
69
+ --chart-1: #009aff;
70
+ --chart-2: #4cc157;
71
+ --chart-3: #ff8200;
72
+ --chart-4: #e786ed;
73
+ --chart-5: #00c9cb;
101
74
 
102
75
  color-scheme: dark;
103
76
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gjermundgaraba/gg-theme",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "description": "Coordinated light and dark CSS variables for web apps. Tailwind v4 and shadcn/ui compatible.",
5
5
  "type": "module",
6
6
  "main": "./index.css",
@@ -36,7 +36,8 @@
36
36
  "license": "MIT",
37
37
  "repository": {
38
38
  "type": "git",
39
- "url": "git+https://github.com/gjermundgaraba/theme.git"
39
+ "url": "git+https://github.com/gjermundgaraba/.dotfiles.git",
40
+ "directory": "theme/web"
40
41
  },
41
42
  "author": "Gjermund Garaba"
42
43
  }
package/primitives.css CHANGED
@@ -1,103 +1,61 @@
1
- /* gg-theme primitives — generated. Do not edit.
2
- Un-roled OKLCH custom properties for downstream layers that need to map
3
- the palette to their own semantic vocabulary instead of consuming the
4
- shadcn slot mapping in index.css. Same values as the shadcn output; OKLCH
5
- form is required so consumers can derive variants via color-mix and L/C
6
- math. */
1
+ /* gg-theme primitives — generated from theme/palette.ts. Do not edit.
2
+ The un-roled palette, for layers that map it to their own vocabulary
3
+ instead of consuming the shadcn slots in index.css. */
7
4
 
8
5
  :root {
9
- --gg-hue-surface: 147;
10
- --gg-hue-accent: 2;
11
-
12
- --gg-bg: oklch(0.88 0.014 146);
13
- --gg-surface: oklch(0.84 0.018 148);
14
- --gg-overlay: oklch(0.43 0.025 147);
15
- --gg-fg: oklch(0.18 0.011 151);
16
- --gg-fg-dim: oklch(0.38 0.019 145);
17
-
18
- --gg-cursor: oklch(0.18 0.011 151);
19
- --gg-cursor-text: oklch(0.88 0.014 146);
20
-
21
- --gg-selection-bg: oklch(0.75 0.044 147);
22
- --gg-selection-fg: oklch(0.18 0.011 151);
23
-
24
- --gg-accent: oklch(0.43 0.175 2);
25
- --gg-button-bg: oklch(0.48 0.193 6);
26
- --gg-button-fg: oklch(0.98 0.007 146);
27
- --gg-debug-fg: oklch(0.98 0.007 146);
28
-
29
- --gg-diff-add-bg: oklch(0.85 0.041 150);
30
- --gg-diff-delete-bg: oklch(0.85 0.039 8);
31
- --gg-diff-change-bg: oklch(0.85 0.039 254);
32
- --gg-search-bg: oklch(0.83 0.056 96);
33
- --gg-visual-bg: oklch(0.75 0.044 147);
34
-
35
- --gg-black: oklch(0.10 0.012 145);
36
- --gg-red: oklch(0.45 0.180 10);
37
- --gg-green: oklch(0.46 0.157 143);
38
- --gg-yellow: oklch(0.45 0.096 72);
39
- --gg-blue: oklch(0.45 0.187 260);
40
- --gg-magenta: oklch(0.44 0.194 325);
41
- --gg-cyan: oklch(0.49 0.085 189);
42
- --gg-white: oklch(0.95 0.005 147);
43
- --gg-orange: oklch(0.45 0.151 37);
44
-
45
- --gg-bright-black: oklch(0.38 0.019 145);
46
- --gg-bright-red: oklch(0.40 0.161 17);
47
- --gg-bright-green: oklch(0.39 0.134 143);
48
- --gg-bright-yellow: oklch(0.37 0.089 57);
49
- --gg-bright-blue: oklch(0.37 0.203 264);
50
- --gg-bright-magenta: oklch(0.38 0.181 324);
51
- --gg-bright-cyan: oklch(0.42 0.071 192);
52
- --gg-bright-white: oklch(0.98 0.005 147);
6
+ --gg-accent: oklch(0.4877 0.1000 84.43);
7
+ --gg-bg: oklch(0.9311 0.0070 124.45);
8
+ --gg-surface: oklch(0.8830 0.0116 128.61);
9
+ --gg-overlay: oklch(0.5010 0.0178 136.15);
10
+ --gg-fg: oklch(0.1804 0.0119 139.43);
11
+ --gg-terminal-fg: oklch(0.1804 0.0119 139.43);
12
+ --gg-ansi-white: oklch(0.4690 0.0181 136.17);
13
+ --gg-fg-dim: oklch(0.3602 0.0151 133.58);
14
+ --gg-cursor: oklch(0.1804 0.0119 139.43);
15
+ --gg-cursor-text: oklch(0.9311 0.0070 124.45);
16
+ --gg-selection-bg: oklch(0.8202 0.0324 352.61);
17
+ --gg-selection-fg: oklch(0.1804 0.0119 139.43);
18
+ --gg-diff-add-bg: oklch(0.8939 0.0382 142.83);
19
+ --gg-diff-delete-bg: oklch(0.8935 0.0349 11.19);
20
+ --gg-diff-change-bg: oklch(0.8882 0.0343 253.72);
21
+ --gg-search-bg: oklch(0.8764 0.0628 96.44);
22
+ --gg-visual-bg: oklch(0.8371 0.0424 133.01);
23
+ --gg-red: oklch(0.4512 0.1803 13.89);
24
+ --gg-green: oklch(0.4360 0.1484 142.50);
25
+ --gg-yellow: oklch(0.4556 0.0933 85.70);
26
+ --gg-blue: oklch(0.4766 0.1961 260.16);
27
+ --gg-magenta: oklch(0.4303 0.1898 324.97);
28
+ --gg-cyan: oklch(0.4653 0.0794 204.22);
29
+ --gg-orange: oklch(0.5104 0.1391 47.95);
53
30
 
54
31
  color-scheme: light;
55
32
  }
56
33
 
57
34
  .dark {
58
- --gg-hue-accent: 356;
59
-
60
- --gg-bg: oklch(0.27 0.026 147);
61
- --gg-surface: oklch(0.35 0.031 147);
62
- --gg-overlay: oklch(0.55 0.039 146);
63
- --gg-fg: oklch(0.92 0.009 146);
64
- --gg-fg-dim: oklch(0.64 0.027 147);
65
-
66
- --gg-cursor: oklch(0.92 0.009 146);
67
- --gg-cursor-text: oklch(0.27 0.026 147);
68
-
69
- --gg-selection-bg: oklch(0.40 0.055 147);
70
- --gg-selection-fg: oklch(0.92 0.009 146);
71
-
72
- --gg-accent: oklch(0.73 0.193 356);
73
- --gg-button-bg: oklch(0.50 0.200 4);
74
- --gg-button-fg: oklch(0.98 0.005 147);
75
- --gg-debug-fg: oklch(0.17 0.015 145);
76
-
77
- --gg-diff-add-bg: oklch(0.32 0.066 150);
78
- --gg-diff-delete-bg: oklch(0.32 0.065 20);
79
- --gg-diff-change-bg: oklch(0.31 0.066 255);
80
- --gg-search-bg: oklch(0.35 0.071 89);
81
- --gg-visual-bg: oklch(0.40 0.055 147);
82
-
83
- --gg-black: oklch(0.15 0.016 150);
84
- --gg-red: oklch(0.72 0.176 18);
85
- --gg-green: oklch(0.76 0.204 150);
86
- --gg-yellow: oklch(0.76 0.157 83);
87
- --gg-blue: oklch(0.73 0.149 244);
88
- --gg-magenta: oklch(0.76 0.205 325);
89
- --gg-cyan: oklch(0.79 0.137 189);
90
- --gg-white: oklch(0.96 0.007 146);
91
- --gg-orange: oklch(0.73 0.184 49);
92
-
93
- --gg-bright-black: oklch(0.64 0.027 147);
94
- --gg-bright-red: oklch(0.75 0.154 17);
95
- --gg-bright-green: oklch(0.83 0.220 150);
96
- --gg-bright-yellow: oklch(0.83 0.171 83);
97
- --gg-bright-blue: oklch(0.79 0.130 233);
98
- --gg-bright-magenta: oklch(0.80 0.194 327);
99
- --gg-bright-cyan: oklch(0.86 0.150 189);
100
- --gg-bright-white: oklch(0.98 0.005 147);
35
+ --gg-accent: oklch(0.8849 0.1805 94.78);
36
+ --gg-bg: oklch(0.2819 0.0061 134.94);
37
+ --gg-surface: oklch(0.3503 0.0115 134.99);
38
+ --gg-overlay: oklch(0.5804 0.0185 133.92);
39
+ --gg-fg: oklch(0.9202 0.0091 134.88);
40
+ --gg-terminal-fg: oklch(0.8351 0.0128 137.79);
41
+ --gg-ansi-white: oklch(0.7458 0.0149 138.72);
42
+ --gg-fg-dim: oklch(0.6410 0.0180 133.89);
43
+ --gg-cursor: oklch(0.9202 0.0091 134.88);
44
+ --gg-cursor-text: oklch(0.2819 0.0061 134.94);
45
+ --gg-selection-bg: oklch(0.4091 0.0605 354.55);
46
+ --gg-selection-fg: oklch(0.9202 0.0091 134.88);
47
+ --gg-diff-add-bg: oklch(0.3257 0.0662 145.10);
48
+ --gg-diff-delete-bg: oklch(0.3256 0.0646 12.54);
49
+ --gg-diff-change-bg: oklch(0.3253 0.0651 249.82);
50
+ --gg-search-bg: oklch(0.3556 0.0727 91.36);
51
+ --gg-visual-bg: oklch(0.4094 0.0543 135.59);
52
+ --gg-red: oklch(0.7387 0.1641 10.32);
53
+ --gg-green: oklch(0.7207 0.1801 145.03);
54
+ --gg-yellow: oklch(0.8610 0.1602 92.00);
55
+ --gg-blue: oklch(0.6713 0.1827 248.45);
56
+ --gg-magenta: oklch(0.7591 0.1745 324.99);
57
+ --gg-cyan: oklch(0.7575 0.1291 196.05);
58
+ --gg-orange: oklch(0.7349 0.1846 53.83);
101
59
 
102
60
  color-scheme: dark;
103
61
  }
package/tailwind.css CHANGED
@@ -1,45 +1,33 @@
1
- /* gg-theme — Tailwind v4 entry. Generated. Do not edit. */
1
+ /* gg-theme — Tailwind v4 entry. Generated from theme/palette.ts. Do not edit. */
2
2
 
3
3
  @import "./index.css";
4
4
 
5
5
  @theme inline {
6
6
  --color-background: var(--background);
7
7
  --color-foreground: var(--foreground);
8
-
9
8
  --color-card: var(--card);
10
9
  --color-card-foreground: var(--card-foreground);
11
-
12
10
  --color-popover: var(--popover);
13
11
  --color-popover-foreground: var(--popover-foreground);
14
-
15
12
  --color-primary: var(--primary);
16
13
  --color-primary-foreground: var(--primary-foreground);
17
-
18
14
  --color-secondary: var(--secondary);
19
15
  --color-secondary-foreground: var(--secondary-foreground);
20
-
21
16
  --color-muted: var(--muted);
22
17
  --color-muted-foreground: var(--muted-foreground);
23
-
24
18
  --color-accent: var(--accent);
25
19
  --color-accent-foreground: var(--accent-foreground);
26
-
27
20
  --color-destructive: var(--destructive);
28
21
  --color-destructive-foreground: var(--destructive-foreground);
29
-
30
22
  --color-success: var(--success);
31
23
  --color-success-foreground: var(--success-foreground);
32
-
33
24
  --color-warning: var(--warning);
34
25
  --color-warning-foreground: var(--warning-foreground);
35
-
36
26
  --color-info: var(--info);
37
27
  --color-info-foreground: var(--info-foreground);
38
-
39
28
  --color-border: var(--border);
40
29
  --color-input: var(--input);
41
30
  --color-ring: var(--ring);
42
-
43
31
  --color-chart-1: var(--chart-1);
44
32
  --color-chart-2: var(--chart-2);
45
33
  --color-chart-3: var(--chart-3);
package/tokens.json CHANGED
@@ -1,70 +1,124 @@
1
1
  {
2
2
  "name": "gg-theme",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "modes": {
5
5
  "light": {
6
- "background": "#d2dad2",
7
- "foreground": "#0e130f",
8
- "card": "#c3cec4",
9
- "card-foreground": "#0e130f",
10
- "popover": "#c3cec4",
11
- "popover-foreground": "#0e130f",
12
- "primary": "#ae004d",
13
- "primary-foreground": "#f6faf6",
14
- "secondary": "#c3cec4",
15
- "secondary-foreground": "#0e130f",
16
- "muted": "#c3cec4",
17
- "muted-foreground": "#3c453c",
18
- "accent": "#c3cec4",
19
- "accent-foreground": "#0e130f",
20
- "destructive": "#a0003e",
21
- "destructive-foreground": "#f6faf6",
22
- "success": "#006c00",
23
- "success-foreground": "#f6faf6",
24
- "warning": "#952800",
25
- "warning-foreground": "#f6faf6",
26
- "info": "#006f6a",
27
- "info-foreground": "#f6faf6",
28
- "ring": "#960049",
29
- "selection": "#9cb69e",
30
- "selection-foreground": "#0e130f",
31
- "chart-1": "#004ab9",
32
- "chart-2": "#006c00",
33
- "chart-3": "#952800",
34
- "chart-4": "#83108b",
35
- "chart-5": "#006f6a"
6
+ "background": "#e7e9e4",
7
+ "foreground": "#0f130e",
8
+ "card": "#d6dad2",
9
+ "card-foreground": "#0f130e",
10
+ "popover": "#d6dad2",
11
+ "popover-foreground": "#0f130e",
12
+ "primary": "#7a5a00",
13
+ "primary-foreground": "#e7e9e4",
14
+ "secondary": "#d6dad2",
15
+ "secondary-foreground": "#0f130e",
16
+ "muted": "#d6dad2",
17
+ "muted-foreground": "#3a3f37",
18
+ "accent": "#d6dad2",
19
+ "accent-foreground": "#0f130e",
20
+ "destructive": "#912c3e",
21
+ "destructive-foreground": "#e7e9e4",
22
+ "success": "#266023",
23
+ "success-foreground": "#e7e9e4",
24
+ "warning": "#95512c",
25
+ "warning-foreground": "#e7e9e4",
26
+ "info": "#2b6369",
27
+ "info-foreground": "#e7e9e4",
28
+ "ring": "#7a5a00",
29
+ "selection": "#d6bcc6",
30
+ "selection-foreground": "#0f130e",
31
+ "chart-1": "#0052c8",
32
+ "chart-2": "#006400",
33
+ "chart-3": "#a34700",
34
+ "chart-4": "#7f1087",
35
+ "chart-5": "#00666e"
36
36
  },
37
37
  "dark": {
38
- "background": "#1e2a1f",
39
- "foreground": "#e1e6e1",
40
- "card": "#2f3e30",
41
- "card-foreground": "#e1e6e1",
42
- "popover": "#2f3e30",
43
- "popover-foreground": "#e1e6e1",
44
- "primary": "#b40055",
45
- "primary-foreground": "#f8fbf8",
46
- "secondary": "#2f3e30",
47
- "secondary-foreground": "#e1e6e1",
48
- "muted": "#2f3e30",
49
- "muted-foreground": "#829183",
50
- "accent": "#2f3e30",
51
- "accent-foreground": "#e1e6e1",
52
- "destructive": "#ff6f79",
53
- "destructive-foreground": "#0b110b",
54
- "success": "#17d365",
55
- "success-foreground": "#0b110b",
56
- "warning": "#ff7c23",
57
- "warning-foreground": "#0b110b",
58
- "info": "#00d7ce",
59
- "info-foreground": "#0b110b",
60
- "ring": "#ff69ab",
61
- "selection": "#345137",
62
- "selection-foreground": "#e1e6e1",
63
- "chart-1": "#47b1ff",
64
- "chart-2": "#17d365",
65
- "chart-3": "#ff7c23",
66
- "chart-4": "#f07cf7",
67
- "chart-5": "#00d7ce"
38
+ "background": "#282a27",
39
+ "foreground": "#e2e6e0",
40
+ "card": "#383c36",
41
+ "card-foreground": "#e2e6e0",
42
+ "popover": "#383c36",
43
+ "popover-foreground": "#e2e6e0",
44
+ "primary": "#ffd60a",
45
+ "primary-foreground": "#282a27",
46
+ "secondary": "#383c36",
47
+ "secondary-foreground": "#e2e6e0",
48
+ "muted": "#383c36",
49
+ "muted-foreground": "#a0a89c",
50
+ "accent": "#383c36",
51
+ "accent-foreground": "#e2e6e0",
52
+ "destructive": "#e1909c",
53
+ "destructive-foreground": "#282a27",
54
+ "success": "#78b77a",
55
+ "success-foreground": "#282a27",
56
+ "warning": "#e09564",
57
+ "warning-foreground": "#282a27",
58
+ "info": "#72c0c0",
59
+ "info-foreground": "#282a27",
60
+ "ring": "#ffd60a",
61
+ "selection": "#643c4c",
62
+ "selection-foreground": "#e2e6e0",
63
+ "chart-1": "#009aff",
64
+ "chart-2": "#4cc157",
65
+ "chart-3": "#ff8200",
66
+ "chart-4": "#e786ed",
67
+ "chart-5": "#00c9cb"
68
+ }
69
+ },
70
+ "palette": {
71
+ "light": {
72
+ "accent": "#7a5a00",
73
+ "bg": "#e7e9e4",
74
+ "surface": "#d6dad2",
75
+ "overlay": "#5f665c",
76
+ "fg": "#0f130e",
77
+ "terminal-fg": "#0f130e",
78
+ "ansi-white": "#565d53",
79
+ "fg-dim": "#3a3f37",
80
+ "cursor": "#0f130e",
81
+ "cursor-text": "#e7e9e4",
82
+ "selection-bg": "#d6bcc6",
83
+ "selection-fg": "#0f130e",
84
+ "diff-add-bg": "#cee3cc",
85
+ "diff-delete-bg": "#f2d3d6",
86
+ "diff-change-bg": "#cbdcf1",
87
+ "search-bg": "#e2d7a8",
88
+ "visual-bg": "#bfd0b4",
89
+ "red": "#a10036",
90
+ "green": "#006400",
91
+ "yellow": "#6e5200",
92
+ "blue": "#0052c8",
93
+ "magenta": "#7f1087",
94
+ "cyan": "#00666e",
95
+ "orange": "#a34700"
96
+ },
97
+ "dark": {
98
+ "accent": "#ffd60a",
99
+ "bg": "#282a27",
100
+ "surface": "#383c36",
101
+ "overlay": "#767d72",
102
+ "fg": "#e2e6e0",
103
+ "terminal-fg": "#c5cbc3",
104
+ "ansi-white": "#a8afa6",
105
+ "fg-dim": "#888f84",
106
+ "cursor": "#e2e6e0",
107
+ "cursor-text": "#282a27",
108
+ "selection-bg": "#643c4c",
109
+ "selection-fg": "#e2e6e0",
110
+ "diff-add-bg": "#1c3d1e",
111
+ "diff-delete-bg": "#50252b",
112
+ "diff-change-bg": "#173654",
113
+ "search-bg": "#4a3a00",
114
+ "visual-bg": "#3d5133",
115
+ "red": "#ff7992",
116
+ "green": "#4cc157",
117
+ "yellow": "#f7cd3a",
118
+ "blue": "#009aff",
119
+ "magenta": "#e786ed",
120
+ "cyan": "#00c9cb",
121
+ "orange": "#ff8200"
68
122
  }
69
123
  },
70
124
  "radius": "0.5rem"