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