@digithings-ai/design 0.0.0-stage → 0.1.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.
package/palettes.css ADDED
@@ -0,0 +1,1942 @@
1
+ /* Generated by scripts/generate_platform_palettes.py — do not edit.
2
+ Source: digivoice/hammerspoon/theme_registry.json (32 palettes).
3
+ default is the absence of data-palette (tokens.css).
4
+ Selectors also retarget .digichat-thread, .dc-embed-shell, and the
5
+ product shell, because those elements set their own tokens.
6
+ Dashboard never sets data-palette, so these rules do not apply there.
7
+ Contrast adjustments (derivation, not the JSON):
8
+ - aura light: accent
9
+ - ayu light: accent
10
+ - catppuccin light: accent
11
+ - catppuccin-frappe light: danger
12
+ - catppuccin-macchiato light: danger
13
+ - cursor light: accent
14
+ - everforest light: accent
15
+ - matrix light: accent
16
+ - monokai light: accent
17
+ - osaka-jade light: accent
18
+ - synthwave84 light: accent
19
+ - vesper light: accent
20
+ - zenburn dark: danger
21
+ - carbonfox light: accent, danger
22
+ */
23
+
24
+ :root[data-palette="aura"][data-theme="dark"],
25
+ :root[data-palette="aura"][data-theme="dark"] .digichat-thread,
26
+ :root[data-palette="aura"][data-theme="dark"] .dc-embed-shell,
27
+ :root[data-palette="aura"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
28
+ --bg: #15141b;
29
+ --surface: color-mix(in srgb, #edecee 5%, #15141b);
30
+ --surface-2: color-mix(in srgb, #edecee 9%, #15141b);
31
+ --hair: color-mix(in srgb, #edecee 16%, transparent);
32
+ --hair-2: color-mix(in srgb, #edecee 24%, transparent);
33
+ --ink: #edecee;
34
+ --ink-soft: color-mix(in srgb, #edecee 78%, #15141b);
35
+ --ink-mute: color-mix(in srgb, #edecee 58%, #15141b);
36
+ --accent: #a277ff;
37
+ --accent-weak: color-mix(in srgb, #a277ff 16%, transparent);
38
+ --on-accent: #000000;
39
+ --danger: #e94959;
40
+ --term-bg: #15141b;
41
+ --term-ink: #edecee;
42
+ --term-mute: color-mix(in srgb, #edecee 58%, #15141b);
43
+ --term-hair: #38373d;
44
+ --term-fill: color-mix(in srgb, #edecee 5%, #15141b);
45
+ --embed-canvas: #15141b;
46
+ --background: #15141b;
47
+ --foreground: #edecee;
48
+ --destructive: #e94959;
49
+ }
50
+ :root[data-palette="aura"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
51
+ background: #15141b;
52
+ }
53
+
54
+ :root[data-palette="aura"][data-theme="light"],
55
+ :root[data-palette="aura"][data-theme="light"] .digichat-thread,
56
+ :root[data-palette="aura"][data-theme="light"] .dc-embed-shell,
57
+ :root[data-palette="aura"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
58
+ --bg: #f5f0ff;
59
+ --surface: color-mix(in srgb, #2d2640 5%, #f5f0ff);
60
+ --surface-2: color-mix(in srgb, #2d2640 9%, #f5f0ff);
61
+ --hair: color-mix(in srgb, #2d2640 22%, transparent);
62
+ --hair-2: color-mix(in srgb, #2d2640 30%, transparent);
63
+ --ink: #2d2640;
64
+ --ink-soft: color-mix(in srgb, #2d2640 78%, #f5f0ff);
65
+ --ink-mute: color-mix(in srgb, #2d2640 58%, #f5f0ff);
66
+ --accent: color-mix(in srgb, #a277ff 97%, #000000);
67
+ --accent-weak: color-mix(in srgb, color-mix(in srgb, #a277ff 97%, #000000) 16%, transparent);
68
+ --on-accent: #000000;
69
+ --danger: #c32232;
70
+ --term-bg: #f5f0ff;
71
+ --term-ink: #2d2640;
72
+ --term-mute: color-mix(in srgb, #2d2640 58%, #f5f0ff);
73
+ --term-hair: #c9c4d5;
74
+ --term-fill: color-mix(in srgb, #2d2640 5%, #f5f0ff);
75
+ --embed-canvas: #f5f0ff;
76
+ --background: #f5f0ff;
77
+ --foreground: #2d2640;
78
+ --destructive: #c32232;
79
+ }
80
+ :root[data-palette="aura"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
81
+ background: #f5f0ff;
82
+ }
83
+
84
+ :root[data-palette="ayu"][data-theme="dark"],
85
+ :root[data-palette="ayu"][data-theme="dark"] .digichat-thread,
86
+ :root[data-palette="ayu"][data-theme="dark"] .dc-embed-shell,
87
+ :root[data-palette="ayu"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
88
+ --bg: #0f1419;
89
+ --surface: color-mix(in srgb, #d6dae0 5%, #0f1419);
90
+ --surface-2: color-mix(in srgb, #d6dae0 9%, #0f1419);
91
+ --hair: color-mix(in srgb, #d6dae0 17%, transparent);
92
+ --hair-2: color-mix(in srgb, #d6dae0 25%, transparent);
93
+ --ink: #d6dae0;
94
+ --ink-soft: color-mix(in srgb, #d6dae0 78%, #0f1419);
95
+ --ink-mute: color-mix(in srgb, #d6dae0 58%, #0f1419);
96
+ --accent: #3fb7e3;
97
+ --accent-weak: color-mix(in srgb, #3fb7e3 16%, transparent);
98
+ --on-accent: #000000;
99
+ --danger: #e94959;
100
+ --term-bg: #0f1419;
101
+ --term-ink: #d6dae0;
102
+ --term-mute: color-mix(in srgb, #d6dae0 58%, #0f1419);
103
+ --term-hair: #31363b;
104
+ --term-fill: color-mix(in srgb, #d6dae0 5%, #0f1419);
105
+ --embed-canvas: #0f1419;
106
+ --background: #0f1419;
107
+ --foreground: #d6dae0;
108
+ --destructive: #e94959;
109
+ }
110
+ :root[data-palette="ayu"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
111
+ background: #0f1419;
112
+ }
113
+
114
+ :root[data-palette="ayu"][data-theme="light"],
115
+ :root[data-palette="ayu"][data-theme="light"] .digichat-thread,
116
+ :root[data-palette="ayu"][data-theme="light"] .dc-embed-shell,
117
+ :root[data-palette="ayu"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
118
+ --bg: #fdfaf4;
119
+ --surface: color-mix(in srgb, #4f5964 6%, #fdfaf4);
120
+ --surface-2: color-mix(in srgb, #4f5964 10%, #fdfaf4);
121
+ --hair: color-mix(in srgb, #4f5964 27%, transparent);
122
+ --hair-2: color-mix(in srgb, #4f5964 35%, transparent);
123
+ --ink: #4f5964;
124
+ --ink-soft: color-mix(in srgb, #4f5964 83%, #fdfaf4);
125
+ --ink-mute: color-mix(in srgb, #4f5964 65%, #fdfaf4);
126
+ --accent: color-mix(in srgb, #4aa8c8 93%, #000000);
127
+ --accent-weak: color-mix(in srgb, color-mix(in srgb, #4aa8c8 93%, #000000) 16%, transparent);
128
+ --on-accent: #000000;
129
+ --danger: #c32232;
130
+ --term-bg: #fdfaf4;
131
+ --term-ink: #4f5964;
132
+ --term-mute: color-mix(in srgb, #4f5964 65%, #fdfaf4);
133
+ --term-hair: #cecfcd;
134
+ --term-fill: color-mix(in srgb, #4f5964 6%, #fdfaf4);
135
+ --embed-canvas: #fdfaf4;
136
+ --background: #fdfaf4;
137
+ --foreground: #4f5964;
138
+ --destructive: #c32232;
139
+ }
140
+ :root[data-palette="ayu"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
141
+ background: #fdfaf4;
142
+ }
143
+
144
+ :root[data-palette="catppuccin"][data-theme="dark"],
145
+ :root[data-palette="catppuccin"][data-theme="dark"] .digichat-thread,
146
+ :root[data-palette="catppuccin"][data-theme="dark"] .dc-embed-shell,
147
+ :root[data-palette="catppuccin"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
148
+ --bg: #1e1e2e;
149
+ --surface: color-mix(in srgb, #cdd6f4 5%, #1e1e2e);
150
+ --surface-2: color-mix(in srgb, #cdd6f4 9%, #1e1e2e);
151
+ --hair: color-mix(in srgb, #cdd6f4 17%, transparent);
152
+ --hair-2: color-mix(in srgb, #cdd6f4 25%, transparent);
153
+ --ink: #cdd6f4;
154
+ --ink-soft: color-mix(in srgb, #cdd6f4 78%, #1e1e2e);
155
+ --ink-mute: color-mix(in srgb, #cdd6f4 58%, #1e1e2e);
156
+ --accent: #b4befe;
157
+ --accent-weak: color-mix(in srgb, #b4befe 16%, transparent);
158
+ --on-accent: #000000;
159
+ --danger: #e94959;
160
+ --term-bg: #1e1e2e;
161
+ --term-ink: #cdd6f4;
162
+ --term-mute: color-mix(in srgb, #cdd6f4 58%, #1e1e2e);
163
+ --term-hair: #3c3d50;
164
+ --term-fill: color-mix(in srgb, #cdd6f4 5%, #1e1e2e);
165
+ --embed-canvas: #1e1e2e;
166
+ --background: #1e1e2e;
167
+ --foreground: #cdd6f4;
168
+ --destructive: #e94959;
169
+ }
170
+ :root[data-palette="catppuccin"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
171
+ background: #1e1e2e;
172
+ }
173
+
174
+ :root[data-palette="catppuccin"][data-theme="light"],
175
+ :root[data-palette="catppuccin"][data-theme="light"] .digichat-thread,
176
+ :root[data-palette="catppuccin"][data-theme="light"] .dc-embed-shell,
177
+ :root[data-palette="catppuccin"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
178
+ --bg: #f5e0dc;
179
+ --surface: color-mix(in srgb, #4c4f69 6%, #f5e0dc);
180
+ --surface-2: color-mix(in srgb, #4c4f69 10%, #f5e0dc);
181
+ --hair: color-mix(in srgb, #4c4f69 28%, transparent);
182
+ --hair-2: color-mix(in srgb, #4c4f69 36%, transparent);
183
+ --ink: #4c4f69;
184
+ --ink-soft: color-mix(in srgb, #4c4f69 86%, #f5e0dc);
185
+ --ink-mute: color-mix(in srgb, #4c4f69 66%, #f5e0dc);
186
+ --accent: color-mix(in srgb, #7287fd 90%, #000000);
187
+ --accent-weak: color-mix(in srgb, color-mix(in srgb, #7287fd 90%, #000000) 16%, transparent);
188
+ --on-accent: #000000;
189
+ --danger: #c32232;
190
+ --term-bg: #f5e0dc;
191
+ --term-ink: #4c4f69;
192
+ --term-mute: color-mix(in srgb, #4c4f69 66%, #f5e0dc);
193
+ --term-hair: #c6b7bc;
194
+ --term-fill: color-mix(in srgb, #4c4f69 6%, #f5e0dc);
195
+ --embed-canvas: #f5e0dc;
196
+ --background: #f5e0dc;
197
+ --foreground: #4c4f69;
198
+ --destructive: #c32232;
199
+ }
200
+ :root[data-palette="catppuccin"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
201
+ background: #f5e0dc;
202
+ }
203
+
204
+ :root[data-palette="catppuccin-frappe"][data-theme="dark"],
205
+ :root[data-palette="catppuccin-frappe"][data-theme="dark"] .digichat-thread,
206
+ :root[data-palette="catppuccin-frappe"][data-theme="dark"] .dc-embed-shell,
207
+ :root[data-palette="catppuccin-frappe"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
208
+ --bg: #303446;
209
+ --surface: color-mix(in srgb, #c6d0f5 5%, #303446);
210
+ --surface-2: color-mix(in srgb, #c6d0f5 9%, #303446);
211
+ --hair: color-mix(in srgb, #c6d0f5 17%, transparent);
212
+ --hair-2: color-mix(in srgb, #c6d0f5 25%, transparent);
213
+ --ink: #c6d0f5;
214
+ --ink-soft: color-mix(in srgb, #c6d0f5 78%, #303446);
215
+ --ink-mute: color-mix(in srgb, #c6d0f5 58%, #303446);
216
+ --accent: #8da4e2;
217
+ --accent-weak: color-mix(in srgb, #8da4e2 16%, transparent);
218
+ --on-accent: #000000;
219
+ --danger: #e94959;
220
+ --term-bg: #303446;
221
+ --term-ink: #c6d0f5;
222
+ --term-mute: color-mix(in srgb, #c6d0f5 58%, #303446);
223
+ --term-hair: #4a4f64;
224
+ --term-fill: color-mix(in srgb, #c6d0f5 5%, #303446);
225
+ --embed-canvas: #303446;
226
+ --background: #303446;
227
+ --foreground: #c6d0f5;
228
+ --destructive: #e94959;
229
+ }
230
+ :root[data-palette="catppuccin-frappe"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
231
+ background: #303446;
232
+ }
233
+
234
+ :root[data-palette="catppuccin-frappe"][data-theme="light"],
235
+ :root[data-palette="catppuccin-frappe"][data-theme="light"] .digichat-thread,
236
+ :root[data-palette="catppuccin-frappe"][data-theme="light"] .dc-embed-shell,
237
+ :root[data-palette="catppuccin-frappe"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
238
+ --bg: #303446;
239
+ --surface: color-mix(in srgb, #c6d0f5 5%, #303446);
240
+ --surface-2: color-mix(in srgb, #c6d0f5 9%, #303446);
241
+ --hair: color-mix(in srgb, #c6d0f5 17%, transparent);
242
+ --hair-2: color-mix(in srgb, #c6d0f5 25%, transparent);
243
+ --ink: #c6d0f5;
244
+ --ink-soft: color-mix(in srgb, #c6d0f5 78%, #303446);
245
+ --ink-mute: color-mix(in srgb, #c6d0f5 58%, #303446);
246
+ --accent: #8da4e2;
247
+ --accent-weak: color-mix(in srgb, #8da4e2 16%, transparent);
248
+ --on-accent: #000000;
249
+ --danger: color-mix(in srgb, #c32232 77%, #ffffff);
250
+ --term-bg: #303446;
251
+ --term-ink: #c6d0f5;
252
+ --term-mute: color-mix(in srgb, #c6d0f5 58%, #303446);
253
+ --term-hair: #4a4f64;
254
+ --term-fill: color-mix(in srgb, #c6d0f5 5%, #303446);
255
+ --embed-canvas: #303446;
256
+ --background: #303446;
257
+ --foreground: #c6d0f5;
258
+ --destructive: color-mix(in srgb, #c32232 77%, #ffffff);
259
+ }
260
+ :root[data-palette="catppuccin-frappe"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
261
+ background: #303446;
262
+ }
263
+
264
+ :root[data-palette="catppuccin-macchiato"][data-theme="dark"],
265
+ :root[data-palette="catppuccin-macchiato"][data-theme="dark"] .digichat-thread,
266
+ :root[data-palette="catppuccin-macchiato"][data-theme="dark"] .dc-embed-shell,
267
+ :root[data-palette="catppuccin-macchiato"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
268
+ --bg: #24273a;
269
+ --surface: color-mix(in srgb, #cad3f5 5%, #24273a);
270
+ --surface-2: color-mix(in srgb, #cad3f5 9%, #24273a);
271
+ --hair: color-mix(in srgb, #cad3f5 16%, transparent);
272
+ --hair-2: color-mix(in srgb, #cad3f5 24%, transparent);
273
+ --ink: #cad3f5;
274
+ --ink-soft: color-mix(in srgb, #cad3f5 78%, #24273a);
275
+ --ink-mute: color-mix(in srgb, #cad3f5 58%, #24273a);
276
+ --accent: #8aadf4;
277
+ --accent-weak: color-mix(in srgb, #8aadf4 16%, transparent);
278
+ --on-accent: #000000;
279
+ --danger: #e94959;
280
+ --term-bg: #24273a;
281
+ --term-ink: #cad3f5;
282
+ --term-mute: color-mix(in srgb, #cad3f5 58%, #24273a);
283
+ --term-hair: #3f4358;
284
+ --term-fill: color-mix(in srgb, #cad3f5 5%, #24273a);
285
+ --embed-canvas: #24273a;
286
+ --background: #24273a;
287
+ --foreground: #cad3f5;
288
+ --destructive: #e94959;
289
+ }
290
+ :root[data-palette="catppuccin-macchiato"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
291
+ background: #24273a;
292
+ }
293
+
294
+ :root[data-palette="catppuccin-macchiato"][data-theme="light"],
295
+ :root[data-palette="catppuccin-macchiato"][data-theme="light"] .digichat-thread,
296
+ :root[data-palette="catppuccin-macchiato"][data-theme="light"] .dc-embed-shell,
297
+ :root[data-palette="catppuccin-macchiato"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
298
+ --bg: #24273a;
299
+ --surface: color-mix(in srgb, #cad3f5 5%, #24273a);
300
+ --surface-2: color-mix(in srgb, #cad3f5 9%, #24273a);
301
+ --hair: color-mix(in srgb, #cad3f5 16%, transparent);
302
+ --hair-2: color-mix(in srgb, #cad3f5 24%, transparent);
303
+ --ink: #cad3f5;
304
+ --ink-soft: color-mix(in srgb, #cad3f5 78%, #24273a);
305
+ --ink-mute: color-mix(in srgb, #cad3f5 58%, #24273a);
306
+ --accent: #8aadf4;
307
+ --accent-weak: color-mix(in srgb, #8aadf4 16%, transparent);
308
+ --on-accent: #000000;
309
+ --danger: color-mix(in srgb, #c32232 88%, #ffffff);
310
+ --term-bg: #24273a;
311
+ --term-ink: #cad3f5;
312
+ --term-mute: color-mix(in srgb, #cad3f5 58%, #24273a);
313
+ --term-hair: #3f4358;
314
+ --term-fill: color-mix(in srgb, #cad3f5 5%, #24273a);
315
+ --embed-canvas: #24273a;
316
+ --background: #24273a;
317
+ --foreground: #cad3f5;
318
+ --destructive: color-mix(in srgb, #c32232 88%, #ffffff);
319
+ }
320
+ :root[data-palette="catppuccin-macchiato"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
321
+ background: #24273a;
322
+ }
323
+
324
+ :root[data-palette="cobalt2"][data-theme="dark"],
325
+ :root[data-palette="cobalt2"][data-theme="dark"] .digichat-thread,
326
+ :root[data-palette="cobalt2"][data-theme="dark"] .dc-embed-shell,
327
+ :root[data-palette="cobalt2"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
328
+ --bg: #193549;
329
+ --surface: color-mix(in srgb, #ffffff 5%, #193549);
330
+ --surface-2: color-mix(in srgb, #ffffff 9%, #193549);
331
+ --hair: color-mix(in srgb, #ffffff 16%, transparent);
332
+ --hair-2: color-mix(in srgb, #ffffff 24%, transparent);
333
+ --ink: #ffffff;
334
+ --ink-soft: color-mix(in srgb, #ffffff 78%, #193549);
335
+ --ink-mute: color-mix(in srgb, #ffffff 58%, #193549);
336
+ --accent: #0088ff;
337
+ --accent-weak: color-mix(in srgb, #0088ff 16%, transparent);
338
+ --on-accent: #000000;
339
+ --danger: #e94959;
340
+ --term-bg: #193549;
341
+ --term-ink: #ffffff;
342
+ --term-mute: color-mix(in srgb, #ffffff 58%, #193549);
343
+ --term-hair: #3e5566;
344
+ --term-fill: color-mix(in srgb, #ffffff 5%, #193549);
345
+ --embed-canvas: #193549;
346
+ --background: #193549;
347
+ --foreground: #ffffff;
348
+ --destructive: #e94959;
349
+ }
350
+ :root[data-palette="cobalt2"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
351
+ background: #193549;
352
+ }
353
+
354
+ :root[data-palette="cobalt2"][data-theme="light"],
355
+ :root[data-palette="cobalt2"][data-theme="light"] .digichat-thread,
356
+ :root[data-palette="cobalt2"][data-theme="light"] .dc-embed-shell,
357
+ :root[data-palette="cobalt2"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
358
+ --bg: #ffffff;
359
+ --surface: color-mix(in srgb, #193549 5%, #ffffff);
360
+ --surface-2: color-mix(in srgb, #193549 9%, #ffffff);
361
+ --hair: color-mix(in srgb, #193549 22%, transparent);
362
+ --hair-2: color-mix(in srgb, #193549 30%, transparent);
363
+ --ink: #193549;
364
+ --ink-soft: color-mix(in srgb, #193549 78%, #ffffff);
365
+ --ink-mute: color-mix(in srgb, #193549 58%, #ffffff);
366
+ --accent: #0066cc;
367
+ --accent-weak: color-mix(in srgb, #0066cc 16%, transparent);
368
+ --on-accent: #ffffff;
369
+ --danger: #c32232;
370
+ --term-bg: #ffffff;
371
+ --term-ink: #193549;
372
+ --term-mute: color-mix(in srgb, #193549 58%, #ffffff);
373
+ --term-hair: #ccd3d7;
374
+ --term-fill: color-mix(in srgb, #193549 5%, #ffffff);
375
+ --embed-canvas: #ffffff;
376
+ --background: #ffffff;
377
+ --foreground: #193549;
378
+ --destructive: #c32232;
379
+ }
380
+ :root[data-palette="cobalt2"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
381
+ background: #ffffff;
382
+ }
383
+
384
+ :root[data-palette="cursor"][data-theme="dark"],
385
+ :root[data-palette="cursor"][data-theme="dark"] .digichat-thread,
386
+ :root[data-palette="cursor"][data-theme="dark"] .dc-embed-shell,
387
+ :root[data-palette="cursor"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
388
+ --bg: #181818;
389
+ --surface: color-mix(in srgb, #e4e4e4 5%, #181818);
390
+ --surface-2: color-mix(in srgb, #e4e4e4 9%, #181818);
391
+ --hair: color-mix(in srgb, #e4e4e4 16%, transparent);
392
+ --hair-2: color-mix(in srgb, #e4e4e4 24%, transparent);
393
+ --ink: #e4e4e4;
394
+ --ink-soft: color-mix(in srgb, #e4e4e4 78%, #181818);
395
+ --ink-mute: color-mix(in srgb, #e4e4e4 58%, #181818);
396
+ --accent: #88c0d0;
397
+ --accent-weak: color-mix(in srgb, #88c0d0 16%, transparent);
398
+ --on-accent: #000000;
399
+ --danger: #e94959;
400
+ --term-bg: #181818;
401
+ --term-ink: #e4e4e4;
402
+ --term-mute: color-mix(in srgb, #e4e4e4 58%, #181818);
403
+ --term-hair: #393939;
404
+ --term-fill: color-mix(in srgb, #e4e4e4 5%, #181818);
405
+ --embed-canvas: #181818;
406
+ --background: #181818;
407
+ --foreground: #e4e4e4;
408
+ --destructive: #e94959;
409
+ }
410
+ :root[data-palette="cursor"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
411
+ background: #181818;
412
+ }
413
+
414
+ :root[data-palette="cursor"][data-theme="light"],
415
+ :root[data-palette="cursor"][data-theme="light"] .digichat-thread,
416
+ :root[data-palette="cursor"][data-theme="light"] .dc-embed-shell,
417
+ :root[data-palette="cursor"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
418
+ --bg: #fcfcfc;
419
+ --surface: color-mix(in srgb, #141414 5%, #fcfcfc);
420
+ --surface-2: color-mix(in srgb, #141414 9%, #fcfcfc);
421
+ --hair: color-mix(in srgb, #141414 19%, transparent);
422
+ --hair-2: color-mix(in srgb, #141414 27%, transparent);
423
+ --ink: #141414;
424
+ --ink-soft: color-mix(in srgb, #141414 78%, #fcfcfc);
425
+ --ink-mute: color-mix(in srgb, #141414 58%, #fcfcfc);
426
+ --accent: color-mix(in srgb, #6f9ba6 99%, #000000);
427
+ --accent-weak: color-mix(in srgb, color-mix(in srgb, #6f9ba6 99%, #000000) 16%, transparent);
428
+ --on-accent: #000000;
429
+ --danger: #c32232;
430
+ --term-bg: #fcfcfc;
431
+ --term-ink: #141414;
432
+ --term-mute: color-mix(in srgb, #141414 58%, #fcfcfc);
433
+ --term-hair: #d0d0d0;
434
+ --term-fill: color-mix(in srgb, #141414 5%, #fcfcfc);
435
+ --embed-canvas: #fcfcfc;
436
+ --background: #fcfcfc;
437
+ --foreground: #141414;
438
+ --destructive: #c32232;
439
+ }
440
+ :root[data-palette="cursor"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
441
+ background: #fcfcfc;
442
+ }
443
+
444
+ :root[data-palette="dracula"][data-theme="dark"],
445
+ :root[data-palette="dracula"][data-theme="dark"] .digichat-thread,
446
+ :root[data-palette="dracula"][data-theme="dark"] .dc-embed-shell,
447
+ :root[data-palette="dracula"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
448
+ --bg: #1d1e28;
449
+ --surface: color-mix(in srgb, #f8f8f2 5%, #1d1e28);
450
+ --surface-2: color-mix(in srgb, #f8f8f2 9%, #1d1e28);
451
+ --hair: color-mix(in srgb, #f8f8f2 16%, transparent);
452
+ --hair-2: color-mix(in srgb, #f8f8f2 24%, transparent);
453
+ --ink: #f8f8f2;
454
+ --ink-soft: color-mix(in srgb, #f8f8f2 78%, #1d1e28);
455
+ --ink-mute: color-mix(in srgb, #f8f8f2 58%, #1d1e28);
456
+ --accent: #bd93f9;
457
+ --accent-weak: color-mix(in srgb, #bd93f9 16%, transparent);
458
+ --on-accent: #000000;
459
+ --danger: #e94959;
460
+ --term-bg: #1d1e28;
461
+ --term-ink: #f8f8f2;
462
+ --term-mute: color-mix(in srgb, #f8f8f2 58%, #1d1e28);
463
+ --term-hair: #404148;
464
+ --term-fill: color-mix(in srgb, #f8f8f2 5%, #1d1e28);
465
+ --embed-canvas: #1d1e28;
466
+ --background: #1d1e28;
467
+ --foreground: #f8f8f2;
468
+ --destructive: #e94959;
469
+ }
470
+ :root[data-palette="dracula"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
471
+ background: #1d1e28;
472
+ }
473
+
474
+ :root[data-palette="dracula"][data-theme="light"],
475
+ :root[data-palette="dracula"][data-theme="light"] .digichat-thread,
476
+ :root[data-palette="dracula"][data-theme="light"] .dc-embed-shell,
477
+ :root[data-palette="dracula"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
478
+ --bg: #f8f8f2;
479
+ --surface: color-mix(in srgb, #1f1f2f 5%, #f8f8f2);
480
+ --surface-2: color-mix(in srgb, #1f1f2f 9%, #f8f8f2);
481
+ --hair: color-mix(in srgb, #1f1f2f 21%, transparent);
482
+ --hair-2: color-mix(in srgb, #1f1f2f 29%, transparent);
483
+ --ink: #1f1f2f;
484
+ --ink-soft: color-mix(in srgb, #1f1f2f 78%, #f8f8f2);
485
+ --ink-mute: color-mix(in srgb, #1f1f2f 58%, #f8f8f2);
486
+ --accent: #7c6bf5;
487
+ --accent-weak: color-mix(in srgb, #7c6bf5 16%, transparent);
488
+ --on-accent: #000000;
489
+ --danger: #c32232;
490
+ --term-bg: #f8f8f2;
491
+ --term-ink: #1f1f2f;
492
+ --term-mute: color-mix(in srgb, #1f1f2f 58%, #f8f8f2);
493
+ --term-hair: #cacac9;
494
+ --term-fill: color-mix(in srgb, #1f1f2f 5%, #f8f8f2);
495
+ --embed-canvas: #f8f8f2;
496
+ --background: #f8f8f2;
497
+ --foreground: #1f1f2f;
498
+ --destructive: #c32232;
499
+ }
500
+ :root[data-palette="dracula"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
501
+ background: #f8f8f2;
502
+ }
503
+
504
+ :root[data-palette="everforest"][data-theme="dark"],
505
+ :root[data-palette="everforest"][data-theme="dark"] .digichat-thread,
506
+ :root[data-palette="everforest"][data-theme="dark"] .dc-embed-shell,
507
+ :root[data-palette="everforest"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
508
+ --bg: #2d353b;
509
+ --surface: color-mix(in srgb, #d3c6aa 5%, #2d353b);
510
+ --surface-2: color-mix(in srgb, #d3c6aa 9%, #2d353b);
511
+ --hair: color-mix(in srgb, #d3c6aa 18%, transparent);
512
+ --hair-2: color-mix(in srgb, #d3c6aa 26%, transparent);
513
+ --ink: #d3c6aa;
514
+ --ink-soft: color-mix(in srgb, #d3c6aa 78%, #2d353b);
515
+ --ink-mute: color-mix(in srgb, #d3c6aa 58%, #2d353b);
516
+ --accent: #a7c080;
517
+ --accent-weak: color-mix(in srgb, #a7c080 16%, transparent);
518
+ --on-accent: #000000;
519
+ --danger: #e94959;
520
+ --term-bg: #2d353b;
521
+ --term-ink: #d3c6aa;
522
+ --term-mute: color-mix(in srgb, #d3c6aa 58%, #2d353b);
523
+ --term-hair: #4b4f4f;
524
+ --term-fill: color-mix(in srgb, #d3c6aa 5%, #2d353b);
525
+ --embed-canvas: #2d353b;
526
+ --background: #2d353b;
527
+ --foreground: #d3c6aa;
528
+ --destructive: #e94959;
529
+ }
530
+ :root[data-palette="everforest"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
531
+ background: #2d353b;
532
+ }
533
+
534
+ :root[data-palette="everforest"][data-theme="light"],
535
+ :root[data-palette="everforest"][data-theme="light"] .digichat-thread,
536
+ :root[data-palette="everforest"][data-theme="light"] .dc-embed-shell,
537
+ :root[data-palette="everforest"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
538
+ --bg: #fdf6e3;
539
+ --surface: color-mix(in srgb, #5c6a72 7%, #fdf6e3);
540
+ --surface-2: color-mix(in srgb, #5c6a72 11%, #fdf6e3);
541
+ --hair: color-mix(in srgb, #5c6a72 31%, transparent);
542
+ --hair-2: color-mix(in srgb, #5c6a72 39%, transparent);
543
+ --ink: #5c6a72;
544
+ --ink-soft: color-mix(in srgb, #5c6a72 94%, #fdf6e3);
545
+ --ink-mute: color-mix(in srgb, #5c6a72 73%, #fdf6e3);
546
+ --accent: color-mix(in srgb, #8da101 94%, #000000);
547
+ --accent-weak: color-mix(in srgb, color-mix(in srgb, #8da101 94%, #000000) 16%, transparent);
548
+ --on-accent: #000000;
549
+ --danger: #c32232;
550
+ --term-bg: #fdf6e3;
551
+ --term-ink: #5c6a72;
552
+ --term-mute: color-mix(in srgb, #5c6a72 73%, #fdf6e3);
553
+ --term-hair: #cbcbc0;
554
+ --term-fill: color-mix(in srgb, #5c6a72 7%, #fdf6e3);
555
+ --embed-canvas: #fdf6e3;
556
+ --background: #fdf6e3;
557
+ --foreground: #5c6a72;
558
+ --destructive: #c32232;
559
+ }
560
+ :root[data-palette="everforest"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
561
+ background: #fdf6e3;
562
+ }
563
+
564
+ :root[data-palette="flexoki"][data-theme="dark"],
565
+ :root[data-palette="flexoki"][data-theme="dark"] .digichat-thread,
566
+ :root[data-palette="flexoki"][data-theme="dark"] .dc-embed-shell,
567
+ :root[data-palette="flexoki"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
568
+ --bg: #100F0F;
569
+ --surface: color-mix(in srgb, #CECDC3 5%, #100F0F);
570
+ --surface-2: color-mix(in srgb, #CECDC3 9%, #100F0F);
571
+ --hair: color-mix(in srgb, #CECDC3 19%, transparent);
572
+ --hair-2: color-mix(in srgb, #CECDC3 27%, transparent);
573
+ --ink: #CECDC3;
574
+ --ink-soft: color-mix(in srgb, #CECDC3 78%, #100F0F);
575
+ --ink-mute: color-mix(in srgb, #CECDC3 58%, #100F0F);
576
+ --accent: #DA702C;
577
+ --accent-weak: color-mix(in srgb, #DA702C 16%, transparent);
578
+ --on-accent: #000000;
579
+ --danger: #e94959;
580
+ --term-bg: #100F0F;
581
+ --term-ink: #CECDC3;
582
+ --term-mute: color-mix(in srgb, #CECDC3 58%, #100F0F);
583
+ --term-hair: #343331;
584
+ --term-fill: color-mix(in srgb, #CECDC3 5%, #100F0F);
585
+ --embed-canvas: #100F0F;
586
+ --background: #100F0F;
587
+ --foreground: #CECDC3;
588
+ --destructive: #e94959;
589
+ }
590
+ :root[data-palette="flexoki"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
591
+ background: #100F0F;
592
+ }
593
+
594
+ :root[data-palette="flexoki"][data-theme="light"],
595
+ :root[data-palette="flexoki"][data-theme="light"] .digichat-thread,
596
+ :root[data-palette="flexoki"][data-theme="light"] .dc-embed-shell,
597
+ :root[data-palette="flexoki"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
598
+ --bg: #FFFCF0;
599
+ --surface: color-mix(in srgb, #100F0F 5%, #FFFCF0);
600
+ --surface-2: color-mix(in srgb, #100F0F 9%, #FFFCF0);
601
+ --hair: color-mix(in srgb, #100F0F 19%, transparent);
602
+ --hair-2: color-mix(in srgb, #100F0F 27%, transparent);
603
+ --ink: #100F0F;
604
+ --ink-soft: color-mix(in srgb, #100F0F 78%, #FFFCF0);
605
+ --ink-mute: color-mix(in srgb, #100F0F 58%, #FFFCF0);
606
+ --accent: #205EA6;
607
+ --accent-weak: color-mix(in srgb, #205EA6 16%, transparent);
608
+ --on-accent: #ffffff;
609
+ --danger: #c32232;
610
+ --term-bg: #FFFCF0;
611
+ --term-ink: #100F0F;
612
+ --term-mute: color-mix(in srgb, #100F0F 58%, #FFFCF0);
613
+ --term-hair: #d2cfc5;
614
+ --term-fill: color-mix(in srgb, #100F0F 5%, #FFFCF0);
615
+ --embed-canvas: #FFFCF0;
616
+ --background: #FFFCF0;
617
+ --foreground: #100F0F;
618
+ --destructive: #c32232;
619
+ }
620
+ :root[data-palette="flexoki"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
621
+ background: #FFFCF0;
622
+ }
623
+
624
+ :root[data-palette="github"][data-theme="dark"],
625
+ :root[data-palette="github"][data-theme="dark"] .digichat-thread,
626
+ :root[data-palette="github"][data-theme="dark"] .dc-embed-shell,
627
+ :root[data-palette="github"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
628
+ --bg: #0d1117;
629
+ --surface: color-mix(in srgb, #c9d1d9 5%, #0d1117);
630
+ --surface-2: color-mix(in srgb, #c9d1d9 9%, #0d1117);
631
+ --hair: color-mix(in srgb, #c9d1d9 18%, transparent);
632
+ --hair-2: color-mix(in srgb, #c9d1d9 26%, transparent);
633
+ --ink: #c9d1d9;
634
+ --ink-soft: color-mix(in srgb, #c9d1d9 78%, #0d1117);
635
+ --ink-mute: color-mix(in srgb, #c9d1d9 58%, #0d1117);
636
+ --accent: #58a6ff;
637
+ --accent-weak: color-mix(in srgb, #58a6ff 16%, transparent);
638
+ --on-accent: #000000;
639
+ --danger: #e94959;
640
+ --term-bg: #0d1117;
641
+ --term-ink: #c9d1d9;
642
+ --term-mute: color-mix(in srgb, #c9d1d9 58%, #0d1117);
643
+ --term-hair: #2f343a;
644
+ --term-fill: color-mix(in srgb, #c9d1d9 5%, #0d1117);
645
+ --embed-canvas: #0d1117;
646
+ --background: #0d1117;
647
+ --foreground: #c9d1d9;
648
+ --destructive: #e94959;
649
+ }
650
+ :root[data-palette="github"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
651
+ background: #0d1117;
652
+ }
653
+
654
+ :root[data-palette="github"][data-theme="light"],
655
+ :root[data-palette="github"][data-theme="light"] .digichat-thread,
656
+ :root[data-palette="github"][data-theme="light"] .dc-embed-shell,
657
+ :root[data-palette="github"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
658
+ --bg: #ffffff;
659
+ --surface: color-mix(in srgb, #24292f 5%, #ffffff);
660
+ --surface-2: color-mix(in srgb, #24292f 9%, #ffffff);
661
+ --hair: color-mix(in srgb, #24292f 21%, transparent);
662
+ --hair-2: color-mix(in srgb, #24292f 29%, transparent);
663
+ --ink: #24292f;
664
+ --ink-soft: color-mix(in srgb, #24292f 78%, #ffffff);
665
+ --ink-mute: color-mix(in srgb, #24292f 58%, #ffffff);
666
+ --accent: #0969da;
667
+ --accent-weak: color-mix(in srgb, #0969da 16%, transparent);
668
+ --on-accent: #ffffff;
669
+ --danger: #c32232;
670
+ --term-bg: #ffffff;
671
+ --term-ink: #24292f;
672
+ --term-mute: color-mix(in srgb, #24292f 58%, #ffffff);
673
+ --term-hair: #d1d2d3;
674
+ --term-fill: color-mix(in srgb, #24292f 5%, #ffffff);
675
+ --embed-canvas: #ffffff;
676
+ --background: #ffffff;
677
+ --foreground: #24292f;
678
+ --destructive: #c32232;
679
+ }
680
+ :root[data-palette="github"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
681
+ background: #ffffff;
682
+ }
683
+
684
+ :root[data-palette="gruvbox"][data-theme="dark"],
685
+ :root[data-palette="gruvbox"][data-theme="dark"] .digichat-thread,
686
+ :root[data-palette="gruvbox"][data-theme="dark"] .dc-embed-shell,
687
+ :root[data-palette="gruvbox"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
688
+ --bg: #282828;
689
+ --surface: color-mix(in srgb, #ebdbb2 5%, #282828);
690
+ --surface-2: color-mix(in srgb, #ebdbb2 9%, #282828);
691
+ --hair: color-mix(in srgb, #ebdbb2 16%, transparent);
692
+ --hair-2: color-mix(in srgb, #ebdbb2 24%, transparent);
693
+ --ink: #ebdbb2;
694
+ --ink-soft: color-mix(in srgb, #ebdbb2 78%, #282828);
695
+ --ink-mute: color-mix(in srgb, #ebdbb2 58%, #282828);
696
+ --accent: #83a598;
697
+ --accent-weak: color-mix(in srgb, #83a598 16%, transparent);
698
+ --on-accent: #000000;
699
+ --danger: #e94959;
700
+ --term-bg: #282828;
701
+ --term-ink: #ebdbb2;
702
+ --term-mute: color-mix(in srgb, #ebdbb2 58%, #282828);
703
+ --term-hair: #47453e;
704
+ --term-fill: color-mix(in srgb, #ebdbb2 5%, #282828);
705
+ --embed-canvas: #282828;
706
+ --background: #282828;
707
+ --foreground: #ebdbb2;
708
+ --destructive: #e94959;
709
+ }
710
+ :root[data-palette="gruvbox"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
711
+ background: #282828;
712
+ }
713
+
714
+ :root[data-palette="gruvbox"][data-theme="light"],
715
+ :root[data-palette="gruvbox"][data-theme="light"] .digichat-thread,
716
+ :root[data-palette="gruvbox"][data-theme="light"] .dc-embed-shell,
717
+ :root[data-palette="gruvbox"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
718
+ --bg: #fbf1c7;
719
+ --surface: color-mix(in srgb, #3c3836 5%, #fbf1c7);
720
+ --surface-2: color-mix(in srgb, #3c3836 9%, #fbf1c7);
721
+ --hair: color-mix(in srgb, #3c3836 23%, transparent);
722
+ --hair-2: color-mix(in srgb, #3c3836 31%, transparent);
723
+ --ink: #3c3836;
724
+ --ink-soft: color-mix(in srgb, #3c3836 78%, #fbf1c7);
725
+ --ink-mute: color-mix(in srgb, #3c3836 58%, #fbf1c7);
726
+ --accent: #076678;
727
+ --accent-weak: color-mix(in srgb, #076678 16%, transparent);
728
+ --on-accent: #ffffff;
729
+ --danger: #c32232;
730
+ --term-bg: #fbf1c7;
731
+ --term-ink: #3c3836;
732
+ --term-mute: color-mix(in srgb, #3c3836 58%, #fbf1c7);
733
+ --term-hair: #cfc6a6;
734
+ --term-fill: color-mix(in srgb, #3c3836 5%, #fbf1c7);
735
+ --embed-canvas: #fbf1c7;
736
+ --background: #fbf1c7;
737
+ --foreground: #3c3836;
738
+ --destructive: #c32232;
739
+ }
740
+ :root[data-palette="gruvbox"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
741
+ background: #fbf1c7;
742
+ }
743
+
744
+ :root[data-palette="kanagawa"][data-theme="dark"],
745
+ :root[data-palette="kanagawa"][data-theme="dark"] .digichat-thread,
746
+ :root[data-palette="kanagawa"][data-theme="dark"] .dc-embed-shell,
747
+ :root[data-palette="kanagawa"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
748
+ --bg: #1F1F28;
749
+ --surface: color-mix(in srgb, #DCD7BA 5%, #1F1F28);
750
+ --surface-2: color-mix(in srgb, #DCD7BA 9%, #1F1F28);
751
+ --hair: color-mix(in srgb, #DCD7BA 17%, transparent);
752
+ --hair-2: color-mix(in srgb, #DCD7BA 25%, transparent);
753
+ --ink: #DCD7BA;
754
+ --ink-soft: color-mix(in srgb, #DCD7BA 78%, #1F1F28);
755
+ --ink-mute: color-mix(in srgb, #DCD7BA 58%, #1F1F28);
756
+ --accent: #7E9CD8;
757
+ --accent-weak: color-mix(in srgb, #7E9CD8 16%, transparent);
758
+ --on-accent: #000000;
759
+ --danger: #e94959;
760
+ --term-bg: #1F1F28;
761
+ --term-ink: #DCD7BA;
762
+ --term-mute: color-mix(in srgb, #DCD7BA 58%, #1F1F28);
763
+ --term-hair: #3f3e41;
764
+ --term-fill: color-mix(in srgb, #DCD7BA 5%, #1F1F28);
765
+ --embed-canvas: #1F1F28;
766
+ --background: #1F1F28;
767
+ --foreground: #DCD7BA;
768
+ --destructive: #e94959;
769
+ }
770
+ :root[data-palette="kanagawa"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
771
+ background: #1F1F28;
772
+ }
773
+
774
+ :root[data-palette="kanagawa"][data-theme="light"],
775
+ :root[data-palette="kanagawa"][data-theme="light"] .digichat-thread,
776
+ :root[data-palette="kanagawa"][data-theme="light"] .dc-embed-shell,
777
+ :root[data-palette="kanagawa"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
778
+ --bg: #F2E9DE;
779
+ --surface: color-mix(in srgb, #54433A 6%, #F2E9DE);
780
+ --surface-2: color-mix(in srgb, #54433A 10%, #F2E9DE);
781
+ --hair: color-mix(in srgb, #54433A 26%, transparent);
782
+ --hair-2: color-mix(in srgb, #54433A 34%, transparent);
783
+ --ink: #54433A;
784
+ --ink-soft: color-mix(in srgb, #54433A 79%, #F2E9DE);
785
+ --ink-mute: color-mix(in srgb, #54433A 61%, #F2E9DE);
786
+ --accent: #2D4F67;
787
+ --accent-weak: color-mix(in srgb, #2D4F67 16%, transparent);
788
+ --on-accent: #ffffff;
789
+ --danger: #c32232;
790
+ --term-bg: #F2E9DE;
791
+ --term-ink: #54433A;
792
+ --term-mute: color-mix(in srgb, #54433A 61%, #F2E9DE);
793
+ --term-hair: #c9beb3;
794
+ --term-fill: color-mix(in srgb, #54433A 6%, #F2E9DE);
795
+ --embed-canvas: #F2E9DE;
796
+ --background: #F2E9DE;
797
+ --foreground: #54433A;
798
+ --destructive: #c32232;
799
+ }
800
+ :root[data-palette="kanagawa"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
801
+ background: #F2E9DE;
802
+ }
803
+
804
+ :root[data-palette="material"][data-theme="dark"],
805
+ :root[data-palette="material"][data-theme="dark"] .digichat-thread,
806
+ :root[data-palette="material"][data-theme="dark"] .dc-embed-shell,
807
+ :root[data-palette="material"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
808
+ --bg: #263238;
809
+ --surface: color-mix(in srgb, #eeffff 5%, #263238);
810
+ --surface-2: color-mix(in srgb, #eeffff 9%, #263238);
811
+ --hair: color-mix(in srgb, #eeffff 16%, transparent);
812
+ --hair-2: color-mix(in srgb, #eeffff 24%, transparent);
813
+ --ink: #eeffff;
814
+ --ink-soft: color-mix(in srgb, #eeffff 78%, #263238);
815
+ --ink-mute: color-mix(in srgb, #eeffff 58%, #263238);
816
+ --accent: #82aaff;
817
+ --accent-weak: color-mix(in srgb, #82aaff 16%, transparent);
818
+ --on-accent: #000000;
819
+ --danger: #e94959;
820
+ --term-bg: #263238;
821
+ --term-ink: #eeffff;
822
+ --term-mute: color-mix(in srgb, #eeffff 58%, #263238);
823
+ --term-hair: #465358;
824
+ --term-fill: color-mix(in srgb, #eeffff 5%, #263238);
825
+ --embed-canvas: #263238;
826
+ --background: #263238;
827
+ --foreground: #eeffff;
828
+ --destructive: #e94959;
829
+ }
830
+ :root[data-palette="material"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
831
+ background: #263238;
832
+ }
833
+
834
+ :root[data-palette="material"][data-theme="light"],
835
+ :root[data-palette="material"][data-theme="light"] .digichat-thread,
836
+ :root[data-palette="material"][data-theme="light"] .dc-embed-shell,
837
+ :root[data-palette="material"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
838
+ --bg: #fafafa;
839
+ --surface: color-mix(in srgb, #263238 5%, #fafafa);
840
+ --surface-2: color-mix(in srgb, #263238 9%, #fafafa);
841
+ --hair: color-mix(in srgb, #263238 22%, transparent);
842
+ --hair-2: color-mix(in srgb, #263238 30%, transparent);
843
+ --ink: #263238;
844
+ --ink-soft: color-mix(in srgb, #263238 78%, #fafafa);
845
+ --ink-mute: color-mix(in srgb, #263238 58%, #fafafa);
846
+ --accent: #6182b8;
847
+ --accent-weak: color-mix(in srgb, #6182b8 16%, transparent);
848
+ --on-accent: #000000;
849
+ --danger: #c32232;
850
+ --term-bg: #fafafa;
851
+ --term-ink: #263238;
852
+ --term-mute: color-mix(in srgb, #263238 58%, #fafafa);
853
+ --term-hair: #cbcecf;
854
+ --term-fill: color-mix(in srgb, #263238 5%, #fafafa);
855
+ --embed-canvas: #fafafa;
856
+ --background: #fafafa;
857
+ --foreground: #263238;
858
+ --destructive: #c32232;
859
+ }
860
+ :root[data-palette="material"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
861
+ background: #fafafa;
862
+ }
863
+
864
+ :root[data-palette="matrix"][data-theme="dark"],
865
+ :root[data-palette="matrix"][data-theme="dark"] .digichat-thread,
866
+ :root[data-palette="matrix"][data-theme="dark"] .dc-embed-shell,
867
+ :root[data-palette="matrix"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
868
+ --bg: #0a0e0a;
869
+ --surface: color-mix(in srgb, #62ff94 5%, #0a0e0a);
870
+ --surface-2: color-mix(in srgb, #62ff94 9%, #0a0e0a);
871
+ --hair: color-mix(in srgb, #62ff94 18%, transparent);
872
+ --hair-2: color-mix(in srgb, #62ff94 26%, transparent);
873
+ --ink: #62ff94;
874
+ --ink-soft: color-mix(in srgb, #62ff94 78%, #0a0e0a);
875
+ --ink-mute: color-mix(in srgb, #62ff94 58%, #0a0e0a);
876
+ --accent: #2eff6a;
877
+ --accent-weak: color-mix(in srgb, #2eff6a 16%, transparent);
878
+ --on-accent: #000000;
879
+ --danger: #e94959;
880
+ --term-bg: #0a0e0a;
881
+ --term-ink: #62ff94;
882
+ --term-mute: color-mix(in srgb, #62ff94 58%, #0a0e0a);
883
+ --term-hair: #1a3923;
884
+ --term-fill: color-mix(in srgb, #62ff94 5%, #0a0e0a);
885
+ --embed-canvas: #0a0e0a;
886
+ --background: #0a0e0a;
887
+ --foreground: #62ff94;
888
+ --destructive: #e94959;
889
+ }
890
+ :root[data-palette="matrix"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
891
+ background: #0a0e0a;
892
+ }
893
+
894
+ :root[data-palette="matrix"][data-theme="light"],
895
+ :root[data-palette="matrix"][data-theme="light"] .digichat-thread,
896
+ :root[data-palette="matrix"][data-theme="light"] .dc-embed-shell,
897
+ :root[data-palette="matrix"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
898
+ --bg: #eef3ea;
899
+ --surface: color-mix(in srgb, #203022 5%, #eef3ea);
900
+ --surface-2: color-mix(in srgb, #203022 9%, #eef3ea);
901
+ --hair: color-mix(in srgb, #203022 22%, transparent);
902
+ --hair-2: color-mix(in srgb, #203022 30%, transparent);
903
+ --ink: #203022;
904
+ --ink-soft: color-mix(in srgb, #203022 78%, #eef3ea);
905
+ --ink-mute: color-mix(in srgb, #203022 58%, #eef3ea);
906
+ --accent: color-mix(in srgb, #1cc24b 83%, #000000);
907
+ --accent-weak: color-mix(in srgb, color-mix(in srgb, #1cc24b 83%, #000000) 16%, transparent);
908
+ --on-accent: #000000;
909
+ --danger: #c32232;
910
+ --term-bg: #eef3ea;
911
+ --term-ink: #203022;
912
+ --term-mute: color-mix(in srgb, #203022 58%, #eef3ea);
913
+ --term-hair: #c1c8be;
914
+ --term-fill: color-mix(in srgb, #203022 5%, #eef3ea);
915
+ --embed-canvas: #eef3ea;
916
+ --background: #eef3ea;
917
+ --foreground: #203022;
918
+ --destructive: #c32232;
919
+ }
920
+ :root[data-palette="matrix"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
921
+ background: #eef3ea;
922
+ }
923
+
924
+ :root[data-palette="mercury"][data-theme="dark"],
925
+ :root[data-palette="mercury"][data-theme="dark"] .digichat-thread,
926
+ :root[data-palette="mercury"][data-theme="dark"] .dc-embed-shell,
927
+ :root[data-palette="mercury"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
928
+ --bg: #171721;
929
+ --surface: color-mix(in srgb, #dddde5 5%, #171721);
930
+ --surface-2: color-mix(in srgb, #dddde5 9%, #171721);
931
+ --hair: color-mix(in srgb, #dddde5 16%, transparent);
932
+ --hair-2: color-mix(in srgb, #dddde5 24%, transparent);
933
+ --ink: #dddde5;
934
+ --ink-soft: color-mix(in srgb, #dddde5 78%, #171721);
935
+ --ink-mute: color-mix(in srgb, #dddde5 58%, #171721);
936
+ --accent: #8da4f5;
937
+ --accent-weak: color-mix(in srgb, #8da4f5 16%, transparent);
938
+ --on-accent: #000000;
939
+ --danger: #e94959;
940
+ --term-bg: #171721;
941
+ --term-ink: #dddde5;
942
+ --term-mute: color-mix(in srgb, #dddde5 58%, #171721);
943
+ --term-hair: #373740;
944
+ --term-fill: color-mix(in srgb, #dddde5 5%, #171721);
945
+ --embed-canvas: #171721;
946
+ --background: #171721;
947
+ --foreground: #dddde5;
948
+ --destructive: #e94959;
949
+ }
950
+ :root[data-palette="mercury"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
951
+ background: #171721;
952
+ }
953
+
954
+ :root[data-palette="mercury"][data-theme="light"],
955
+ :root[data-palette="mercury"][data-theme="light"] .digichat-thread,
956
+ :root[data-palette="mercury"][data-theme="light"] .dc-embed-shell,
957
+ :root[data-palette="mercury"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
958
+ --bg: #ffffff;
959
+ --surface: color-mix(in srgb, #363644 5%, #ffffff);
960
+ --surface-2: color-mix(in srgb, #363644 9%, #ffffff);
961
+ --hair: color-mix(in srgb, #363644 23%, transparent);
962
+ --hair-2: color-mix(in srgb, #363644 31%, transparent);
963
+ --ink: #363644;
964
+ --ink-soft: color-mix(in srgb, #363644 78%, #ffffff);
965
+ --ink-mute: color-mix(in srgb, #363644 58%, #ffffff);
966
+ --accent: #5266eb;
967
+ --accent-weak: color-mix(in srgb, #5266eb 16%, transparent);
968
+ --on-accent: #ffffff;
969
+ --danger: #c32232;
970
+ --term-bg: #ffffff;
971
+ --term-ink: #363644;
972
+ --term-mute: color-mix(in srgb, #363644 58%, #ffffff);
973
+ --term-hair: #d1d1d4;
974
+ --term-fill: color-mix(in srgb, #363644 5%, #ffffff);
975
+ --embed-canvas: #ffffff;
976
+ --background: #ffffff;
977
+ --foreground: #363644;
978
+ --destructive: #c32232;
979
+ }
980
+ :root[data-palette="mercury"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
981
+ background: #ffffff;
982
+ }
983
+
984
+ :root[data-palette="monokai"][data-theme="dark"],
985
+ :root[data-palette="monokai"][data-theme="dark"] .digichat-thread,
986
+ :root[data-palette="monokai"][data-theme="dark"] .dc-embed-shell,
987
+ :root[data-palette="monokai"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
988
+ --bg: #272822;
989
+ --surface: color-mix(in srgb, #f8f8f2 5%, #272822);
990
+ --surface-2: color-mix(in srgb, #f8f8f2 9%, #272822);
991
+ --hair: color-mix(in srgb, #f8f8f2 16%, transparent);
992
+ --hair-2: color-mix(in srgb, #f8f8f2 24%, transparent);
993
+ --ink: #f8f8f2;
994
+ --ink-soft: color-mix(in srgb, #f8f8f2 78%, #272822);
995
+ --ink-mute: color-mix(in srgb, #f8f8f2 58%, #272822);
996
+ --accent: #ae81ff;
997
+ --accent-weak: color-mix(in srgb, #ae81ff 16%, transparent);
998
+ --on-accent: #000000;
999
+ --danger: #e94959;
1000
+ --term-bg: #272822;
1001
+ --term-ink: #f8f8f2;
1002
+ --term-mute: color-mix(in srgb, #f8f8f2 58%, #272822);
1003
+ --term-hair: #484943;
1004
+ --term-fill: color-mix(in srgb, #f8f8f2 5%, #272822);
1005
+ --embed-canvas: #272822;
1006
+ --background: #272822;
1007
+ --foreground: #f8f8f2;
1008
+ --destructive: #e94959;
1009
+ }
1010
+ :root[data-palette="monokai"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1011
+ background: #272822;
1012
+ }
1013
+
1014
+ :root[data-palette="monokai"][data-theme="light"],
1015
+ :root[data-palette="monokai"][data-theme="light"] .digichat-thread,
1016
+ :root[data-palette="monokai"][data-theme="light"] .dc-embed-shell,
1017
+ :root[data-palette="monokai"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
1018
+ --bg: #fdf8ec;
1019
+ --surface: color-mix(in srgb, #292318 5%, #fdf8ec);
1020
+ --surface-2: color-mix(in srgb, #292318 9%, #fdf8ec);
1021
+ --hair: color-mix(in srgb, #292318 21%, transparent);
1022
+ --hair-2: color-mix(in srgb, #292318 29%, transparent);
1023
+ --ink: #292318;
1024
+ --ink-soft: color-mix(in srgb, #292318 78%, #fdf8ec);
1025
+ --ink-mute: color-mix(in srgb, #292318 58%, #fdf8ec);
1026
+ --accent: color-mix(in srgb, #bf7bff 93%, #000000);
1027
+ --accent-weak: color-mix(in srgb, color-mix(in srgb, #bf7bff 93%, #000000) 16%, transparent);
1028
+ --on-accent: #000000;
1029
+ --danger: #c32232;
1030
+ --term-bg: #fdf8ec;
1031
+ --term-ink: #292318;
1032
+ --term-mute: color-mix(in srgb, #292318 58%, #fdf8ec);
1033
+ --term-hair: #d0cbbf;
1034
+ --term-fill: color-mix(in srgb, #292318 5%, #fdf8ec);
1035
+ --embed-canvas: #fdf8ec;
1036
+ --background: #fdf8ec;
1037
+ --foreground: #292318;
1038
+ --destructive: #c32232;
1039
+ }
1040
+ :root[data-palette="monokai"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1041
+ background: #fdf8ec;
1042
+ }
1043
+
1044
+ :root[data-palette="nightowl"][data-theme="dark"],
1045
+ :root[data-palette="nightowl"][data-theme="dark"] .digichat-thread,
1046
+ :root[data-palette="nightowl"][data-theme="dark"] .dc-embed-shell,
1047
+ :root[data-palette="nightowl"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
1048
+ --bg: #011627;
1049
+ --surface: color-mix(in srgb, #d6deeb 5%, #011627);
1050
+ --surface-2: color-mix(in srgb, #d6deeb 9%, #011627);
1051
+ --hair: color-mix(in srgb, #d6deeb 17%, transparent);
1052
+ --hair-2: color-mix(in srgb, #d6deeb 25%, transparent);
1053
+ --ink: #d6deeb;
1054
+ --ink-soft: color-mix(in srgb, #d6deeb 78%, #011627);
1055
+ --ink-mute: color-mix(in srgb, #d6deeb 58%, #011627);
1056
+ --accent: #82aaff;
1057
+ --accent-weak: color-mix(in srgb, #82aaff 16%, transparent);
1058
+ --on-accent: #000000;
1059
+ --danger: #e94959;
1060
+ --term-bg: #011627;
1061
+ --term-ink: #d6deeb;
1062
+ --term-mute: color-mix(in srgb, #d6deeb 58%, #011627);
1063
+ --term-hair: #253848;
1064
+ --term-fill: color-mix(in srgb, #d6deeb 5%, #011627);
1065
+ --embed-canvas: #011627;
1066
+ --background: #011627;
1067
+ --foreground: #d6deeb;
1068
+ --destructive: #e94959;
1069
+ }
1070
+ :root[data-palette="nightowl"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1071
+ background: #011627;
1072
+ }
1073
+
1074
+ :root[data-palette="nightowl"][data-theme="light"],
1075
+ :root[data-palette="nightowl"][data-theme="light"] .digichat-thread,
1076
+ :root[data-palette="nightowl"][data-theme="light"] .dc-embed-shell,
1077
+ :root[data-palette="nightowl"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
1078
+ --bg: #f0f0f0;
1079
+ --surface: color-mix(in srgb, #403f53 5%, #f0f0f0);
1080
+ --surface-2: color-mix(in srgb, #403f53 9%, #f0f0f0);
1081
+ --hair: color-mix(in srgb, #403f53 25%, transparent);
1082
+ --hair-2: color-mix(in srgb, #403f53 33%, transparent);
1083
+ --ink: #403f53;
1084
+ --ink-soft: color-mix(in srgb, #403f53 78%, #f0f0f0);
1085
+ --ink-mute: color-mix(in srgb, #403f53 58%, #f0f0f0);
1086
+ --accent: #4876d6;
1087
+ --accent-weak: color-mix(in srgb, #4876d6 16%, transparent);
1088
+ --on-accent: #000000;
1089
+ --danger: #c32232;
1090
+ --term-bg: #f0f0f0;
1091
+ --term-ink: #403f53;
1092
+ --term-mute: color-mix(in srgb, #403f53 58%, #f0f0f0);
1093
+ --term-hair: #c4c4c9;
1094
+ --term-fill: color-mix(in srgb, #403f53 5%, #f0f0f0);
1095
+ --embed-canvas: #f0f0f0;
1096
+ --background: #f0f0f0;
1097
+ --foreground: #403f53;
1098
+ --destructive: #c32232;
1099
+ }
1100
+ :root[data-palette="nightowl"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1101
+ background: #f0f0f0;
1102
+ }
1103
+
1104
+ :root[data-palette="nord"][data-theme="dark"],
1105
+ :root[data-palette="nord"][data-theme="dark"] .digichat-thread,
1106
+ :root[data-palette="nord"][data-theme="dark"] .dc-embed-shell,
1107
+ :root[data-palette="nord"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
1108
+ --bg: #2e3440;
1109
+ --surface: color-mix(in srgb, #e5e9f0 5%, #2e3440);
1110
+ --surface-2: color-mix(in srgb, #e5e9f0 9%, #2e3440);
1111
+ --hair: color-mix(in srgb, #e5e9f0 16%, transparent);
1112
+ --hair-2: color-mix(in srgb, #e5e9f0 24%, transparent);
1113
+ --ink: #e5e9f0;
1114
+ --ink-soft: color-mix(in srgb, #e5e9f0 78%, #2e3440);
1115
+ --ink-mute: color-mix(in srgb, #e5e9f0 58%, #2e3440);
1116
+ --accent: #88c0d0;
1117
+ --accent-weak: color-mix(in srgb, #88c0d0 16%, transparent);
1118
+ --on-accent: #000000;
1119
+ --danger: #e94959;
1120
+ --term-bg: #2e3440;
1121
+ --term-ink: #e5e9f0;
1122
+ --term-mute: color-mix(in srgb, #e5e9f0 58%, #2e3440);
1123
+ --term-hair: #4b515c;
1124
+ --term-fill: color-mix(in srgb, #e5e9f0 5%, #2e3440);
1125
+ --embed-canvas: #2e3440;
1126
+ --background: #2e3440;
1127
+ --foreground: #e5e9f0;
1128
+ --destructive: #e94959;
1129
+ }
1130
+ :root[data-palette="nord"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1131
+ background: #2e3440;
1132
+ }
1133
+
1134
+ :root[data-palette="nord"][data-theme="light"],
1135
+ :root[data-palette="nord"][data-theme="light"] .digichat-thread,
1136
+ :root[data-palette="nord"][data-theme="light"] .dc-embed-shell,
1137
+ :root[data-palette="nord"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
1138
+ --bg: #eceff4;
1139
+ --surface: color-mix(in srgb, #2e3440 5%, #eceff4);
1140
+ --surface-2: color-mix(in srgb, #2e3440 9%, #eceff4);
1141
+ --hair: color-mix(in srgb, #2e3440 23%, transparent);
1142
+ --hair-2: color-mix(in srgb, #2e3440 31%, transparent);
1143
+ --ink: #2e3440;
1144
+ --ink-soft: color-mix(in srgb, #2e3440 78%, #eceff4);
1145
+ --ink-mute: color-mix(in srgb, #2e3440 58%, #eceff4);
1146
+ --accent: #5e81ac;
1147
+ --accent-weak: color-mix(in srgb, #5e81ac 16%, transparent);
1148
+ --on-accent: #000000;
1149
+ --danger: #c32232;
1150
+ --term-bg: #eceff4;
1151
+ --term-ink: #2e3440;
1152
+ --term-mute: color-mix(in srgb, #2e3440 58%, #eceff4);
1153
+ --term-hair: #c0c4cb;
1154
+ --term-fill: color-mix(in srgb, #2e3440 5%, #eceff4);
1155
+ --embed-canvas: #eceff4;
1156
+ --background: #eceff4;
1157
+ --foreground: #2e3440;
1158
+ --destructive: #c32232;
1159
+ }
1160
+ :root[data-palette="nord"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1161
+ background: #eceff4;
1162
+ }
1163
+
1164
+ :root[data-palette="one-dark"][data-theme="dark"],
1165
+ :root[data-palette="one-dark"][data-theme="dark"] .digichat-thread,
1166
+ :root[data-palette="one-dark"][data-theme="dark"] .dc-embed-shell,
1167
+ :root[data-palette="one-dark"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
1168
+ --bg: #282c34;
1169
+ --surface: color-mix(in srgb, #abb2bf 5%, #282c34);
1170
+ --surface-2: color-mix(in srgb, #abb2bf 9%, #282c34);
1171
+ --hair: color-mix(in srgb, #abb2bf 21%, transparent);
1172
+ --hair-2: color-mix(in srgb, #abb2bf 29%, transparent);
1173
+ --ink: #abb2bf;
1174
+ --ink-soft: color-mix(in srgb, #abb2bf 78%, #282c34);
1175
+ --ink-mute: color-mix(in srgb, #abb2bf 58%, #282c34);
1176
+ --accent: #61afef;
1177
+ --accent-weak: color-mix(in srgb, #61afef 16%, transparent);
1178
+ --on-accent: #000000;
1179
+ --danger: #e94959;
1180
+ --term-bg: #282c34;
1181
+ --term-ink: #abb2bf;
1182
+ --term-mute: color-mix(in srgb, #abb2bf 58%, #282c34);
1183
+ --term-hair: #444851;
1184
+ --term-fill: color-mix(in srgb, #abb2bf 5%, #282c34);
1185
+ --embed-canvas: #282c34;
1186
+ --background: #282c34;
1187
+ --foreground: #abb2bf;
1188
+ --destructive: #e94959;
1189
+ }
1190
+ :root[data-palette="one-dark"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1191
+ background: #282c34;
1192
+ }
1193
+
1194
+ :root[data-palette="one-dark"][data-theme="light"],
1195
+ :root[data-palette="one-dark"][data-theme="light"] .digichat-thread,
1196
+ :root[data-palette="one-dark"][data-theme="light"] .dc-embed-shell,
1197
+ :root[data-palette="one-dark"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
1198
+ --bg: #fafafa;
1199
+ --surface: color-mix(in srgb, #383a42 5%, #fafafa);
1200
+ --surface-2: color-mix(in srgb, #383a42 9%, #fafafa);
1201
+ --hair: color-mix(in srgb, #383a42 23%, transparent);
1202
+ --hair-2: color-mix(in srgb, #383a42 31%, transparent);
1203
+ --ink: #383a42;
1204
+ --ink-soft: color-mix(in srgb, #383a42 78%, #fafafa);
1205
+ --ink-mute: color-mix(in srgb, #383a42 58%, #fafafa);
1206
+ --accent: #4078f2;
1207
+ --accent-weak: color-mix(in srgb, #4078f2 16%, transparent);
1208
+ --on-accent: #000000;
1209
+ --danger: #c32232;
1210
+ --term-bg: #fafafa;
1211
+ --term-ink: #383a42;
1212
+ --term-mute: color-mix(in srgb, #383a42 58%, #fafafa);
1213
+ --term-hair: #cdced0;
1214
+ --term-fill: color-mix(in srgb, #383a42 5%, #fafafa);
1215
+ --embed-canvas: #fafafa;
1216
+ --background: #fafafa;
1217
+ --foreground: #383a42;
1218
+ --destructive: #c32232;
1219
+ }
1220
+ :root[data-palette="one-dark"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1221
+ background: #fafafa;
1222
+ }
1223
+
1224
+ :root[data-palette="osaka-jade"][data-theme="dark"],
1225
+ :root[data-palette="osaka-jade"][data-theme="dark"] .digichat-thread,
1226
+ :root[data-palette="osaka-jade"][data-theme="dark"] .dc-embed-shell,
1227
+ :root[data-palette="osaka-jade"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
1228
+ --bg: #111c18;
1229
+ --surface: color-mix(in srgb, #C1C497 5%, #111c18);
1230
+ --surface-2: color-mix(in srgb, #C1C497 9%, #111c18);
1231
+ --hair: color-mix(in srgb, #C1C497 19%, transparent);
1232
+ --hair-2: color-mix(in srgb, #C1C497 27%, transparent);
1233
+ --ink: #C1C497;
1234
+ --ink-soft: color-mix(in srgb, #C1C497 78%, #111c18);
1235
+ --ink-mute: color-mix(in srgb, #C1C497 58%, #111c18);
1236
+ --accent: #2DD5B7;
1237
+ --accent-weak: color-mix(in srgb, #2DD5B7 16%, transparent);
1238
+ --on-accent: #000000;
1239
+ --danger: #e94959;
1240
+ --term-bg: #111c18;
1241
+ --term-ink: #C1C497;
1242
+ --term-mute: color-mix(in srgb, #C1C497 58%, #111c18);
1243
+ --term-hair: #323c30;
1244
+ --term-fill: color-mix(in srgb, #C1C497 5%, #111c18);
1245
+ --embed-canvas: #111c18;
1246
+ --background: #111c18;
1247
+ --foreground: #C1C497;
1248
+ --destructive: #e94959;
1249
+ }
1250
+ :root[data-palette="osaka-jade"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1251
+ background: #111c18;
1252
+ }
1253
+
1254
+ :root[data-palette="osaka-jade"][data-theme="light"],
1255
+ :root[data-palette="osaka-jade"][data-theme="light"] .digichat-thread,
1256
+ :root[data-palette="osaka-jade"][data-theme="light"] .dc-embed-shell,
1257
+ :root[data-palette="osaka-jade"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
1258
+ --bg: #F6F5DD;
1259
+ --surface: color-mix(in srgb, #111c18 5%, #F6F5DD);
1260
+ --surface-2: color-mix(in srgb, #111c18 9%, #F6F5DD);
1261
+ --hair: color-mix(in srgb, #111c18 20%, transparent);
1262
+ --hair-2: color-mix(in srgb, #111c18 28%, transparent);
1263
+ --ink: #111c18;
1264
+ --ink-soft: color-mix(in srgb, #111c18 78%, #F6F5DD);
1265
+ --ink-mute: color-mix(in srgb, #111c18 58%, #F6F5DD);
1266
+ --accent: color-mix(in srgb, #1faa90 93%, #000000);
1267
+ --accent-weak: color-mix(in srgb, color-mix(in srgb, #1faa90 93%, #000000) 16%, transparent);
1268
+ --on-accent: #000000;
1269
+ --danger: #c32232;
1270
+ --term-bg: #F6F5DD;
1271
+ --term-ink: #111c18;
1272
+ --term-mute: color-mix(in srgb, #111c18 58%, #F6F5DD);
1273
+ --term-hair: #c8cab6;
1274
+ --term-fill: color-mix(in srgb, #111c18 5%, #F6F5DD);
1275
+ --embed-canvas: #F6F5DD;
1276
+ --background: #F6F5DD;
1277
+ --foreground: #111c18;
1278
+ --destructive: #c32232;
1279
+ }
1280
+ :root[data-palette="osaka-jade"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1281
+ background: #F6F5DD;
1282
+ }
1283
+
1284
+ :root[data-palette="orng"][data-theme="dark"],
1285
+ :root[data-palette="orng"][data-theme="dark"] .digichat-thread,
1286
+ :root[data-palette="orng"][data-theme="dark"] .dc-embed-shell,
1287
+ :root[data-palette="orng"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
1288
+ --bg: #0a0a0a;
1289
+ --surface: color-mix(in srgb, #eeeeee 5%, #0a0a0a);
1290
+ --surface-2: color-mix(in srgb, #eeeeee 9%, #0a0a0a);
1291
+ --hair: color-mix(in srgb, #eeeeee 17%, transparent);
1292
+ --hair-2: color-mix(in srgb, #eeeeee 25%, transparent);
1293
+ --ink: #eeeeee;
1294
+ --ink-soft: color-mix(in srgb, #eeeeee 78%, #0a0a0a);
1295
+ --ink-mute: color-mix(in srgb, #eeeeee 58%, #0a0a0a);
1296
+ --accent: #EC5B2B;
1297
+ --accent-weak: color-mix(in srgb, #EC5B2B 16%, transparent);
1298
+ --on-accent: #000000;
1299
+ --danger: #e94959;
1300
+ --term-bg: #0a0a0a;
1301
+ --term-ink: #eeeeee;
1302
+ --term-mute: color-mix(in srgb, #eeeeee 58%, #0a0a0a);
1303
+ --term-hair: #313131;
1304
+ --term-fill: color-mix(in srgb, #eeeeee 5%, #0a0a0a);
1305
+ --embed-canvas: #0a0a0a;
1306
+ --background: #0a0a0a;
1307
+ --foreground: #eeeeee;
1308
+ --destructive: #e94959;
1309
+ }
1310
+ :root[data-palette="orng"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1311
+ background: #0a0a0a;
1312
+ }
1313
+
1314
+ :root[data-palette="orng"][data-theme="light"],
1315
+ :root[data-palette="orng"][data-theme="light"] .digichat-thread,
1316
+ :root[data-palette="orng"][data-theme="light"] .dc-embed-shell,
1317
+ :root[data-palette="orng"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
1318
+ --bg: #ffffff;
1319
+ --surface: color-mix(in srgb, #1a1a1a 5%, #ffffff);
1320
+ --surface-2: color-mix(in srgb, #1a1a1a 9%, #ffffff);
1321
+ --hair: color-mix(in srgb, #1a1a1a 20%, transparent);
1322
+ --hair-2: color-mix(in srgb, #1a1a1a 28%, transparent);
1323
+ --ink: #1a1a1a;
1324
+ --ink-soft: color-mix(in srgb, #1a1a1a 78%, #ffffff);
1325
+ --ink-mute: color-mix(in srgb, #1a1a1a 58%, #ffffff);
1326
+ --accent: #EC5B2B;
1327
+ --accent-weak: color-mix(in srgb, #EC5B2B 16%, transparent);
1328
+ --on-accent: #000000;
1329
+ --danger: #c32232;
1330
+ --term-bg: #ffffff;
1331
+ --term-ink: #1a1a1a;
1332
+ --term-mute: color-mix(in srgb, #1a1a1a 58%, #ffffff);
1333
+ --term-hair: #d1d1d1;
1334
+ --term-fill: color-mix(in srgb, #1a1a1a 5%, #ffffff);
1335
+ --embed-canvas: #ffffff;
1336
+ --background: #ffffff;
1337
+ --foreground: #1a1a1a;
1338
+ --destructive: #c32232;
1339
+ }
1340
+ :root[data-palette="orng"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1341
+ background: #ffffff;
1342
+ }
1343
+
1344
+ :root[data-palette="lucent-orng"][data-theme="dark"],
1345
+ :root[data-palette="lucent-orng"][data-theme="dark"] .digichat-thread,
1346
+ :root[data-palette="lucent-orng"][data-theme="dark"] .dc-embed-shell,
1347
+ :root[data-palette="lucent-orng"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
1348
+ --bg: #2a1a15;
1349
+ --surface: color-mix(in srgb, #eeeeee 5%, #2a1a15);
1350
+ --surface-2: color-mix(in srgb, #eeeeee 9%, #2a1a15);
1351
+ --hair: color-mix(in srgb, #eeeeee 16%, transparent);
1352
+ --hair-2: color-mix(in srgb, #eeeeee 24%, transparent);
1353
+ --ink: #eeeeee;
1354
+ --ink-soft: color-mix(in srgb, #eeeeee 78%, #2a1a15);
1355
+ --ink-mute: color-mix(in srgb, #eeeeee 58%, #2a1a15);
1356
+ --accent: #EC5B2B;
1357
+ --accent-weak: color-mix(in srgb, #EC5B2B 16%, transparent);
1358
+ --on-accent: #000000;
1359
+ --danger: #e94959;
1360
+ --term-bg: #2a1a15;
1361
+ --term-ink: #eeeeee;
1362
+ --term-mute: color-mix(in srgb, #eeeeee 58%, #2a1a15);
1363
+ --term-hair: #493c38;
1364
+ --term-fill: color-mix(in srgb, #eeeeee 5%, #2a1a15);
1365
+ --embed-canvas: #2a1a15;
1366
+ --background: #2a1a15;
1367
+ --foreground: #eeeeee;
1368
+ --destructive: #e94959;
1369
+ }
1370
+ :root[data-palette="lucent-orng"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1371
+ background: #2a1a15;
1372
+ }
1373
+
1374
+ :root[data-palette="lucent-orng"][data-theme="light"],
1375
+ :root[data-palette="lucent-orng"][data-theme="light"] .digichat-thread,
1376
+ :root[data-palette="lucent-orng"][data-theme="light"] .dc-embed-shell,
1377
+ :root[data-palette="lucent-orng"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
1378
+ --bg: #fff5f0;
1379
+ --surface: color-mix(in srgb, #1a1a1a 5%, #fff5f0);
1380
+ --surface-2: color-mix(in srgb, #1a1a1a 9%, #fff5f0);
1381
+ --hair: color-mix(in srgb, #1a1a1a 20%, transparent);
1382
+ --hair-2: color-mix(in srgb, #1a1a1a 28%, transparent);
1383
+ --ink: #1a1a1a;
1384
+ --ink-soft: color-mix(in srgb, #1a1a1a 78%, #fff5f0);
1385
+ --ink-mute: color-mix(in srgb, #1a1a1a 58%, #fff5f0);
1386
+ --accent: #EC5B2B;
1387
+ --accent-weak: color-mix(in srgb, #EC5B2B 16%, transparent);
1388
+ --on-accent: #000000;
1389
+ --danger: #c32232;
1390
+ --term-bg: #fff5f0;
1391
+ --term-ink: #1a1a1a;
1392
+ --term-mute: color-mix(in srgb, #1a1a1a 58%, #fff5f0);
1393
+ --term-hair: #d1c9c5;
1394
+ --term-fill: color-mix(in srgb, #1a1a1a 5%, #fff5f0);
1395
+ --embed-canvas: #fff5f0;
1396
+ --background: #fff5f0;
1397
+ --foreground: #1a1a1a;
1398
+ --destructive: #c32232;
1399
+ }
1400
+ :root[data-palette="lucent-orng"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1401
+ background: #fff5f0;
1402
+ }
1403
+
1404
+ :root[data-palette="palenight"][data-theme="dark"],
1405
+ :root[data-palette="palenight"][data-theme="dark"] .digichat-thread,
1406
+ :root[data-palette="palenight"][data-theme="dark"] .dc-embed-shell,
1407
+ :root[data-palette="palenight"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
1408
+ --bg: #292d3e;
1409
+ --surface: color-mix(in srgb, #a6accd 5%, #292d3e);
1410
+ --surface-2: color-mix(in srgb, #a6accd 9%, #292d3e);
1411
+ --hair: color-mix(in srgb, #a6accd 21%, transparent);
1412
+ --hair-2: color-mix(in srgb, #a6accd 29%, transparent);
1413
+ --ink: #a6accd;
1414
+ --ink-soft: color-mix(in srgb, #a6accd 80%, #292d3e);
1415
+ --ink-mute: color-mix(in srgb, #a6accd 58%, #292d3e);
1416
+ --accent: #82aaff;
1417
+ --accent-weak: color-mix(in srgb, #82aaff 16%, transparent);
1418
+ --on-accent: #000000;
1419
+ --danger: #e94959;
1420
+ --term-bg: #292d3e;
1421
+ --term-ink: #a6accd;
1422
+ --term-mute: color-mix(in srgb, #a6accd 58%, #292d3e);
1423
+ --term-hair: #43485c;
1424
+ --term-fill: color-mix(in srgb, #a6accd 5%, #292d3e);
1425
+ --embed-canvas: #292d3e;
1426
+ --background: #292d3e;
1427
+ --foreground: #a6accd;
1428
+ --destructive: #e94959;
1429
+ }
1430
+ :root[data-palette="palenight"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1431
+ background: #292d3e;
1432
+ }
1433
+
1434
+ :root[data-palette="palenight"][data-theme="light"],
1435
+ :root[data-palette="palenight"][data-theme="light"] .digichat-thread,
1436
+ :root[data-palette="palenight"][data-theme="light"] .dc-embed-shell,
1437
+ :root[data-palette="palenight"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
1438
+ --bg: #fafafa;
1439
+ --surface: color-mix(in srgb, #292d3e 5%, #fafafa);
1440
+ --surface-2: color-mix(in srgb, #292d3e 9%, #fafafa);
1441
+ --hair: color-mix(in srgb, #292d3e 22%, transparent);
1442
+ --hair-2: color-mix(in srgb, #292d3e 30%, transparent);
1443
+ --ink: #292d3e;
1444
+ --ink-soft: color-mix(in srgb, #292d3e 78%, #fafafa);
1445
+ --ink-mute: color-mix(in srgb, #292d3e 58%, #fafafa);
1446
+ --accent: #4976eb;
1447
+ --accent-weak: color-mix(in srgb, #4976eb 16%, transparent);
1448
+ --on-accent: #000000;
1449
+ --danger: #c32232;
1450
+ --term-bg: #fafafa;
1451
+ --term-ink: #292d3e;
1452
+ --term-mute: color-mix(in srgb, #292d3e 58%, #fafafa);
1453
+ --term-hair: #cccdd1;
1454
+ --term-fill: color-mix(in srgb, #292d3e 5%, #fafafa);
1455
+ --embed-canvas: #fafafa;
1456
+ --background: #fafafa;
1457
+ --foreground: #292d3e;
1458
+ --destructive: #c32232;
1459
+ }
1460
+ :root[data-palette="palenight"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1461
+ background: #fafafa;
1462
+ }
1463
+
1464
+ :root[data-palette="rosepine"][data-theme="dark"],
1465
+ :root[data-palette="rosepine"][data-theme="dark"] .digichat-thread,
1466
+ :root[data-palette="rosepine"][data-theme="dark"] .dc-embed-shell,
1467
+ :root[data-palette="rosepine"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
1468
+ --bg: #191724;
1469
+ --surface: color-mix(in srgb, #e0def4 5%, #191724);
1470
+ --surface-2: color-mix(in srgb, #e0def4 9%, #191724);
1471
+ --hair: color-mix(in srgb, #e0def4 16%, transparent);
1472
+ --hair-2: color-mix(in srgb, #e0def4 24%, transparent);
1473
+ --ink: #e0def4;
1474
+ --ink-soft: color-mix(in srgb, #e0def4 78%, #191724);
1475
+ --ink-mute: color-mix(in srgb, #e0def4 58%, #191724);
1476
+ --accent: #9ccfd8;
1477
+ --accent-weak: color-mix(in srgb, #9ccfd8 16%, transparent);
1478
+ --on-accent: #000000;
1479
+ --danger: #e94959;
1480
+ --term-bg: #191724;
1481
+ --term-ink: #e0def4;
1482
+ --term-mute: color-mix(in srgb, #e0def4 58%, #191724);
1483
+ --term-hair: #393745;
1484
+ --term-fill: color-mix(in srgb, #e0def4 5%, #191724);
1485
+ --embed-canvas: #191724;
1486
+ --background: #191724;
1487
+ --foreground: #e0def4;
1488
+ --destructive: #e94959;
1489
+ }
1490
+ :root[data-palette="rosepine"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1491
+ background: #191724;
1492
+ }
1493
+
1494
+ :root[data-palette="rosepine"][data-theme="light"],
1495
+ :root[data-palette="rosepine"][data-theme="light"] .digichat-thread,
1496
+ :root[data-palette="rosepine"][data-theme="light"] .dc-embed-shell,
1497
+ :root[data-palette="rosepine"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
1498
+ --bg: #faf4ed;
1499
+ --surface: color-mix(in srgb, #575279 6%, #faf4ed);
1500
+ --surface-2: color-mix(in srgb, #575279 10%, #faf4ed);
1501
+ --hair: color-mix(in srgb, #575279 27%, transparent);
1502
+ --hair-2: color-mix(in srgb, #575279 35%, transparent);
1503
+ --ink: #575279;
1504
+ --ink-soft: color-mix(in srgb, #575279 84%, #faf4ed);
1505
+ --ink-mute: color-mix(in srgb, #575279 65%, #faf4ed);
1506
+ --accent: #31748f;
1507
+ --accent-weak: color-mix(in srgb, #31748f 16%, transparent);
1508
+ --on-accent: #ffffff;
1509
+ --danger: #c32232;
1510
+ --term-bg: #faf4ed;
1511
+ --term-ink: #575279;
1512
+ --term-mute: color-mix(in srgb, #575279 65%, #faf4ed);
1513
+ --term-hair: #cec8ce;
1514
+ --term-fill: color-mix(in srgb, #575279 6%, #faf4ed);
1515
+ --embed-canvas: #faf4ed;
1516
+ --background: #faf4ed;
1517
+ --foreground: #575279;
1518
+ --destructive: #c32232;
1519
+ }
1520
+ :root[data-palette="rosepine"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1521
+ background: #faf4ed;
1522
+ }
1523
+
1524
+ :root[data-palette="solarized"][data-theme="dark"],
1525
+ :root[data-palette="solarized"][data-theme="dark"] .digichat-thread,
1526
+ :root[data-palette="solarized"][data-theme="dark"] .dc-embed-shell,
1527
+ :root[data-palette="solarized"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
1528
+ --bg: #002b36;
1529
+ --surface: color-mix(in srgb, #93a1a1 5%, #002b36);
1530
+ --surface-2: color-mix(in srgb, #93a1a1 9%, #002b36);
1531
+ --hair: color-mix(in srgb, #93a1a1 25%, transparent);
1532
+ --hair-2: color-mix(in srgb, #93a1a1 33%, transparent);
1533
+ --ink: #93a1a1;
1534
+ --ink-soft: color-mix(in srgb, #93a1a1 87%, #002b36);
1535
+ --ink-mute: color-mix(in srgb, #93a1a1 62%, #002b36);
1536
+ --accent: #6c71c4;
1537
+ --accent-weak: color-mix(in srgb, #6c71c4 16%, transparent);
1538
+ --on-accent: #000000;
1539
+ --danger: #e94959;
1540
+ --term-bg: #002b36;
1541
+ --term-ink: #93a1a1;
1542
+ --term-mute: color-mix(in srgb, #93a1a1 62%, #002b36);
1543
+ --term-hair: #254851;
1544
+ --term-fill: color-mix(in srgb, #93a1a1 5%, #002b36);
1545
+ --embed-canvas: #002b36;
1546
+ --background: #002b36;
1547
+ --foreground: #93a1a1;
1548
+ --destructive: #e94959;
1549
+ }
1550
+ :root[data-palette="solarized"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1551
+ background: #002b36;
1552
+ }
1553
+
1554
+ :root[data-palette="solarized"][data-theme="light"],
1555
+ :root[data-palette="solarized"][data-theme="light"] .digichat-thread,
1556
+ :root[data-palette="solarized"][data-theme="light"] .dc-embed-shell,
1557
+ :root[data-palette="solarized"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
1558
+ --bg: #fdf6e3;
1559
+ --surface: color-mix(in srgb, #586e75 7%, #fdf6e3);
1560
+ --surface-2: color-mix(in srgb, #586e75 11%, #fdf6e3);
1561
+ --hair: color-mix(in srgb, #586e75 31%, transparent);
1562
+ --hair-2: color-mix(in srgb, #586e75 39%, transparent);
1563
+ --ink: #586e75;
1564
+ --ink-soft: color-mix(in srgb, #586e75 95%, #fdf6e3);
1565
+ --ink-mute: color-mix(in srgb, #586e75 74%, #fdf6e3);
1566
+ --accent: #268bd2;
1567
+ --accent-weak: color-mix(in srgb, #268bd2 16%, transparent);
1568
+ --on-accent: #000000;
1569
+ --danger: #c32232;
1570
+ --term-bg: #fdf6e3;
1571
+ --term-ink: #586e75;
1572
+ --term-mute: color-mix(in srgb, #586e75 74%, #fdf6e3);
1573
+ --term-hair: #caccc1;
1574
+ --term-fill: color-mix(in srgb, #586e75 7%, #fdf6e3);
1575
+ --embed-canvas: #fdf6e3;
1576
+ --background: #fdf6e3;
1577
+ --foreground: #586e75;
1578
+ --destructive: #c32232;
1579
+ }
1580
+ :root[data-palette="solarized"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1581
+ background: #fdf6e3;
1582
+ }
1583
+
1584
+ :root[data-palette="synthwave84"][data-theme="dark"],
1585
+ :root[data-palette="synthwave84"][data-theme="dark"] .digichat-thread,
1586
+ :root[data-palette="synthwave84"][data-theme="dark"] .dc-embed-shell,
1587
+ :root[data-palette="synthwave84"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
1588
+ --bg: #262335;
1589
+ --surface: color-mix(in srgb, #ffffff 5%, #262335);
1590
+ --surface-2: color-mix(in srgb, #ffffff 9%, #262335);
1591
+ --hair: color-mix(in srgb, #ffffff 16%, transparent);
1592
+ --hair-2: color-mix(in srgb, #ffffff 24%, transparent);
1593
+ --ink: #ffffff;
1594
+ --ink-soft: color-mix(in srgb, #ffffff 78%, #262335);
1595
+ --ink-mute: color-mix(in srgb, #ffffff 58%, #262335);
1596
+ --accent: #36f9f6;
1597
+ --accent-weak: color-mix(in srgb, #36f9f6 16%, transparent);
1598
+ --on-accent: #000000;
1599
+ --danger: #e94959;
1600
+ --term-bg: #262335;
1601
+ --term-ink: #ffffff;
1602
+ --term-mute: color-mix(in srgb, #ffffff 58%, #262335);
1603
+ --term-hair: #494655;
1604
+ --term-fill: color-mix(in srgb, #ffffff 5%, #262335);
1605
+ --embed-canvas: #262335;
1606
+ --background: #262335;
1607
+ --foreground: #ffffff;
1608
+ --destructive: #e94959;
1609
+ }
1610
+ :root[data-palette="synthwave84"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1611
+ background: #262335;
1612
+ }
1613
+
1614
+ :root[data-palette="synthwave84"][data-theme="light"],
1615
+ :root[data-palette="synthwave84"][data-theme="light"] .digichat-thread,
1616
+ :root[data-palette="synthwave84"][data-theme="light"] .dc-embed-shell,
1617
+ :root[data-palette="synthwave84"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
1618
+ --bg: #fafafa;
1619
+ --surface: color-mix(in srgb, #262335 5%, #fafafa);
1620
+ --surface-2: color-mix(in srgb, #262335 9%, #fafafa);
1621
+ --hair: color-mix(in srgb, #262335 21%, transparent);
1622
+ --hair-2: color-mix(in srgb, #262335 29%, transparent);
1623
+ --ink: #262335;
1624
+ --ink-soft: color-mix(in srgb, #262335 78%, #fafafa);
1625
+ --ink-mute: color-mix(in srgb, #262335 58%, #fafafa);
1626
+ --accent: color-mix(in srgb, #00bcd4 85%, #000000);
1627
+ --accent-weak: color-mix(in srgb, color-mix(in srgb, #00bcd4 85%, #000000) 16%, transparent);
1628
+ --on-accent: #000000;
1629
+ --danger: #c32232;
1630
+ --term-bg: #fafafa;
1631
+ --term-ink: #262335;
1632
+ --term-mute: color-mix(in srgb, #262335 58%, #fafafa);
1633
+ --term-hair: #cdcdd1;
1634
+ --term-fill: color-mix(in srgb, #262335 5%, #fafafa);
1635
+ --embed-canvas: #fafafa;
1636
+ --background: #fafafa;
1637
+ --foreground: #262335;
1638
+ --destructive: #c32232;
1639
+ }
1640
+ :root[data-palette="synthwave84"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1641
+ background: #fafafa;
1642
+ }
1643
+
1644
+ :root[data-palette="tokyonight"][data-theme="dark"],
1645
+ :root[data-palette="tokyonight"][data-theme="dark"] .digichat-thread,
1646
+ :root[data-palette="tokyonight"][data-theme="dark"] .dc-embed-shell,
1647
+ :root[data-palette="tokyonight"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
1648
+ --bg: #1a1b26;
1649
+ --surface: color-mix(in srgb, #c0caf5 5%, #1a1b26);
1650
+ --surface-2: color-mix(in srgb, #c0caf5 9%, #1a1b26);
1651
+ --hair: color-mix(in srgb, #c0caf5 18%, transparent);
1652
+ --hair-2: color-mix(in srgb, #c0caf5 26%, transparent);
1653
+ --ink: #c0caf5;
1654
+ --ink-soft: color-mix(in srgb, #c0caf5 78%, #1a1b26);
1655
+ --ink-mute: color-mix(in srgb, #c0caf5 58%, #1a1b26);
1656
+ --accent: #7aa2f7;
1657
+ --accent-weak: color-mix(in srgb, #7aa2f7 16%, transparent);
1658
+ --on-accent: #000000;
1659
+ --danger: #e94959;
1660
+ --term-bg: #1a1b26;
1661
+ --term-ink: #c0caf5;
1662
+ --term-mute: color-mix(in srgb, #c0caf5 58%, #1a1b26);
1663
+ --term-hair: #383a4b;
1664
+ --term-fill: color-mix(in srgb, #c0caf5 5%, #1a1b26);
1665
+ --embed-canvas: #1a1b26;
1666
+ --background: #1a1b26;
1667
+ --foreground: #c0caf5;
1668
+ --destructive: #e94959;
1669
+ }
1670
+ :root[data-palette="tokyonight"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1671
+ background: #1a1b26;
1672
+ }
1673
+
1674
+ :root[data-palette="tokyonight"][data-theme="light"],
1675
+ :root[data-palette="tokyonight"][data-theme="light"] .digichat-thread,
1676
+ :root[data-palette="tokyonight"][data-theme="light"] .dc-embed-shell,
1677
+ :root[data-palette="tokyonight"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
1678
+ --bg: #e1e2e7;
1679
+ --surface: color-mix(in srgb, #273153 5%, #e1e2e7);
1680
+ --surface-2: color-mix(in srgb, #273153 9%, #e1e2e7);
1681
+ --hair: color-mix(in srgb, #273153 23%, transparent);
1682
+ --hair-2: color-mix(in srgb, #273153 31%, transparent);
1683
+ --ink: #273153;
1684
+ --ink-soft: color-mix(in srgb, #273153 78%, #e1e2e7);
1685
+ --ink-mute: color-mix(in srgb, #273153 58%, #e1e2e7);
1686
+ --accent: #2e7de9;
1687
+ --accent-weak: color-mix(in srgb, #2e7de9 16%, transparent);
1688
+ --on-accent: #000000;
1689
+ --danger: #c32232;
1690
+ --term-bg: #e1e2e7;
1691
+ --term-ink: #273153;
1692
+ --term-mute: color-mix(in srgb, #273153 58%, #e1e2e7);
1693
+ --term-hair: #b6b9c5;
1694
+ --term-fill: color-mix(in srgb, #273153 5%, #e1e2e7);
1695
+ --embed-canvas: #e1e2e7;
1696
+ --background: #e1e2e7;
1697
+ --foreground: #273153;
1698
+ --destructive: #c32232;
1699
+ }
1700
+ :root[data-palette="tokyonight"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1701
+ background: #e1e2e7;
1702
+ }
1703
+
1704
+ :root[data-palette="vesper"][data-theme="dark"],
1705
+ :root[data-palette="vesper"][data-theme="dark"] .digichat-thread,
1706
+ :root[data-palette="vesper"][data-theme="dark"] .dc-embed-shell,
1707
+ :root[data-palette="vesper"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
1708
+ --bg: #101010;
1709
+ --surface: color-mix(in srgb, #FFFFFF 5%, #101010);
1710
+ --surface-2: color-mix(in srgb, #FFFFFF 9%, #101010);
1711
+ --hair: color-mix(in srgb, #FFFFFF 16%, transparent);
1712
+ --hair-2: color-mix(in srgb, #FFFFFF 24%, transparent);
1713
+ --ink: #FFFFFF;
1714
+ --ink-soft: color-mix(in srgb, #FFFFFF 78%, #101010);
1715
+ --ink-mute: color-mix(in srgb, #FFFFFF 58%, #101010);
1716
+ --accent: #FFC799;
1717
+ --accent-weak: color-mix(in srgb, #FFC799 16%, transparent);
1718
+ --on-accent: #000000;
1719
+ --danger: #e94959;
1720
+ --term-bg: #101010;
1721
+ --term-ink: #FFFFFF;
1722
+ --term-mute: color-mix(in srgb, #FFFFFF 58%, #101010);
1723
+ --term-hair: #363636;
1724
+ --term-fill: color-mix(in srgb, #FFFFFF 5%, #101010);
1725
+ --embed-canvas: #101010;
1726
+ --background: #101010;
1727
+ --foreground: #FFFFFF;
1728
+ --destructive: #e94959;
1729
+ }
1730
+ :root[data-palette="vesper"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1731
+ background: #101010;
1732
+ }
1733
+
1734
+ :root[data-palette="vesper"][data-theme="light"],
1735
+ :root[data-palette="vesper"][data-theme="light"] .digichat-thread,
1736
+ :root[data-palette="vesper"][data-theme="light"] .dc-embed-shell,
1737
+ :root[data-palette="vesper"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
1738
+ --bg: #F0F0F0;
1739
+ --surface: color-mix(in srgb, #101010 5%, #F0F0F0);
1740
+ --surface-2: color-mix(in srgb, #101010 9%, #F0F0F0);
1741
+ --hair: color-mix(in srgb, #101010 19%, transparent);
1742
+ --hair-2: color-mix(in srgb, #101010 27%, transparent);
1743
+ --ink: #101010;
1744
+ --ink-soft: color-mix(in srgb, #101010 78%, #F0F0F0);
1745
+ --ink-mute: color-mix(in srgb, #101010 58%, #F0F0F0);
1746
+ --accent: color-mix(in srgb, #FFC799 66%, #000000);
1747
+ --accent-weak: color-mix(in srgb, color-mix(in srgb, #FFC799 66%, #000000) 16%, transparent);
1748
+ --on-accent: #000000;
1749
+ --danger: #c32232;
1750
+ --term-bg: #F0F0F0;
1751
+ --term-ink: #101010;
1752
+ --term-mute: color-mix(in srgb, #101010 58%, #F0F0F0);
1753
+ --term-hair: #c5c5c5;
1754
+ --term-fill: color-mix(in srgb, #101010 5%, #F0F0F0);
1755
+ --embed-canvas: #F0F0F0;
1756
+ --background: #F0F0F0;
1757
+ --foreground: #101010;
1758
+ --destructive: #c32232;
1759
+ }
1760
+ :root[data-palette="vesper"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1761
+ background: #F0F0F0;
1762
+ }
1763
+
1764
+ :root[data-palette="vercel"][data-theme="dark"],
1765
+ :root[data-palette="vercel"][data-theme="dark"] .digichat-thread,
1766
+ :root[data-palette="vercel"][data-theme="dark"] .dc-embed-shell,
1767
+ :root[data-palette="vercel"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
1768
+ --bg: #000000;
1769
+ --surface: color-mix(in srgb, #EDEDED 6%, #000000);
1770
+ --surface-2: color-mix(in srgb, #EDEDED 10%, #000000);
1771
+ --hair: color-mix(in srgb, #EDEDED 19%, transparent);
1772
+ --hair-2: color-mix(in srgb, #EDEDED 27%, transparent);
1773
+ --ink: #EDEDED;
1774
+ --ink-soft: color-mix(in srgb, #EDEDED 78%, #000000);
1775
+ --ink-mute: color-mix(in srgb, #EDEDED 58%, #000000);
1776
+ --accent: #0070F3;
1777
+ --accent-weak: color-mix(in srgb, #0070F3 16%, transparent);
1778
+ --on-accent: #000000;
1779
+ --danger: #e94959;
1780
+ --term-bg: #000000;
1781
+ --term-ink: #EDEDED;
1782
+ --term-mute: color-mix(in srgb, #EDEDED 58%, #000000);
1783
+ --term-hair: #2d2d2d;
1784
+ --term-fill: color-mix(in srgb, #EDEDED 6%, #000000);
1785
+ --embed-canvas: #000000;
1786
+ --background: #000000;
1787
+ --foreground: #EDEDED;
1788
+ --destructive: #e94959;
1789
+ }
1790
+ :root[data-palette="vercel"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1791
+ background: #000000;
1792
+ }
1793
+
1794
+ :root[data-palette="vercel"][data-theme="light"],
1795
+ :root[data-palette="vercel"][data-theme="light"] .digichat-thread,
1796
+ :root[data-palette="vercel"][data-theme="light"] .dc-embed-shell,
1797
+ :root[data-palette="vercel"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
1798
+ --bg: #FFFFFF;
1799
+ --surface: color-mix(in srgb, #171717 5%, #FFFFFF);
1800
+ --surface-2: color-mix(in srgb, #171717 9%, #FFFFFF);
1801
+ --hair: color-mix(in srgb, #171717 20%, transparent);
1802
+ --hair-2: color-mix(in srgb, #171717 28%, transparent);
1803
+ --ink: #171717;
1804
+ --ink-soft: color-mix(in srgb, #171717 78%, #FFFFFF);
1805
+ --ink-mute: color-mix(in srgb, #171717 58%, #FFFFFF);
1806
+ --accent: #0070F3;
1807
+ --accent-weak: color-mix(in srgb, #0070F3 16%, transparent);
1808
+ --on-accent: #000000;
1809
+ --danger: #c32232;
1810
+ --term-bg: #FFFFFF;
1811
+ --term-ink: #171717;
1812
+ --term-mute: color-mix(in srgb, #171717 58%, #FFFFFF);
1813
+ --term-hair: #d1d1d1;
1814
+ --term-fill: color-mix(in srgb, #171717 5%, #FFFFFF);
1815
+ --embed-canvas: #FFFFFF;
1816
+ --background: #FFFFFF;
1817
+ --foreground: #171717;
1818
+ --destructive: #c32232;
1819
+ }
1820
+ :root[data-palette="vercel"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1821
+ background: #FFFFFF;
1822
+ }
1823
+
1824
+ :root[data-palette="zenburn"][data-theme="dark"],
1825
+ :root[data-palette="zenburn"][data-theme="dark"] .digichat-thread,
1826
+ :root[data-palette="zenburn"][data-theme="dark"] .dc-embed-shell,
1827
+ :root[data-palette="zenburn"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
1828
+ --bg: #3f3f3f;
1829
+ --surface: color-mix(in srgb, #dcdccc 5%, #3f3f3f);
1830
+ --surface-2: color-mix(in srgb, #dcdccc 9%, #3f3f3f);
1831
+ --hair: color-mix(in srgb, #dcdccc 17%, transparent);
1832
+ --hair-2: color-mix(in srgb, #dcdccc 25%, transparent);
1833
+ --ink: #dcdccc;
1834
+ --ink-soft: color-mix(in srgb, #dcdccc 78%, #3f3f3f);
1835
+ --ink-mute: color-mix(in srgb, #dcdccc 58%, #3f3f3f);
1836
+ --accent: #8cd0d3;
1837
+ --accent-weak: color-mix(in srgb, #8cd0d3 16%, transparent);
1838
+ --on-accent: #000000;
1839
+ --danger: color-mix(in srgb, #e94959 93%, #ffffff);
1840
+ --term-bg: #3f3f3f;
1841
+ --term-ink: #dcdccc;
1842
+ --term-mute: color-mix(in srgb, #dcdccc 58%, #3f3f3f);
1843
+ --term-hair: #5a5a57;
1844
+ --term-fill: color-mix(in srgb, #dcdccc 5%, #3f3f3f);
1845
+ --embed-canvas: #3f3f3f;
1846
+ --background: #3f3f3f;
1847
+ --foreground: #dcdccc;
1848
+ --destructive: color-mix(in srgb, #e94959 93%, #ffffff);
1849
+ }
1850
+ :root[data-palette="zenburn"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1851
+ background: #3f3f3f;
1852
+ }
1853
+
1854
+ :root[data-palette="zenburn"][data-theme="light"],
1855
+ :root[data-palette="zenburn"][data-theme="light"] .digichat-thread,
1856
+ :root[data-palette="zenburn"][data-theme="light"] .dc-embed-shell,
1857
+ :root[data-palette="zenburn"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
1858
+ --bg: #ffffef;
1859
+ --surface: color-mix(in srgb, #3f3f3f 5%, #ffffef);
1860
+ --surface-2: color-mix(in srgb, #3f3f3f 9%, #ffffef);
1861
+ --hair: color-mix(in srgb, #3f3f3f 24%, transparent);
1862
+ --hair-2: color-mix(in srgb, #3f3f3f 32%, transparent);
1863
+ --ink: #3f3f3f;
1864
+ --ink-soft: color-mix(in srgb, #3f3f3f 78%, #ffffef);
1865
+ --ink-mute: color-mix(in srgb, #3f3f3f 58%, #ffffef);
1866
+ --accent: #5f7f8f;
1867
+ --accent-weak: color-mix(in srgb, #5f7f8f 16%, transparent);
1868
+ --on-accent: #000000;
1869
+ --danger: #c32232;
1870
+ --term-bg: #ffffef;
1871
+ --term-ink: #3f3f3f;
1872
+ --term-mute: color-mix(in srgb, #3f3f3f 58%, #ffffef);
1873
+ --term-hair: #d1d1c5;
1874
+ --term-fill: color-mix(in srgb, #3f3f3f 5%, #ffffef);
1875
+ --embed-canvas: #ffffef;
1876
+ --background: #ffffef;
1877
+ --foreground: #3f3f3f;
1878
+ --destructive: #c32232;
1879
+ }
1880
+ :root[data-palette="zenburn"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1881
+ background: #ffffef;
1882
+ }
1883
+
1884
+ :root[data-palette="carbonfox"][data-theme="dark"],
1885
+ :root[data-palette="carbonfox"][data-theme="dark"] .digichat-thread,
1886
+ :root[data-palette="carbonfox"][data-theme="dark"] .dc-embed-shell,
1887
+ :root[data-palette="carbonfox"][data-theme="dark"] [data-stock-product][data-thread-skin="digichat"] {
1888
+ --bg: #393939;
1889
+ --surface: color-mix(in srgb, #f2f4f8 5%, #393939);
1890
+ --surface-2: color-mix(in srgb, #f2f4f8 9%, #393939);
1891
+ --hair: color-mix(in srgb, #f2f4f8 16%, transparent);
1892
+ --hair-2: color-mix(in srgb, #f2f4f8 24%, transparent);
1893
+ --ink: #f2f4f8;
1894
+ --ink-soft: color-mix(in srgb, #f2f4f8 78%, #393939);
1895
+ --ink-mute: color-mix(in srgb, #f2f4f8 58%, #393939);
1896
+ --accent: #33b1ff;
1897
+ --accent-weak: color-mix(in srgb, #33b1ff 16%, transparent);
1898
+ --on-accent: #000000;
1899
+ --danger: #e94959;
1900
+ --term-bg: #393939;
1901
+ --term-ink: #f2f4f8;
1902
+ --term-mute: color-mix(in srgb, #f2f4f8 58%, #393939);
1903
+ --term-hair: #575758;
1904
+ --term-fill: color-mix(in srgb, #f2f4f8 5%, #393939);
1905
+ --embed-canvas: #393939;
1906
+ --background: #393939;
1907
+ --foreground: #f2f4f8;
1908
+ --destructive: #e94959;
1909
+ }
1910
+ :root[data-palette="carbonfox"][data-theme="dark"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1911
+ background: #393939;
1912
+ }
1913
+
1914
+ :root[data-palette="carbonfox"][data-theme="light"],
1915
+ :root[data-palette="carbonfox"][data-theme="light"] .digichat-thread,
1916
+ :root[data-palette="carbonfox"][data-theme="light"] .dc-embed-shell,
1917
+ :root[data-palette="carbonfox"][data-theme="light"] [data-stock-product][data-thread-skin="digichat"] {
1918
+ --bg: #8e8e8e;
1919
+ --surface: color-mix(in srgb, #161616 5%, #8e8e8e);
1920
+ --surface-2: color-mix(in srgb, #161616 9%, #8e8e8e);
1921
+ --hair: color-mix(in srgb, #161616 25%, transparent);
1922
+ --hair-2: color-mix(in srgb, #161616 33%, transparent);
1923
+ --ink: #161616;
1924
+ --ink-soft: color-mix(in srgb, #161616 85%, #8e8e8e);
1925
+ --ink-mute: color-mix(in srgb, #161616 63%, #8e8e8e);
1926
+ --accent: color-mix(in srgb, #0072c3 60%, #000000);
1927
+ --accent-weak: color-mix(in srgb, color-mix(in srgb, #0072c3 60%, #000000) 16%, transparent);
1928
+ --on-accent: #ffffff;
1929
+ --danger: color-mix(in srgb, #c32232 67%, #000000);
1930
+ --term-bg: #8e8e8e;
1931
+ --term-ink: #161616;
1932
+ --term-mute: color-mix(in srgb, #161616 63%, #8e8e8e);
1933
+ --term-hair: #707070;
1934
+ --term-fill: color-mix(in srgb, #161616 5%, #8e8e8e);
1935
+ --embed-canvas: #8e8e8e;
1936
+ --background: #8e8e8e;
1937
+ --foreground: #161616;
1938
+ --destructive: color-mix(in srgb, #c32232 67%, #000000);
1939
+ }
1940
+ :root[data-palette="carbonfox"][data-theme="light"] body:has([data-stock-product][data-thread-skin="digichat"][data-chrome-mode="app"]) {
1941
+ background: #8e8e8e;
1942
+ }