Repository navigation
Expand file tree
/
Copy paththemePalettes.ts
More file actions
1066 lines (1046 loc) · 47.3 KB
/
Copy paththemePalettes.ts
File metadata and controls
1066 lines (1046 loc) · 47.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
export const BUILT_IN_THEME_IDS = ["t3-chat", "grove", "ocean", "ember", "iris"] as const;
export const MOBILE_DEFAULT_THEME_ID = "t3-code";
export const MOBILE_THEME_IDS = [MOBILE_DEFAULT_THEME_ID, ...BUILT_IN_THEME_IDS] as const;
/** Reserve appearance keywords, built-ins, and legacy aliases so custom themes cannot capture stored preferences. */
export const RESERVED_THEME_IDS: ReadonlySet<string> = new Set([
"system",
"light",
"dark",
...BUILT_IN_THEME_IDS,
"t3-chat-dark",
"t3-grove",
"t3-ocean",
"t3-ember",
"t3-iris",
]);
/** The mobile default id is valid in saved themes but cannot be published because web/desktop cannot resolve it. */
export const UNPUBLISHABLE_THEME_IDS: ReadonlySet<string> = new Set([
...RESERVED_THEME_IDS,
MOBILE_DEFAULT_THEME_ID,
]);
export type BuiltInThemeId = (typeof BUILT_IN_THEME_IDS)[number];
export type MobileThemeId = (typeof MOBILE_THEME_IDS)[number];
export type ThemeAppearance = "light" | "dark";
/** The 16 ANSI colors in index order, as terminals and VS Code number them. */
export const TERMINAL_ANSI_ROLES = [
"terminalAnsiBlack",
"terminalAnsiRed",
"terminalAnsiGreen",
"terminalAnsiYellow",
"terminalAnsiBlue",
"terminalAnsiMagenta",
"terminalAnsiCyan",
"terminalAnsiWhite",
"terminalAnsiBrightBlack",
"terminalAnsiBrightRed",
"terminalAnsiBrightGreen",
"terminalAnsiBrightYellow",
"terminalAnsiBrightBlue",
"terminalAnsiBrightMagenta",
"terminalAnsiBrightCyan",
"terminalAnsiBrightWhite",
] as const;
/** Product roles shared by web CSS, React Native tokens, and native surfaces. */
export const THEME_COLOR_ROLES = [
"canvas",
"chrome",
"toolbar",
"toolbarForeground",
"toolbarBorder",
"toolbarControl",
"toolbarControlForeground",
"toolbarControlHover",
"surface",
"surfaceRaised",
"surfaceOverlay",
"text",
"textMuted",
"border",
"input",
"focus",
"accent",
"accentForeground",
"secondary",
"secondaryForeground",
"muted",
"mutedForeground",
"placeholder",
"secondaryLabel",
"iconMuted",
"error",
"errorForeground",
"errorSurface",
"warning",
"warningForeground",
"warningSurface",
"update",
"updateForeground",
"updateSurface",
"accentSurface",
"accentSurfaceForeground",
"messageSurface",
"messageForeground",
"messageAction",
"messageActionForeground",
"messageActionHover",
"codeBackground",
"codeForeground",
"searchMatchBackground",
"searchMatchForeground",
"searchMatchActiveBackground",
"searchMatchActiveForeground",
"sidebar",
"sidebarForeground",
"sidebarMutedForeground",
"sidebarControlSurface",
"sidebarRowHover",
"sidebarRowActive",
"sidebarRowSelected",
"sidebarBorder",
"terminalBackground",
"terminalForeground",
"terminalCursor",
"terminalSelection",
"terminalScrollbar",
"terminalScrollbarHover",
...TERMINAL_ANSI_ROLES,
] as const;
export type ThemeColorRole = (typeof THEME_COLOR_ROLES)[number];
export type TerminalAnsiRole = (typeof TERMINAL_ANSI_ROLES)[number];
/**
* Ghostty's stock ANSI palette, in the canonical OKLCH built-ins store. Built-in
* and generated themes wear it, so a terminal only changes colors when a theme
* (usually a VS Code import) sets them.
*/
export const DEFAULT_TERMINAL_ANSI_COLORS: Readonly<Record<TerminalAnsiRole, string>> = {
terminalAnsiBlack: "oklch(0.238005 0.004866 248.033)", // #1d1f21
terminalAnsiRed: "oklch(0.630832 0.129782 21.437)", // #cc6666
terminalAnsiGreen: "oklch(0.773316 0.109471 113.373)", // #b5bd68
terminalAnsiYellow: "oklch(0.846188 0.111483 82.943)", // #f0c674
terminalAnsiBlue: "oklch(0.697531 0.055095 244.292)", // #81a2be
terminalAnsiMagenta: "oklch(0.706622 0.065092 318.33)", // #b294bb
terminalAnsiCyan: "oklch(0.763086 0.055396 185.75)", // #8abeb7
terminalAnsiWhite: "oklch(0.829851 0.00429 157.16)", // #c5c8c6
terminalAnsiBrightBlack: "oklch(0.510278 0 0)", // #666666
terminalAnsiBrightRed: "oklch(0.607566 0.16997 21.597)", // #d54e53
terminalAnsiBrightGreen: "oklch(0.801667 0.151906 116.376)", // #b9ca4a
terminalAnsiBrightYellow: "oklch(0.830638 0.145169 93.674)", // #e7c547
terminalAnsiBrightBlue: "oklch(0.71356 0.090162 253.127)", // #7aa6da
terminalAnsiBrightMagenta: "oklch(0.739778 0.103066 314.56)", // #c397d8
terminalAnsiBrightCyan: "oklch(0.75206 0.082288 180.561)", // #70c0b1
terminalAnsiBrightWhite: "oklch(0.937049 0 0)", // #eaeaea
};
export type ThemeColors = Readonly<Record<ThemeColorRole, string>>;
/** The CSS variable the web app reads each theme role from. */
export const THEME_COLOR_VARIABLES: Readonly<Record<ThemeColorRole, string>> = {
canvas: "--app-theme-canvas",
chrome: "--app-theme-chrome",
toolbar: "--app-theme-toolbar",
toolbarForeground: "--app-theme-toolbar-foreground",
toolbarBorder: "--app-theme-toolbar-border",
toolbarControl: "--app-theme-toolbar-control",
toolbarControlForeground: "--app-theme-toolbar-control-foreground",
toolbarControlHover: "--app-theme-toolbar-control-hover",
surface: "--app-theme-surface",
surfaceRaised: "--app-theme-surface-raised",
surfaceOverlay: "--app-theme-surface-overlay",
text: "--app-theme-text",
textMuted: "--app-theme-text-muted",
border: "--app-theme-border",
input: "--app-theme-input",
focus: "--app-theme-focus",
accent: "--app-theme-accent",
accentForeground: "--app-theme-accent-foreground",
secondary: "--app-theme-secondary",
secondaryForeground: "--app-theme-secondary-foreground",
muted: "--app-theme-muted",
mutedForeground: "--app-theme-muted-foreground",
placeholder: "--app-theme-placeholder",
secondaryLabel: "--app-theme-secondary-label",
iconMuted: "--app-theme-icon-muted",
error: "--app-theme-error",
errorForeground: "--app-theme-error-foreground",
errorSurface: "--app-theme-error-surface",
warning: "--app-theme-warning",
warningForeground: "--app-theme-warning-foreground",
warningSurface: "--app-theme-warning-surface",
update: "--app-theme-update",
updateForeground: "--app-theme-update-foreground",
updateSurface: "--app-theme-update-surface",
accentSurface: "--app-theme-accent-surface",
accentSurfaceForeground: "--app-theme-accent-surface-foreground",
messageSurface: "--app-theme-message-surface",
messageForeground: "--app-theme-message-foreground",
messageAction: "--app-theme-message-action",
messageActionForeground: "--app-theme-message-action-foreground",
messageActionHover: "--app-theme-message-action-hover",
codeBackground: "--app-theme-code-background",
codeForeground: "--app-theme-code-foreground",
searchMatchBackground: "--app-theme-search-match-background",
searchMatchForeground: "--app-theme-search-match-foreground",
searchMatchActiveBackground: "--app-theme-search-match-active-background",
searchMatchActiveForeground: "--app-theme-search-match-active-foreground",
sidebar: "--app-theme-sidebar",
sidebarForeground: "--app-theme-sidebar-foreground",
sidebarMutedForeground: "--app-theme-sidebar-muted-foreground",
sidebarControlSurface: "--app-theme-sidebar-control-surface",
sidebarRowHover: "--app-theme-sidebar-row-hover",
sidebarRowActive: "--app-theme-sidebar-row-active",
sidebarRowSelected: "--app-theme-sidebar-row-selected",
sidebarBorder: "--app-theme-sidebar-border",
terminalBackground: "--app-theme-terminal-background",
terminalForeground: "--app-theme-terminal-foreground",
terminalCursor: "--app-theme-terminal-cursor",
terminalSelection: "--app-theme-terminal-selection-background",
terminalScrollbar: "--app-theme-terminal-scrollbar",
terminalScrollbarHover: "--app-theme-terminal-scrollbar-hover",
terminalAnsiBlack: "--app-theme-terminal-ansi-0",
terminalAnsiRed: "--app-theme-terminal-ansi-1",
terminalAnsiGreen: "--app-theme-terminal-ansi-2",
terminalAnsiYellow: "--app-theme-terminal-ansi-3",
terminalAnsiBlue: "--app-theme-terminal-ansi-4",
terminalAnsiMagenta: "--app-theme-terminal-ansi-5",
terminalAnsiCyan: "--app-theme-terminal-ansi-6",
terminalAnsiWhite: "--app-theme-terminal-ansi-7",
terminalAnsiBrightBlack: "--app-theme-terminal-ansi-8",
terminalAnsiBrightRed: "--app-theme-terminal-ansi-9",
terminalAnsiBrightGreen: "--app-theme-terminal-ansi-10",
terminalAnsiBrightYellow: "--app-theme-terminal-ansi-11",
terminalAnsiBrightBlue: "--app-theme-terminal-ansi-12",
terminalAnsiBrightMagenta: "--app-theme-terminal-ansi-13",
terminalAnsiBrightCyan: "--app-theme-terminal-ansi-14",
terminalAnsiBrightWhite: "--app-theme-terminal-ansi-15",
};
export type ThemeVariants = Readonly<Partial<Record<ThemeAppearance, ThemeColors>>>;
export type ThemeDefinition = Readonly<{
id: string;
label: string;
appearance: ThemeAppearance;
colors: ThemeColors;
variants?: ThemeVariants;
collection?: Readonly<{ id: string; label: string }>;
sidebarArtwork?: boolean;
managed?: boolean;
}>;
export const T3_CODE_LIGHT_THEME_COLORS: ThemeColors = {
searchMatchBackground: "#ffde8b",
searchMatchForeground: "#21180a",
searchMatchActiveBackground: "#eea52b",
searchMatchActiveForeground: "#21180a",
canvas: "#fcfcfc",
chrome: "#fcfcfc",
toolbar: "#fcfcfc",
toolbarForeground: "#27272a",
toolbarBorder: "#e4e4e7",
toolbarControl: "#ffffff",
toolbarControlForeground: "#27272a",
toolbarControlHover: "#f4f4f5",
surface: "#ffffff",
surfaceRaised: "#fcfcfc",
surfaceOverlay: "#ffffff",
text: "#27272a",
textMuted: "#71717b",
border: "#e4e4e7",
input: "#d4d4d8",
focus: "#1b4ed8",
accent: "#1b4ed8",
accentForeground: "#ffffff",
secondary: "#fafafa",
secondaryForeground: "#27272a",
muted: "#fafafa",
mutedForeground: "#71717b",
placeholder: "#71717b",
secondaryLabel: "#71717b",
iconMuted: "#71717b",
error: "#fb2c36",
errorForeground: "#c10007",
errorSurface: "#fcebec",
warning: "#fe9a00",
warningForeground: "#bb4d00",
warningSurface: "#fcf4e8",
update: "#1b4ed8",
updateForeground: "#1b4ed8",
updateSurface: "#e0e6f7",
accentSurface: "#f4f4f5",
accentSurfaceForeground: "#18181b",
messageSurface: "#f4f4f5",
messageForeground: "#27272a",
messageAction: "#1b4ed8",
messageActionForeground: "#ffffff",
messageActionHover: "#3160db",
codeBackground: "#ffffff",
codeForeground: "#27272a",
sidebar: "#fafafa",
sidebarForeground: "#27272a",
sidebarMutedForeground: "#71717b",
sidebarControlSurface: "#f4f4f5",
sidebarRowHover: "#fcfcfc",
sidebarRowActive: "#ffffff",
sidebarRowSelected: "#ffffff",
sidebarBorder: "#e4e4e7",
terminalBackground: "#fcfcfc",
terminalForeground: "#27272a",
terminalCursor: "#26384e",
terminalSelection: "#d0d6dd",
terminalScrollbar: "#d6d6d6",
terminalScrollbarHover: "#bdbdbd",
...DEFAULT_TERMINAL_ANSI_COLORS,
};
export const T3_CODE_DARK_THEME_COLORS: ThemeColors = {
searchMatchBackground: "#8c6c1f",
searchMatchForeground: "#f5f5f5",
searchMatchActiveBackground: "#eea52b",
searchMatchActiveForeground: "#21180a",
canvas: "#0a0a0a",
chrome: "#0a0a0a",
toolbar: "#0a0a0a",
toolbarForeground: "#f5f5f5",
toolbarBorder: "#191919",
toolbarControl: "#111111",
toolbarControlForeground: "#f5f5f5",
toolbarControlHover: "#141414",
surface: "#111111",
surfaceRaised: "#111111",
surfaceOverlay: "#111111",
text: "#f5f5f5",
textMuted: "#818181",
border: "#191919",
input: "#1e1e1e",
focus: "#346bf1",
accent: "#346bf1",
accentForeground: "#ffffff",
secondary: "#111111",
secondaryForeground: "#f5f5f5",
muted: "#111111",
mutedForeground: "#818181",
placeholder: "#818181",
secondaryLabel: "#818181",
iconMuted: "#818181",
error: "#fb414a",
errorForeground: "#ff6467",
errorSurface: "#301214",
warning: "#fe9a00",
warningForeground: "#ffb900",
warningSurface: "#312108",
update: "#346bf1",
updateForeground: "#51a2ff",
updateSurface: "#121b34",
accentSurface: "#141414",
accentSurfaceForeground: "#f5f5f5",
messageSurface: "#141414",
messageForeground: "#f5f5f5",
messageAction: "#346bf1",
messageActionForeground: "#ffffff",
messageActionHover: "#3061d9",
codeBackground: "#111111",
codeForeground: "#f5f5f5",
sidebar: "#000000",
sidebarForeground: "#f1f3f7",
sidebarMutedForeground: "#a3a3a3",
sidebarControlSurface: "#0a0a0a",
sidebarRowHover: "#131313",
sidebarRowActive: "#1a1b1b",
sidebarRowSelected: "#111111",
sidebarBorder: "#141414",
terminalBackground: "#0a0a0a",
terminalForeground: "#f5f5f5",
terminalCursor: "#b4cbff",
terminalSelection: "#343a47",
terminalScrollbar: "#222222",
terminalScrollbarHover: "#363636",
...DEFAULT_TERMINAL_ANSI_COLORS,
};
export const T3_CHAT_THEME: ThemeDefinition = {
id: "t3-chat",
label: "T3 Chat",
appearance: "light",
colors: {
canvas: "oklch(0.982446 0.010114 325.653)",
chrome: "oklch(0.982446 0.010114 325.653)",
toolbar: "oklch(0.982446 0.010114 325.653)",
toolbarForeground: "oklch(0.325698 0.116116 325.037)",
toolbarBorder: "oklch(0.856784 0.082879 328.911)",
toolbarControl: "oklch(0.939552 0.024286 321.664)",
toolbarControlForeground: "oklch(0.325698 0.116116 325.037)",
toolbarControlHover: "oklch(0.884525 0.041658 337.177)",
surface: "oklch(0.971835 0.012884 321.894)",
surfaceRaised: "oklch(0.988235 0.005049 325.615)",
surfaceOverlay: "oklch(1 0 0)",
text: "oklch(0.325698 0.116116 325.037)",
textMuted: "oklch(0.494754 0.190937 354.544)",
border: "oklch(0.923531 0.021247 328.096)",
input: "oklch(0.851713 0.055822 336.6)",
focus: "oklch(0.591646 0.217985 0.584)",
accent: "oklch(0.591646 0.217985 0.584)",
accentForeground: "oklch(1 0 0)",
secondary: "oklch(0.869588 0.06751 334.899)",
secondaryForeground: "oklch(0.444777 0.134061 324.799)",
muted: "oklch(0.802407 0.090963 345.892)",
mutedForeground: "oklch(0.428932 0.163929 354.332)",
placeholder: "oklch(0.549927 0.090215 323.149)",
secondaryLabel: "oklch(0.494754 0.190937 354.544)",
iconMuted: "oklch(0.494754 0.190937 354.544)",
error: "oklch(0.627117 0.248974 7.734)",
errorForeground: "oklch(0.458704 0.169677 3.815)",
errorSurface: "oklch(0.942787 0.032076 344.963)",
warning: "oklch(0.76859 0.164659 70.08)",
warningForeground: "oklch(0.54612 0.143036 48.949)",
warningSurface: "oklch(0.962901 0.015297 48.56)",
update: "oklch(0.591646 0.217985 0.584)",
updateForeground: "oklch(0.494754 0.190937 354.544)",
updateSurface: "oklch(0.930264 0.036194 341.45)",
accentSurface: "oklch(0.939552 0.024286 321.664)",
accentSurfaceForeground: "oklch(0.396296 0.025134 285.196)",
messageSurface: "oklch(0.926746 0.037898 332.6)",
messageForeground: "oklch(0.354591 0.093575 307.568)",
messageAction: "oklch(0.591646 0.217985 0.584)",
messageActionForeground: "oklch(1 0 0)",
messageActionHover: "oklch(0.539042 0.197866 0.305)",
codeBackground: "oklch(0.953855 0.019695 315.668)",
codeForeground: "oklch(0.445128 0.13005 307.026)",
searchMatchBackground: "oklch(0.915 0.11 85)",
searchMatchForeground: "oklch(0.216164 0.028283 77.423)",
searchMatchActiveBackground: "oklch(0.774202 0.151946 74.331)",
searchMatchActiveForeground: "oklch(0.216164 0.028283 77.423)",
sidebar: "oklch(0.928886 0.031178 322.592)",
sidebarForeground: "oklch(0.396296 0.025134 285.196)",
sidebarMutedForeground: "oklch(0.494754 0.190937 354.544)",
sidebarControlSurface: "oklch(0.978851 0.001321 106.424)",
sidebarRowHover: "oklch(0.978851 0.001321 106.424)",
sidebarRowActive: "oklch(0.978851 0.001321 106.424)",
sidebarRowSelected: "oklch(0.978851 0.001321 106.424)",
sidebarBorder: "oklch(0.938313 0.002552 48.717)",
terminalBackground: "oklch(0.982446 0.010114 325.653)",
terminalForeground: "oklch(0.325698 0.116116 325.037)",
terminalCursor: "oklch(0.591646 0.217985 0.584)",
terminalSelection: "oklch(0.869588 0.06751 334.899)",
terminalScrollbar: "oklch(0.851713 0.055822 336.6)",
terminalScrollbarHover: "oklch(0.802407 0.090963 345.892)",
...DEFAULT_TERMINAL_ANSI_COLORS,
},
variants: {
dark: {
canvas: "oklch(0.22813 0.020366 307.469)",
chrome: "oklch(0.22813 0.020366 307.469)",
toolbar: "oklch(0.22813 0.020366 307.469)",
toolbarForeground: "oklch(0.980735 0.004092 301.426)",
toolbarBorder: "oklch(0.266943 0.015262 302.425)",
toolbarControl: "oklch(0.313674 0.030572 310.061)",
toolbarControlForeground: "oklch(0.848252 0.038248 307.961)",
toolbarControlHover: "oklch(0.364912 0.050794 308.491)",
surface: "oklch(0.267101 0.02016 311.799)",
surfaceRaised: "oklch(0.279864 0.021572 309.532)",
surfaceOverlay: "oklch(0.154761 0.01316 338.901)",
text: "oklch(0.980735 0.004092 301.426)",
textMuted: "oklch(0.880303 0.03077 342.696)",
border: "oklch(0.266943 0.015262 302.425)",
input: "oklch(0.266817 0.02897 344.461)",
focus: "oklch(0.591646 0.217985 0.584)",
accent: "oklch(0.460685 0.185347 4.099)",
accentForeground: "oklch(0.901233 0.057189 343.694)",
secondary: "oklch(0.313674 0.030572 310.061)",
secondaryForeground: "oklch(0.848252 0.038248 307.961)",
muted: "oklch(0.360924 0.021469 316.83)",
mutedForeground: "oklch(0.880303 0.03077 342.696)",
placeholder: "oklch(0.657087 0.028226 307.985)",
secondaryLabel: "oklch(0.880303 0.03077 342.696)",
iconMuted: "oklch(0.848252 0.038248 307.961)",
error: "oklch(0.458704 0.169677 3.815)",
errorForeground: "oklch(0.901233 0.057189 343.694)",
errorSurface: "oklch(0.259022 0.04799 340.062)",
warning: "oklch(0.76859 0.164659 70.08)",
warningForeground: "oklch(0.836861 0.164422 84.429)",
warningSurface: "oklch(0.321706 0.036256 60.806)",
update: "oklch(0.460685 0.185347 4.099)",
updateForeground: "oklch(0.901233 0.057189 343.694)",
updateSurface: "oklch(0.256077 0.063004 342.914)",
accentSurface: "oklch(0.364912 0.050794 308.491)",
accentSurfaceForeground: "oklch(0.964695 0.009139 341.803)",
messageSurface: "oklch(0.273791 0.025541 309.079)",
messageForeground: "oklch(0.949872 0.021269 306.838)",
messageAction: "oklch(0.460685 0.185347 4.099)",
messageActionForeground: "oklch(0.901233 0.057189 343.694)",
messageActionHover: "oklch(0.458754 0.184639 3.857)",
codeBackground: "oklch(0.22813 0.020366 307.469)",
codeForeground: "oklch(0.848703 0.064239 306.645)",
searchMatchBackground: "oklch(0.55 0.1 85)",
searchMatchForeground: "oklch(0.970151 0 0)",
searchMatchActiveBackground: "oklch(0.774202 0.151946 74.331)",
searchMatchActiveForeground: "oklch(0.216164 0.028283 77.423)",
sidebar: "oklch(0.185778 0.019368 322.159)",
sidebarForeground: "oklch(0.967434 0.001326 286.375)",
sidebarMutedForeground: "oklch(0.880303 0.03077 342.696)",
sidebarControlSurface: "oklch(0.23366 0.026081 338.196)",
sidebarRowHover: "oklch(0.23366 0.026081 338.196)",
sidebarRowActive: "oklch(0.23366 0.026081 338.196)",
sidebarRowSelected: "oklch(0.23366 0.026081 338.196)",
sidebarBorder: "oklch(0.269132 0.030766 351.067)",
terminalBackground: "oklch(0.22813 0.020366 307.469)",
terminalForeground: "oklch(0.980735 0.004092 301.426)",
terminalCursor: "oklch(0.591646 0.217985 0.584)",
terminalSelection: "oklch(0.313674 0.030572 310.061)",
terminalScrollbar: "oklch(0.266817 0.02897 344.461)",
terminalScrollbarHover: "oklch(0.360924 0.021469 316.83)",
...DEFAULT_TERMINAL_ANSI_COLORS,
},
},
sidebarArtwork: true,
};
export const GROVE_THEME: ThemeDefinition = {
id: "grove",
label: "Grove",
appearance: "light",
colors: {
canvas: "oklch(0.972369 0.005497 157.15)",
chrome: "oklch(0.972369 0.005497 157.15)",
toolbar: "oklch(0.972369 0.005497 157.15)",
toolbarForeground: "oklch(0.222003 0.03479 328.979)",
toolbarBorder: "oklch(0.909438 0.021521 164.612)",
toolbarControl: "oklch(0.936464 0.014601 163.554)",
toolbarControlForeground: "oklch(0.222003 0.03479 328.979)",
toolbarControlHover: "oklch(0.909438 0.021521 164.612)",
surface: "oklch(0.972369 0.005497 157.15)",
surfaceRaised: "oklch(0.949276 0.004496 159.002)",
surfaceOverlay: "oklch(0.932695 0.003778 160.944)",
text: "oklch(0.222003 0.03479 328.979)",
textMuted: "oklch(0.540472 0.014944 326.176)",
border: "oklch(0.864831 0.01312 167.255)",
input: "oklch(0.829746 0.016084 168.234)",
focus: "oklch(0.523295 0.112292 158.089)",
accent: "oklch(0.523295 0.112292 158.089)",
accentForeground: "oklch(0.990339 0.008411 325.64)",
secondary: "oklch(0.936464 0.014601 163.554)",
secondaryForeground: "oklch(0.222003 0.03479 328.979)",
muted: "oklch(0.945455 0.012308 162.879)",
mutedForeground: "oklch(0.527266 0.012309 320.683)",
placeholder: "oklch(0.529681 0.01551 326.299)",
secondaryLabel: "oklch(0.540472 0.014944 326.176)",
iconMuted: "oklch(0.540472 0.014944 326.176)",
error: "oklch(0.637823 0.237287 25.436)",
errorForeground: "oklch(0.509494 0.208583 28.513)",
errorSurface: "oklch(0.936968 0.014243 26.295)",
warning: "oklch(0.772406 0.172798 65.367)",
warningForeground: "oklch(0.545036 0.155019 45.359)",
warningSurface: "oklch(0.953175 0.02009 93.379)",
update: "oklch(0.523295 0.112292 158.089)",
updateForeground: "oklch(0.388012 0.080082 158.768)",
updateSurface: "oklch(0.900411 0.02384 164.795)",
accentSurface: "oklch(0.909438 0.021521 164.612)",
accentSurfaceForeground: "oklch(0.222003 0.03479 328.979)",
messageSurface: "oklch(0.891377 0.026164 164.929)",
messageForeground: "oklch(0.222003 0.03479 328.979)",
messageAction: "oklch(0.535028 0.106403 77.549)",
messageActionForeground: "oklch(0.990339 0.008411 325.64)",
messageActionHover: "oklch(0.488753 0.096536 77.829)",
codeBackground: "oklch(0.955888 0.004783 158.391)",
codeForeground: "oklch(0.222003 0.03479 328.979)",
searchMatchBackground: "oklch(0.915 0.11 85)",
searchMatchForeground: "oklch(0.216164 0.028283 77.423)",
searchMatchActiveBackground: "oklch(0.774202 0.151946 74.331)",
searchMatchActiveForeground: "oklch(0.216164 0.028283 77.423)",
sidebar: "oklch(0.936464 0.014601 163.554)",
sidebarForeground: "oklch(0.222003 0.03479 328.979)",
sidebarMutedForeground: "oklch(0.515606 0.011938 318.897)",
sidebarControlSurface: "oklch(0.88585 0.011734 166.331)",
sidebarRowHover: "oklch(0.886676 0.027374 164.983)",
sidebarRowActive: "oklch(0.85335 0.03597 165.158)",
sidebarRowSelected: "oklch(0.836654 0.040284 165.149)",
sidebarBorder: "oklch(0.860274 0.010287 168.339)",
terminalBackground: "oklch(0.972369 0.005497 157.15)",
terminalForeground: "oklch(0.222003 0.03479 328.979)",
terminalCursor: "oklch(0.523295 0.112292 158.089)",
terminalSelection: "oklch(0.891377 0.026164 164.929)",
terminalScrollbar: "oklch(0.824752 0.001392 294.641)",
terminalScrollbarHover: "oklch(0.755495 0.004415 318.776)",
...DEFAULT_TERMINAL_ANSI_COLORS,
},
variants: {
dark: {
canvas: "oklch(0.260865 0.02152 162.75)",
chrome: "oklch(0.260865 0.02152 162.75)",
toolbar: "oklch(0.260865 0.02152 162.75)",
toolbarForeground: "oklch(0.990339 0.008411 325.64)",
toolbarBorder: "oklch(0.464636 0.066083 158.72)",
toolbarControl: "oklch(0.380487 0.048313 159.608)",
toolbarControlForeground: "oklch(0.990339 0.008411 325.64)",
toolbarControlHover: "oklch(0.437021 0.060312 158.962)",
surface: "oklch(0.260865 0.02152 162.75)",
surfaceRaised: "oklch(0.363192 0.016572 165.32)",
surfaceOverlay: "oklch(0.411828 0.014378 166.627)",
text: "oklch(0.990339 0.008411 325.64)",
textMuted: "oklch(0.666747 0.004239 187.292)",
border: "oklch(0.457475 0.044046 160.971)",
input: "oklch(0.519849 0.049896 160.863)",
focus: "oklch(0.796228 0.133058 157.319)",
accent: "oklch(0.796228 0.133058 157.319)",
accentForeground: "oklch(0.222003 0.03479 328.979)",
secondary: "oklch(0.380487 0.048313 159.608)",
secondaryForeground: "oklch(0.990339 0.008411 325.64)",
muted: "oklch(0.339728 0.039456 160.274)",
mutedForeground: "oklch(0.715427 0.010896 171.428)",
placeholder: "oklch(0.739243 0.002222 223.225)",
secondaryLabel: "oklch(0.666747 0.004239 187.292)",
iconMuted: "oklch(0.666747 0.004239 187.292)",
error: "oklch(0.655108 0.221148 23.473)",
errorForeground: "oklch(0.704237 0.187511 22.228)",
errorSurface: "oklch(0.312773 0.02923 32.121)",
warning: "oklch(0.772406 0.172798 65.367)",
warningForeground: "oklch(0.829017 0.171221 81.038)",
warningSurface: "oklch(0.345524 0.046882 99.736)",
update: "oklch(0.796228 0.133058 157.319)",
updateForeground: "oklch(0.86276 0.089288 159.704)",
updateSurface: "oklch(0.448116 0.062637 158.86)",
accentSurface: "oklch(0.437021 0.060312 158.962)",
accentSurfaceForeground: "oklch(0.990339 0.008411 325.64)",
messageSurface: "oklch(0.470111 0.067221 158.676)",
messageForeground: "oklch(0.990339 0.008411 325.64)",
messageAction: "oklch(0.791603 0.129713 83.299)",
messageActionForeground: "oklch(0.222003 0.03479 328.979)",
messageActionHover: "oklch(0.815227 0.117902 84.21)",
codeBackground: "oklch(0.312979 0.018942 164.082)",
codeForeground: "oklch(0.990339 0.008411 325.64)",
searchMatchBackground: "oklch(0.55 0.1 85)",
searchMatchForeground: "oklch(0.970151 0 0)",
searchMatchActiveBackground: "oklch(0.774202 0.151946 74.331)",
searchMatchActiveForeground: "oklch(0.216164 0.028283 77.423)",
sidebar: "oklch(0.309925 0.032827 160.944)",
sidebarForeground: "oklch(0.990339 0.008411 325.64)",
sidebarMutedForeground: "oklch(0.711387 0.007643 175.89)",
sidebarControlSurface: "oklch(0.432727 0.024549 163.654)",
sidebarRowHover: "oklch(0.374959 0.047124 159.686)",
sidebarRowActive: "oklch(0.41688 0.056069 159.165)",
sidebarRowSelected: "oklch(0.437466 0.060406 158.958)",
sidebarBorder: "oklch(0.569253 0.015933 167.062)",
terminalBackground: "oklch(0.260865 0.02152 162.75)",
terminalForeground: "oklch(0.990339 0.008411 325.64)",
terminalCursor: "oklch(0.796228 0.133058 157.319)",
terminalSelection: "oklch(0.464636 0.066083 158.72)",
terminalScrollbar: "oklch(0.594692 0.006862 176.022)",
terminalScrollbarHover: "oklch(0.687968 0.00354 193.55)",
...DEFAULT_TERMINAL_ANSI_COLORS,
},
},
sidebarArtwork: true,
};
export const OCEAN_THEME: ThemeDefinition = {
id: "ocean",
label: "Ocean",
appearance: "light",
colors: {
canvas: "oklch(0.974199 0.002856 241.597)",
chrome: "oklch(0.974199 0.002856 241.597)",
toolbar: "oklch(0.974199 0.002856 241.597)",
toolbarForeground: "oklch(0.222003 0.03479 328.979)",
toolbarBorder: "oklch(0.91295 0.018827 241.836)",
toolbarControl: "oklch(0.939254 0.01193 241.729)",
toolbarControlForeground: "oklch(0.222003 0.03479 328.979)",
toolbarControlHover: "oklch(0.91295 0.018827 241.836)",
surface: "oklch(0.974199 0.002856 241.597)",
surfaceRaised: "oklch(0.951058 0.002962 258.339)",
surfaceOverlay: "oklch(0.934442 0.003181 269.1)",
text: "oklch(0.222003 0.03479 328.979)",
textMuted: "oklch(0.541555 0.017468 323.531)",
border: "oklch(0.867646 0.013482 252.362)",
input: "oklch(0.832939 0.017389 252.598)",
focus: "oklch(0.536684 0.120219 247.01)",
accent: "oklch(0.536684 0.120219 247.01)",
accentForeground: "oklch(0.990339 0.008411 325.64)",
secondary: "oklch(0.939254 0.01193 241.729)",
secondaryForeground: "oklch(0.222003 0.03479 328.979)",
muted: "oklch(0.948004 0.009649 241.695)",
mutedForeground: "oklch(0.528741 0.01828 313.823)",
placeholder: "oklch(0.530733 0.01795 323.79)",
secondaryLabel: "oklch(0.541555 0.017468 323.531)",
iconMuted: "oklch(0.541555 0.017468 323.531)",
error: "oklch(0.637823 0.237287 25.436)",
errorForeground: "oklch(0.509494 0.208583 28.513)",
errorSurface: "oklch(0.938747 0.016377 7.186)",
warning: "oklch(0.772406 0.172798 65.367)",
warningForeground: "oklch(0.546927 0.155556 45.359)",
warningSurface: "oklch(0.954846 0.016009 81.731)",
update: "oklch(0.536684 0.120219 247.01)",
updateForeground: "oklch(0.397497 0.084999 246.523)",
updateSurface: "oklch(0.904165 0.021144 241.874)",
accentSurface: "oklch(0.91295 0.018827 241.836)",
accentSurfaceForeground: "oklch(0.222003 0.03479 328.979)",
messageSurface: "oklch(0.895373 0.023469 241.913)",
messageForeground: "oklch(0.222003 0.03479 328.979)",
messageAction: "oklch(0.493961 0.08175 201.584)",
messageActionForeground: "oklch(0.990339 0.008411 325.64)",
messageActionHover: "oklch(0.45151 0.074407 201.516)",
codeBackground: "oklch(0.957684 0.002906 253.68)",
codeForeground: "oklch(0.222003 0.03479 328.979)",
searchMatchBackground: "oklch(0.915 0.11 85)",
searchMatchForeground: "oklch(0.216164 0.028283 77.423)",
searchMatchActiveBackground: "oklch(0.774202 0.151946 74.331)",
searchMatchActiveForeground: "oklch(0.216164 0.028283 77.423)",
sidebar: "oklch(0.939254 0.01193 241.729)",
sidebarForeground: "oklch(0.222003 0.03479 328.979)",
sidebarMutedForeground: "oklch(0.517366 0.018944 311.433)",
sidebarControlSurface: "oklch(0.888479 0.011475 251.638)",
sidebarRowHover: "oklch(0.890798 0.024681 241.933)",
sidebarRowActive: "oklch(0.858363 0.033325 242.089)",
sidebarRowSelected: "oklch(0.842113 0.037689 242.174)",
sidebarBorder: "oklch(0.862823 0.011384 256.926)",
terminalBackground: "oklch(0.974199 0.002856 241.597)",
terminalForeground: "oklch(0.222003 0.03479 328.979)",
terminalCursor: "oklch(0.536684 0.120219 247.01)",
terminalSelection: "oklch(0.895373 0.023469 241.913)",
terminalScrollbar: "oklch(0.826271 0.006191 305.456)",
terminalScrollbarHover: "oklch(0.756866 0.008685 313.721)",
...DEFAULT_TERMINAL_ANSI_COLORS,
},
variants: {
dark: {
canvas: "oklch(0.242641 0.024125 250.573)",
chrome: "oklch(0.242641 0.024125 250.573)",
toolbar: "oklch(0.242641 0.024125 250.573)",
toolbarForeground: "oklch(0.990339 0.008411 325.64)",
toolbarBorder: "oklch(0.439946 0.0561 243.479)",
toolbarControl: "oklch(0.358725 0.043145 244.911)",
toolbarControlForeground: "oklch(0.990339 0.008411 325.64)",
toolbarControlHover: "oklch(0.413315 0.051874 243.855)",
surface: "oklch(0.242641 0.024125 250.573)",
surfaceRaised: "oklch(0.348439 0.019942 253.696)",
surfaceOverlay: "oklch(0.398517 0.018232 255.72)",
text: "oklch(0.990339 0.008411 325.64)",
textMuted: "oklch(0.652227 0.01149 273.31)",
border: "oklch(0.438653 0.039496 245.44)",
input: "oklch(0.500905 0.043574 244.781)",
focus: "oklch(0.758933 0.105833 241.548)",
accent: "oklch(0.758933 0.105833 241.548)",
accentForeground: "oklch(0.222003 0.03479 328.979)",
secondary: "oklch(0.358725 0.043145 244.911)",
secondaryForeground: "oklch(0.990339 0.008411 325.64)",
muted: "oklch(0.319287 0.036766 246.065)",
mutedForeground: "oklch(0.691936 0.016294 261.588)",
placeholder: "oklch(0.721641 0.010192 281.271)",
secondaryLabel: "oklch(0.652227 0.01149 273.31)",
iconMuted: "oklch(0.652227 0.01149 273.31)",
error: "oklch(0.655108 0.221148 23.473)",
errorForeground: "oklch(0.702184 0.189226 22.228)",
errorSurface: "oklch(0.298933 0.036443 350.094)",
warning: "oklch(0.772406 0.172798 65.367)",
warningForeground: "oklch(0.829017 0.171221 81.038)",
warningSurface: "oklch(0.329449 0.028712 84.495)",
update: "oklch(0.758933 0.105833 241.548)",
updateForeground: "oklch(0.840844 0.069217 240.151)",
updateSurface: "oklch(0.424017 0.053575 243.695)",
accentSurface: "oklch(0.413315 0.051874 243.855)",
accentSurfaceForeground: "oklch(0.990339 0.008411 325.64)",
messageSurface: "oklch(0.445224 0.056936 243.413)",
messageForeground: "oklch(0.990339 0.008411 325.64)",
messageAction: "oklch(0.793363 0.105022 199.893)",
messageActionForeground: "oklch(0.222003 0.03479 328.979)",
messageActionHover: "oklch(0.815308 0.096174 199.862)",
codeBackground: "oklch(0.29661 0.021883 251.968)",
codeForeground: "oklch(0.990339 0.008411 325.64)",
searchMatchBackground: "oklch(0.55 0.1 85)",
searchMatchForeground: "oklch(0.970151 0 0)",
searchMatchActiveBackground: "oklch(0.774202 0.151946 74.331)",
searchMatchActiveForeground: "oklch(0.216164 0.028283 77.423)",
sidebar: "oklch(0.290387 0.032043 247.274)",
sidebarForeground: "oklch(0.990339 0.008411 325.64)",
sidebarMutedForeground: "oklch(0.69099 0.01395 266.424)",
sidebarControlSurface: "oklch(0.417822 0.02535 250.162)",
sidebarRowHover: "oklch(0.353381 0.042285 245.043)",
sidebarRowActive: "oklch(0.393878 0.048778 244.179)",
sidebarRowSelected: "oklch(0.413744 0.051943 243.848)",
sidebarBorder: "oklch(0.55859 0.019001 256.223)",
terminalBackground: "oklch(0.242641 0.024125 250.573)",
terminalForeground: "oklch(0.990339 0.008411 325.64)",
terminalCursor: "oklch(0.758933 0.105833 241.548)",
terminalSelection: "oklch(0.439946 0.0561 243.479)",
terminalScrollbar: "oklch(0.58613 0.012959 267.22)",
terminalScrollbarHover: "oklch(0.681569 0.010909 276.465)",
...DEFAULT_TERMINAL_ANSI_COLORS,
},
},
sidebarArtwork: true,
};
export const EMBER_THEME: ThemeDefinition = {
id: "ember",
label: "Ember",
appearance: "light",
colors: {
canvas: "oklch(0.976527 0.002685 60.725)",
chrome: "oklch(0.976527 0.002685 60.725)",
toolbar: "oklch(0.976527 0.002685 60.725)",
toolbarForeground: "oklch(0.222003 0.03479 328.979)",
toolbarBorder: "oklch(0.916502 0.01832 49.597)",
toolbarControl: "oklch(0.942267 0.01151 50.785)",
toolbarControlForeground: "oklch(0.222003 0.03479 328.979)",
toolbarControlHover: "oklch(0.916502 0.01832 49.597)",
surface: "oklch(0.976527 0.002685 60.725)",
surfaceRaised: "oklch(0.953321 0.002701 42.266)",
surfaceOverlay: "oklch(0.936659 0.002879 29.96)",
text: "oklch(0.222003 0.03479 328.979)",
textMuted: "oklch(0.543023 0.017316 331.964)",
border: "oklch(0.870631 0.013204 39.431)",
input: "oklch(0.836213 0.017153 38.661)",
focus: "oklch(0.552831 0.129438 44.656)",
accent: "oklch(0.552831 0.129438 44.656)",
accentForeground: "oklch(0.990339 0.008411 325.64)",
secondary: "oklch(0.942267 0.01151 50.785)",
secondaryForeground: "oklch(0.222003 0.03479 328.979)",
muted: "oklch(0.950842 0.009273 51.528)",
mutedForeground: "oklch(0.530413 0.018453 341.181)",
placeholder: "oklch(0.532339 0.017796 331.748)",
secondaryLabel: "oklch(0.543023 0.017316 331.964)",
iconMuted: "oklch(0.543023 0.017316 331.964)",
error: "oklch(0.637823 0.237287 25.436)",
errorForeground: "oklch(0.509494 0.208583 28.513)",
errorSurface: "oklch(0.941094 0.019938 19.375)",
warning: "oklch(0.772406 0.172798 65.367)",
warningForeground: "oklch(0.549154 0.156188 45.359)",
warningSurface: "oklch(0.957148 0.020843 76.702)",
update: "oklch(0.552831 0.129438 44.656)",
updateForeground: "oklch(0.408647 0.091207 45.037)",
updateSurface: "oklch(0.907902 0.020621 49.36)",
accentSurface: "oklch(0.916502 0.01832 49.597)",
accentSurfaceForeground: "oklch(0.222003 0.03479 328.979)",
messageSurface: "oklch(0.899296 0.022939 49.163)",
messageForeground: "oklch(0.222003 0.03479 328.979)",
messageAction: "oklch(0.516323 0.161628 24.82)",
messageActionForeground: "oklch(0.990339 0.008411 325.64)",
messageActionHover: "oklch(0.471223 0.145843 24.688)",
codeBackground: "oklch(0.959965 0.002668 47.512)",
codeForeground: "oklch(0.222003 0.03479 328.979)",
searchMatchBackground: "oklch(0.915 0.11 85)",
searchMatchForeground: "oklch(0.216164 0.028283 77.423)",
searchMatchActiveBackground: "oklch(0.774202 0.151946 74.331)",
searchMatchActiveForeground: "oklch(0.216164 0.028283 77.423)",
sidebar: "oklch(0.942267 0.01151 50.785)",
sidebarForeground: "oklch(0.222003 0.03479 328.979)",
sidebarMutedForeground: "oklch(0.519146 0.019214 343.427)",
sidebarControlSurface: "oklch(0.891332 0.011179 40.596)",
sidebarRowHover: "oklch(0.894819 0.024151 49.073)",
sidebarRowActive: "oklch(0.863104 0.032855 48.586)",
sidebarRowSelected: "oklch(0.84723 0.037292 48.403)",
sidebarBorder: "oklch(0.865593 0.011154 35.246)",
terminalBackground: "oklch(0.976527 0.002685 60.725)",
terminalForeground: "oklch(0.222003 0.03479 328.979)",
terminalCursor: "oklch(0.552831 0.129438 44.656)",
terminalSelection: "oklch(0.899296 0.022939 49.163)",
terminalScrollbar: "oklch(0.828185 0.005884 349.533)",
terminalScrollbarHover: "oklch(0.758584 0.008423 341.16)",
...DEFAULT_TERMINAL_ANSI_COLORS,
},
variants: {
dark: {
canvas: "oklch(0.245899 0.019144 42.044)",
chrome: "oklch(0.245899 0.019144 42.044)",
toolbar: "oklch(0.245899 0.019144 42.044)",
toolbarForeground: "oklch(0.990339 0.008411 325.64)",
toolbarBorder: "oklch(0.442681 0.0608 50.795)",
toolbarControl: "oklch(0.361499 0.044052 49.515)",
toolbarControlForeground: "oklch(0.990339 0.008411 325.64)",
toolbarControlHover: "oklch(0.416048 0.055354 50.484)",
surface: "oklch(0.245899 0.019144 42.044)",
surfaceRaised: "oklch(0.351262 0.01565 37.592)",
surfaceOverlay: "oklch(0.401111 0.014308 34.896)",
text: "oklch(0.990339 0.008411 325.64)",
textMuted: "oklch(0.654017 0.009505 13.287)",
border: "oklch(0.44099 0.040202 48.807)",
input: "oklch(0.503003 0.045721 49.44)",
focus: "oklch(0.762174 0.124117 52.082)",
accent: "oklch(0.762174 0.124117 52.082)",
accentForeground: "oklch(0.222003 0.03479 328.979)",
secondary: "oklch(0.361499 0.044052 49.515)",
secondaryForeground: "oklch(0.990339 0.008411 325.64)",
muted: "oklch(0.322144 0.03574 48.309)",
mutedForeground: "oklch(0.692479 0.015227 30.963)",
placeholder: "oklch(0.723533 0.008741 4.515)",
secondaryLabel: "oklch(0.654017 0.009505 13.287)",
iconMuted: "oklch(0.654017 0.009505 13.287)",
error: "oklch(0.655108 0.221148 23.473)",
errorForeground: "oklch(0.702184 0.189226 22.228)",
errorSurface: "oklch(0.310955 0.059624 24.334)",
warning: "oklch(0.772406 0.172798 65.367)",
warningForeground: "oklch(0.829017 0.171221 81.038)",
warningSurface: "oklch(0.339137 0.055638 66.911)",
update: "oklch(0.762174 0.124117 52.082)",
updateForeground: "oklch(0.841456 0.079585 53.521)",
updateSurface: "oklch(0.426749 0.057547 50.618)",
accentSurface: "oklch(0.416048 0.055354 50.484)",
accentSurfaceForeground: "oklch(0.990339 0.008411 325.64)",
messageSurface: "oklch(0.447961 0.061874 50.849)",
messageForeground: "oklch(0.990339 0.008411 325.64)",
messageAction: "oklch(0.747955 0.135578 29.432)",
messageActionForeground: "oklch(0.222003 0.03479 328.979)",
messageActionHover: "oklch(0.775116 0.117953 29.014)",
codeBackground: "oklch(0.299662 0.017229 39.973)",
codeForeground: "oklch(0.990339 0.008411 325.64)",
searchMatchBackground: "oklch(0.55 0.1 85)",
searchMatchForeground: "oklch(0.970151 0 0)",
searchMatchActiveBackground: "oklch(0.774202 0.151946 74.331)",
searchMatchActiveForeground: "oklch(0.216164 0.028283 77.423)",
sidebar: "oklch(0.293349 0.029554 46.882)",
sidebarForeground: "oklch(0.990339 0.008411 325.64)",
sidebarMutedForeground: "oklch(0.691874 0.012538 24.638)",
sidebarControlSurface: "oklch(0.420227 0.022893 43.226)",
sidebarRowHover: "oklch(0.356163 0.042933 49.385)",
sidebarRowActive: "oklch(0.396617 0.051353 50.201)",
sidebarRowSelected: "oklch(0.416477 0.055442 50.489)",
sidebarBorder: "oklch(0.560372 0.016998 36.179)",
terminalBackground: "oklch(0.245899 0.019144 42.044)",
terminalForeground: "oklch(0.990339 0.008411 325.64)",
terminalCursor: "oklch(0.762174 0.124117 52.082)",
terminalSelection: "oklch(0.442681 0.0608 50.795)",
terminalScrollbar: "oklch(0.587861 0.010463 20.444)",
terminalScrollbarHover: "oklch(0.682876 0.009156 9.796)",
...DEFAULT_TERMINAL_ANSI_COLORS,
},
},
sidebarArtwork: true,
};
export const IRIS_THEME: ThemeDefinition = {
id: "iris",
label: "Iris",
appearance: "light",
colors: {
canvas: "oklch(0.976531 0.003855 303.226)",
chrome: "oklch(0.976531 0.003855 303.226)",
toolbar: "oklch(0.976531 0.003855 303.226)",
toolbarForeground: "oklch(0.222003 0.03479 328.979)",
toolbarBorder: "oklch(0.914882 0.022965 299.986)",
toolbarControl: "oklch(0.941387 0.014687 300.474)",
toolbarControlForeground: "oklch(0.222003 0.03479 328.979)",
toolbarControlHover: "oklch(0.914882 0.022965 299.986)",
surface: "oklch(0.976531 0.003855 303.226)",
surfaceRaised: "oklch(0.953326 0.004536 307.676)",
surfaceOverlay: "oklch(0.936665 0.005041 310.132)",
text: "oklch(0.222003 0.03479 328.979)",
textMuted: "oklch(0.543042 0.018894 325.652)",
border: "oklch(0.869608 0.018226 303.859)",
input: "oklch(0.834773 0.023405 303.676)",
focus: "oklch(0.525348 0.15373 294.176)",
accent: "oklch(0.525348 0.15373 294.176)",
accentForeground: "oklch(0.990339 0.008411 325.64)",
secondary: "oklch(0.941387 0.014687 300.474)",
secondaryForeground: "oklch(0.222003 0.03479 328.979)",
muted: "oklch(0.950194 0.011956 300.733)",
mutedForeground: "oklch(0.529955 0.022319 321.556)",
placeholder: "oklch(0.532177 0.019333 325.784)",
secondaryLabel: "oklch(0.543042 0.018894 325.652)",
iconMuted: "oklch(0.543042 0.018894 325.652)",
error: "oklch(0.637823 0.237287 25.436)",
errorForeground: "oklch(0.509494 0.208583 28.513)",
errorSurface: "oklch(0.941043 0.019582 4.235)",
warning: "oklch(0.772406 0.172798 65.367)",
warningForeground: "oklch(0.549154 0.156188 45.359)",
warningSurface: "oklch(0.957054 0.016197 69.932)",
update: "oklch(0.525348 0.15373 294.176)",
updateForeground: "oklch(0.389926 0.10825 294.547)",
updateSurface: "oklch(0.90602 0.025754 299.867)",
accentSurface: "oklch(0.914882 0.022965 299.986)",
accentSurfaceForeground: "oklch(0.222003 0.03479 328.979)",
messageSurface: "oklch(0.897143 0.028558 299.758)",
messageForeground: "oklch(0.222003 0.03479 328.979)",
messageAction: "oklch(0.516084 0.185229 340.776)",
messageActionForeground: "oklch(0.990339 0.008411 325.64)",
messageActionHover: "oklch(0.471003 0.16748 340.687)",
codeBackground: "oklch(0.95997 0.004338 306.542)",
codeForeground: "oklch(0.222003 0.03479 328.979)",
searchMatchBackground: "oklch(0.915 0.11 85)",
searchMatchForeground: "oklch(0.216164 0.028283 77.423)",
searchMatchActiveBackground: "oklch(0.774202 0.151946 74.331)",
searchMatchActiveForeground: "oklch(0.216164 0.028283 77.423)",
sidebar: "oklch(0.941387 0.014687 300.474)",
sidebarForeground: "oklch(0.222003 0.03479 328.979)",
sidebarMutedForeground: "oklch(0.518417 0.023683 320.681)",
sidebarControlSurface: "oklch(0.890512 0.0155 303.803)",
sidebarRowHover: "oklch(0.892522 0.030022 299.704)",
sidebarRowActive: "oklch(0.85971 0.040501 299.36)",
sidebarRowSelected: "oklch(0.843236 0.045818 299.198)",
sidebarBorder: "oklch(0.864805 0.015938 305.371)",
terminalBackground: "oklch(0.976531 0.003855 303.226)",
terminalForeground: "oklch(0.222003 0.03479 328.979)",
terminalCursor: "oklch(0.525348 0.15373 294.176)",
terminalSelection: "oklch(0.897143 0.028558 299.758)",
terminalScrollbar: "oklch(0.828195 0.008526 318.858)",
terminalScrollbarHover: "oklch(0.758596 0.010892 321.538)",
...DEFAULT_TERMINAL_ANSI_COLORS,
},
variants: {
dark: {
canvas: "oklch(0.225975 0.031062 293.741)",
chrome: "oklch(0.225975 0.031062 293.741)",
toolbar: "oklch(0.225975 0.031062 293.741)",
toolbarForeground: "oklch(0.990339 0.008411 325.64)",
toolbarBorder: "oklch(0.395417 0.085554 294.182)",
toolbarControl: "oklch(0.325405 0.063614 294.23)",
toolbarControlForeground: "oklch(0.990339 0.008411 325.64)",
toolbarControlHover: "oklch(0.372436 0.07841 294.204)",
surface: "oklch(0.225975 0.031062 293.741)",
surfaceRaised: "oklch(0.335291 0.026008 296.394)",
surfaceOverlay: "oklch(0.386739 0.024023 297.509)",
text: "oklch(0.990339 0.008411 325.64)",
textMuted: "oklch(0.640465 0.016197 304.171)",
border: "oklch(0.40874 0.058536 295.893)",
input: "oklch(0.46756 0.065775 296.265)",
focus: "oklch(0.671712 0.169136 293.929)",