-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy paththeme.css
More file actions
466 lines (466 loc) · 24.6 KB
/
Copy paththeme.css
File metadata and controls
466 lines (466 loc) · 24.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
:root {
/* Default to VS Code Dark+ */
--bg: #1e1e1e;
--text: #d4d4d4;
--muted: #9aa3b2;
--panel-bg: #252526;
--panel-border: #3c3c3c;
--input-bg: #1e1e1e;
--accent: #2d2d30;
--border: #3c3c3c;
/* Canvas + drawing colors */
--canvas-bg: #1e1e1e;
--grid-minor: rgba(255, 255, 255, 0.10);
--grid-major: rgba(255, 255, 255, 0.25);
--axis: #569cd6;
--plot: #ce9178;
--hud-bg: rgba(0, 0, 0, 0.70);
--hud-text: #e6e6e6;
/* Scrollbar */
--scrollbar-track: #252526;
--scrollbar-thumb: #3c3c3c;
}
/* VS Code themes */
body.theme-vscode-dark-plus {
--bg: #1e1e1e;
--text: #d4d4d4;
--muted: #b8c0dc;
--panel-bg: #252526;
--panel-border: #3c3c3c;
--input-bg: #1e1e1e;
--accent: #2d2d30;
--border: #3c3c3c;
--canvas-bg: #1e1e1e;
--grid-minor: rgba(255, 255, 255, 0.10);
--grid-major: rgba(255, 255, 255, 0.25);
--axis: #569cd6;
--plot: #ce9178;
--hud-bg: rgba(0, 0, 0, 0.70);
--hud-text: #e6e6e6;
--scrollbar-track: #252526;
--scrollbar-thumb: #3c3c3c;
}
body.theme-vscode-light-plus {
--bg: #ffffff;
--text: #333333;
--muted: #5b6070;
--panel-bg: #f3f3f3;
--panel-border: #e5e5e5;
--input-bg: #ffffff;
--accent: #eaeaea;
--border: #dcdcdc;
--canvas-bg: #ffffff;
--grid-minor: rgba(0, 0, 0, 0.08);
--grid-major: rgba(0, 0, 0, 0.25);
--axis: #007acc;
--plot: #e67e22;
--hud-bg: rgba(255, 255, 255, 0.92);
--hud-text: #0b0e19;
--scrollbar-track: #eaeaea;
--scrollbar-thumb: #cfcfcf;
}
body.theme-monokai {
--bg: #272822;
--text: #f8f8f2;
--muted: #cfcfc2;
--panel-bg: #2d2e27;
--panel-border: #3e3d32;
--input-bg: #272822;
--accent: #3e3d32;
--border: #3e3d32;
--canvas-bg: #272822;
--grid-minor: rgba(255, 255, 255, 0.12);
--grid-major: rgba(255, 255, 255, 0.30);
--axis: #66d9ef;
--plot: #a6e22e;
--hud-bg: rgba(0, 0, 0, 0.70);
--hud-text: #f8f8f2;
--scrollbar-track: #2d2e27;
--scrollbar-thumb: #3e3d32;
}
body.theme-solarized-dark {
--bg: #002b36;
--text: #eee8d5;
--muted: #93a1a1;
--panel-bg: #073642;
--panel-border: #0b3a4a;
--input-bg: #002b36;
--accent: #0b3a4a;
--border: #0b3a4a;
--canvas-bg: #002b36;
--grid-minor: rgba(238, 232, 213, 0.15);
--grid-major: rgba(238, 232, 213, 0.35);
--axis: #268bd2;
--plot: #b58900;
--hud-bg: rgba(0, 0, 0, 0.60);
--hud-text: #eee8d5;
--scrollbar-track: #073642;
--scrollbar-thumb: #0b3a4a;
}
body.theme-solarized-light {
--bg: #fdf6e3;
--text: #657b83;
--muted: #586e75;
--panel-bg: #eee8d5;
--panel-border: #d6d1c4;
--input-bg: #ffffff;
--accent: #eae3cd;
--border: #d6d1c4;
--canvas-bg: #fdf6e3;
--grid-minor: rgba(0, 0, 0, 0.12);
--grid-major: rgba(0, 0, 0, 0.30);
--axis: #268bd2;
--plot: #b58900;
--hud-bg: rgba(255, 255, 255, 0.92);
--hud-text: #0b0e19;
--scrollbar-track: #eae3cd;
--scrollbar-thumb: #d6d1c4;
}
/* VS Code built-in themes */
/* Abyss */
body.theme-abyss {
--bg: #0c1021;
--text: #e0e0e0;
--muted: #a9b0c2;
--panel-bg: #121735;
--panel-border: #1c234a;
--input-bg: #0c1021;
--accent: #1a2042;
--border: #1c234a;
--canvas-bg: #0c1021;
--grid-minor: rgba(224, 224, 224, 0.12);
--grid-major: rgba(224, 224, 224, 0.30);
--axis: #33aaff;
--plot: #ffcc66;
--hud-bg: rgba(0, 0, 0, 0.60);
--hud-text: #e0e0e0;
--scrollbar-track: #121735;
--scrollbar-thumb: #1c234a;
}
/* Tomorrow Night Blue */
body.theme-tomorrow-night-blue {
--bg: #002451;
--text: #ffffff;
--muted: #c0d3ff;
--panel-bg: #022a6b;
--panel-border: #073b91;
--input-bg: #002451;
--accent: #073b91;
--border: #073b91;
--canvas-bg: #002451;
--grid-minor: rgba(255,255,255,0.14);
--grid-major: rgba(255,255,255,0.32);
--axis: #00aaff;
--plot: #ffcc66;
--hud-bg: rgba(0,0,0,0.60);
--hud-text: #ffffff;
--scrollbar-track: #022a6b;
--scrollbar-thumb: #073b91;
}
/* One Dark Pro */
body.theme-one-dark-pro { --bg:#282c34; --text:#abb2bf; --muted:#8c96a0; --panel-bg:#30343a; --panel-border:#3a3f46; --input-bg:#282c34; --accent:#3a3f46; --border:#3a3f46; --canvas-bg:#282c34; --grid-minor:rgba(171,178,191,0.14); --grid-major:rgba(171,178,191,0.32); --axis:#61afef; --plot:#e5c07b; --hud-bg:rgba(0,0,0,0.60); --hud-text:#e6e6e6; --scrollbar-track:#30343a; --scrollbar-thumb:#3a3f46; }
/* Dracula Official */
body.theme-dracula-official { --bg:#282a36; --text:#f8f8f2; --muted:#bfbfd8; --panel-bg:#2b2d3a; --panel-border:#3a3d4d; --input-bg:#282a36; --accent:#343746; --border:#3a3d4d; --canvas-bg:#282a36; --grid-minor:rgba(248,248,242,0.12); --grid-major:rgba(248,248,242,0.30); --axis:#8be9fd; --plot:#ff79c6; --hud-bg:rgba(0,0,0,0.60); --hud-text:#f8f8f2; --scrollbar-track:#2b2d3a; --scrollbar-thumb:#3a3d4d; }
/* Ayu */
body.theme-ayu-light { --bg:#fafafa; --text:#575f66; --muted:#8a9199; --panel-bg:#ffffff; --panel-border:#e5e5e5; --input-bg:#ffffff; --accent:#efefef; --border:#dddddd; --canvas-bg:#fafafa; --grid-minor:rgba(0,0,0,0.08); --grid-major:rgba(0,0,0,0.22); --axis:#55b4d4; --plot:#f2ae49; --hud-bg:rgba(255,255,255,0.92); --hud-text:#0b0e19; --scrollbar-track:#efefef; --scrollbar-thumb:#cfcfcf; }
body.theme-ayu-mirage { --bg:#1f2430; --text:#cbccc6; --muted:#a6accd; --panel-bg:#232834; --panel-border:#2a303d; --input-bg:#1f2430; --accent:#2a303d; --border:#2a303d; --canvas-bg:#1f2430; --grid-minor:rgba(203,204,198,0.14); --grid-major:rgba(203,204,198,0.32); --axis:#5ccfe6; --plot:#ffd173; --hud-bg:rgba(0,0,0,0.60); --hud-text:#cbccc6; --scrollbar-track:#232834; --scrollbar-thumb:#2a303d; }
body.theme-ayu-dark { --bg:#0b0e14; --text:#b3b1ad; --muted:#8a9199; --panel-bg:#10151c; --panel-border:#171d26; --input-bg:#0b0e14; --accent:#171d26; --border:#171d26; --canvas-bg:#0b0e14; --grid-minor:rgba(179,177,173,0.14); --grid-major:rgba(179,177,173,0.32); --axis:#5ccfe6; --plot:#f29e74; --hud-bg:rgba(0,0,0,0.60); --hud-text:#cbccc6; --scrollbar-track:#10151c; --scrollbar-thumb:#171d26; }
/* Material Theme variants */
body.theme-material-darker { --bg:#212121; --text:#eeeeee; --muted:#bdbdbd; --panel-bg:#272727; --panel-border:#333333; --input-bg:#212121; --accent:#2f2f2f; --border:#333333; --canvas-bg:#212121; --grid-minor:rgba(238,238,238,0.12); --grid-major:rgba(238,238,238,0.30); --axis:#80cbc4; --plot:#ffcc80; --hud-bg:rgba(0,0,0,0.60); --hud-text:#eeeeee; --scrollbar-track:#272727; --scrollbar-thumb:#333333; }
body.theme-material-lighter { --bg:#fafafa; --text:#424242; --muted:#6e6e6e; --panel-bg:#ffffff; --panel-border:#e0e0e0; --input-bg:#ffffff; --accent:#efefef; --border:#e0e0e0; --canvas-bg:#fafafa; --grid-minor:rgba(0,0,0,0.08); --grid-major:rgba(0,0,0,0.22); --axis:#00bcd4; --plot:#ff9800; --hud-bg:rgba(255,255,255,0.92); --hud-text:#0b0e19; --scrollbar-track:#efefef; --scrollbar-thumb:#cfcfcf; }
body.theme-material-palenight { --bg:#292d3e; --text:#bfc7d5; --muted:#a6accd; --panel-bg:#31364a; --panel-border:#3b415a; --input-bg:#292d3e; --accent:#3b415a; --border:#3b415a; --canvas-bg:#292d3e; --grid-minor:rgba(191,199,213,0.14); --grid-major:rgba(191,199,213,0.32); --axis:#82aaff; --plot:#c3e88d; --hud-bg:rgba(0,0,0,0.60); --hud-text:#e6e6e6; --scrollbar-track:#31364a; --scrollbar-thumb:#3b415a; }
body.theme-material-ocean { --bg:#0f111a; --text:#a6accd; --muted:#8a9199; --panel-bg:#151720; --panel-border:#1b1e29; --input-bg:#0f111a; --accent:#1b1e29; --border:#1b1e29; --canvas-bg:#0f111a; --grid-minor:rgba(166,172,205,0.14); --grid-major:rgba(166,172,205,0.32); --axis:#89ddff; --plot:#80cbc4; --hud-bg:rgba(0,0,0,0.60); --hud-text:#e6e6e6; --scrollbar-track:#151720; --scrollbar-thumb:#1b1e29; }
body.theme-material-deep-ocean { --bg:#0e131a; --text:#a6accd; --muted:#8a9199; --panel-bg:#141a22; --panel-border:#1a2230; --input-bg:#0e131a; --accent:#1a2230; --border:#1a2230; --canvas-bg:#0e131a; --grid-minor:rgba(166,172,205,0.14); --grid-major:rgba(166,172,205,0.32); --axis:#89ddff; --plot:#c3e88d; --hud-bg:rgba(0,0,0,0.60); --hud-text:#e6e6e6; --scrollbar-track:#141a22; --scrollbar-thumb:#1a2230; }
/* Nord */
body.theme-nord { --bg:#2e3440; --text:#e5e9f0; --muted:#d8dee9; --panel-bg:#3b4252; --panel-border:#434c5e; --input-bg:#2e3440; --accent:#3b4252; --border:#434c5e; --canvas-bg:#2e3440; --grid-minor:rgba(229,233,240,0.14); --grid-major:rgba(229,233,240,0.32); --axis:#88c0d0; --plot:#a3be8c; --hud-bg:rgba(0,0,0,0.60); --hud-text:#e5e9f0; --scrollbar-track:#3b4252; --scrollbar-thumb:#434c5e; }
/* Winter is Coming */
body.theme-winter-is-coming { --bg:#011627; --text:#d6deeb; --muted:#aeb9d5; --panel-bg:#072540; --panel-border:#0b355c; --input-bg:#011627; --accent:#0b355c; --border:#0b355c; --canvas-bg:#011627; --grid-minor:rgba(214,222,235,0.14); --grid-major:rgba(214,222,235,0.32); --axis:#82aaff; --plot:#c792ea; --hud-bg:rgba(0,0,0,0.60); --hud-text:#d6deeb; --scrollbar-track:#072540; --scrollbar-thumb:#0b355c; }
/* Snazzy Light */
body.theme-snazzy-light { --bg:#ffffff; --text:#333; --muted:#6b717d; --panel-bg:#ffffff; --panel-border:#e5e5e5; --input-bg:#ffffff; --accent:#ececec; --border:#dddddd; --canvas-bg:#ffffff; --grid-minor:rgba(0,0,0,0.08); --grid-major:rgba(0,0,0,0.22); --axis:#57c7ff; --plot:#ff5c57; --hud-bg:rgba(255,255,255,0.92); --hud-text:#0b0e19; --scrollbar-track:#ececec; --scrollbar-thumb:#cfcfcf; }
/* Bluloco Light */
body.theme-bluloco-light { --bg:#f5f7ff; --text:#232c3d; --muted:#586a88; --panel-bg:#ffffff; --panel-border:#d8e1ff; --input-bg:#ffffff; --accent:#eef2ff; --border:#d8e1ff; --canvas-bg:#f5f7ff; --grid-minor:rgba(0,0,0,0.08); --grid-major:rgba(0,0,0,0.22); --axis:#307cff; --plot:#ff7a59; --hud-bg:rgba(255,255,255,0.92); --hud-text:#0b0e19; --scrollbar-track:#eef2ff; --scrollbar-thumb:#d8e1ff; }
/* Palenight */
body.theme-palenight { --bg:#292d3e; --text:#bfc7d5; --muted:#a6accd; --panel-bg:#31364a; --panel-border:#3b415a; --input-bg:#292d3e; --accent:#3b415a; --border:#3b415a; --canvas-bg:#292d3e; --grid-minor:rgba(191,199,213,0.14); --grid-major:rgba(191,199,213,0.32); --axis:#82aaff; --plot:#c3e88d; --hud-bg:rgba(0,0,0,0.60); --hud-text:#e6e6e6; --scrollbar-track:#31364a; --scrollbar-thumb:#3b415a; }
/* Tokyo Night */
body.theme-tokyo-night-dark { --bg:#1a1b26; --text:#c0caf5; --muted:#9aa5ce; --panel-bg:#1f2335; --panel-border:#2a2f4a; --input-bg:#1a1b26; --accent:#2a2f4a; --border:#2a2f4a; --canvas-bg:#1a1b26; --grid-minor:rgba(192,202,245,0.14); --grid-major:rgba(192,202,245,0.32); --axis:#7aa2f7; --plot:#bb9af7; --hud-bg:rgba(0,0,0,0.60); --hud-text:#e6e6e6; --scrollbar-track:#1f2335; --scrollbar-thumb:#2a2f4a; }
body.theme-tokyo-night-light { --bg:#d5d6db; --text:#222; --muted:#4a4f69; --panel-bg:#efeff4; --panel-border:#d0d1d7; --input-bg:#ffffff; --accent:#e2e2e7; --border:#d0d1d7; --canvas-bg:#d5d6db; --grid-minor:rgba(0,0,0,0.08); --grid-major:rgba(0,0,0,0.22); --axis:#34548a; --plot:#2e7de9; --hud-bg:rgba(255,255,255,0.92); --hud-text:#0b0e19; --scrollbar-track:#e2e2e7; --scrollbar-thumb:#cfcfcf; }
body.theme-tokyo-night-storm { --bg:#24283b; --text:#c0caf5; --muted:#9aa5ce; --panel-bg:#2a2f4a; --panel-border:#32395c; --input-bg:#24283b; --accent:#32395c; --border:#32395c; --canvas-bg:#24283b; --grid-minor:rgba(192,202,245,0.14); --grid-major:rgba(192,202,245,0.32); --axis:#7aa2f7; --plot:#c0caf5; --hud-bg:rgba(0,0,0,0.60); --hud-text:#e6e6e6; --scrollbar-track:#2a2f4a; --scrollbar-thumb:#32395c; }
/* Shades of Purple */
body.theme-shades-of-purple { --bg:#2d2b55; --text:#ffffff; --muted:#c7c7ff; --panel-bg:#322f6a; --panel-border:#3c3887; --input-bg:#2d2b55; --accent:#3c3887; --border:#3c3887; --canvas-bg:#2d2b55; --grid-minor:rgba(255,255,255,0.14); --grid-major:rgba(255,255,255,0.32); --axis:#fad000; --plot:#ff9d00; --hud-bg:rgba(0,0,0,0.60); --hud-text:#ffffff; --scrollbar-track:#322f6a; --scrollbar-thumb:#3c3887; }
/* Gruvbox */
body.theme-gruvbox-dark { --bg:#282828; --text:#ebdbb2; --muted:#bdae93; --panel-bg:#32302f; --panel-border:#3c3836; --input-bg:#282828; --accent:#3c3836; --border:#3c3836; --canvas-bg:#282828; --grid-minor:rgba(235,219,178,0.14); --grid-major:rgba(235,219,178,0.32); --axis:#83a598; --plot:#fabd2f; --hud-bg:rgba(0,0,0,0.60); --hud-text:#ebdbb2; --scrollbar-track:#32302f; --scrollbar-thumb:#3c3836; }
body.theme-gruvbox-light { --bg:#fbf1c7; --text:#3c3836; --muted:#7c6f64; --panel-bg:#ebdbb2; --panel-border:#d5c4a1; --input-bg:#ffffff; --accent:#e7d3a5; --border:#d5c4a1; --canvas-bg:#fbf1c7; --grid-minor:rgba(0,0,0,0.10); --grid-major:rgba(0,0,0,0.28); --axis:#076678; --plot:#b57614; --hud-bg:rgba(255,255,255,0.92); --hud-text:#0b0e19; --scrollbar-track:#ebdbb2; --scrollbar-thumb:#d5c4a1; }
/* Catppuccin */
body.theme-catppuccin-latte { --bg:#eff1f5; --text:#4c4f69; --muted:#6c6f85; --panel-bg:#e6e9ef; --panel-border:#dce0e8; --input-bg:#ffffff; --accent:#e6e9ef; --border:#dce0e8; --canvas-bg:#eff1f5; --grid-minor:rgba(0,0,0,0.10); --grid-major:rgba(0,0,0,0.28); --axis:#1e66f5; --plot:#fe640b; --hud-bg:rgba(255,255,255,0.92); --hud-text:#0b0e19; --scrollbar-track:#e6e9ef; --scrollbar-thumb:#dce0e8; }
body.theme-catppuccin-frappe { --bg:#303446; --text:#c6d0f5; --muted:#a5adce; --panel-bg:#3b3f53; --panel-border:#444a63; --input-bg:#303446; --accent:#444a63; --border:#444a63; --canvas-bg:#303446; --grid-minor:rgba(198,208,245,0.14); --grid-major:rgba(198,208,245,0.32); --axis:#8caaee; --plot:#a6d189; --hud-bg:rgba(0,0,0,0.60); --hud-text:#c6d0f5; --scrollbar-track:#3b3f53; --scrollbar-thumb:#444a63; }
body.theme-catppuccin-macchiato { --bg:#24273a; --text:#cad3f5; --muted:#a5adcb; --panel-bg:#2b2f45; --panel-border:#323855; --input-bg:#24273a; --accent:#323855; --border:#323855; --canvas-bg:#24273a; --grid-minor:rgba(202,211,245,0.14); --grid-major:rgba(202,211,245,0.32); --axis:#8aadf4; --plot:#a6da95; --hud-bg:rgba(0,0,0,0.60); --hud-text:#cad3f5; --scrollbar-track:#2b2f45; --scrollbar-thumb:#323855; }
body.theme-catppuccin-mocha { --bg:#1e1e2e; --text:#cdd6f4; --muted:#a6adc8; --panel-bg:#232337; --panel-border:#2b2b46; --input-bg:#1e1e2e; --accent:#2b2b46; --border:#2b2b46; --canvas-bg:#1e1e2e; --grid-minor:rgba(205,214,244,0.14); --grid-major:rgba(205,214,244,0.32); --axis:#89b4fa; --plot:#a6e3a1; --hud-bg:rgba(0,0,0,0.60); --hud-text:#cdd6f4; --scrollbar-track:#232337; --scrollbar-thumb:#2b2b46; }
/* Atom One */
body.theme-atom-one-dark { --bg:#282c34; --text:#abb2bf; --muted:#8c96a0; --panel-bg:#30343a; --panel-border:#3a3f46; --input-bg:#282c34; --accent:#3a3f46; --border:#3a3f46; --canvas-bg:#282c34; --grid-minor:rgba(171,178,191,0.14); --grid-major:rgba(171,178,191,0.32); --axis:#61afef; --plot:#e5c07b; --hud-bg:rgba(0,0,0,0.60); --hud-text:#e6e6e6; --scrollbar-track:#30343a; --scrollbar-thumb:#3a3f46; }
body.theme-atom-one-light { --bg:#fafafa; --text:#383a42; --muted:#6b717d; --panel-bg:#ffffff; --panel-border:#e5e5e5; --input-bg:#ffffff; --accent:#efefef; --border:#e5e5e5; --canvas-bg:#fafafa; --grid-minor:rgba(0,0,0,0.08); --grid-major:rgba(0,0,0,0.22); --axis:#4078f2; --plot:#986801; --hud-bg:rgba(255,255,255,0.92); --hud-text:#0b0e19; --scrollbar-track:#efefef; --scrollbar-thumb:#cfcfcf; }
/* Slack */
body.theme-slack { --bg:#3f0e40; --text:#ffffff; --muted:#d1c4e9; --panel-bg:#4a154b; --panel-border:#6d2c70; --input-bg:#3f0e40; --accent:#6d2c70; --border:#6d2c70; --canvas-bg:#3f0e40; --grid-minor:rgba(255,255,255,0.14); --grid-major:rgba(255,255,255,0.32); --axis:#36c5f0; --plot:#2eb67d; --hud-bg:rgba(0,0,0,0.60); --hud-text:#ffffff; --scrollbar-track:#4a154b; --scrollbar-thumb:#6d2c70; }
/* Hackr.io */
body.theme-hackr-io { --bg:#0b0f14; --text:#d3dae3; --muted:#9aa7b0; --panel-bg:#121720; --panel-border:#1a2230; --input-bg:#0b0f14; --accent:#1a2230; --border:#1a2230; --canvas-bg:#0b0f14; --grid-minor:rgba(211,218,227,0.14); --grid-major:rgba(211,218,227,0.32); --axis:#4aa5f0; --plot:#c3e88d; --hud-bg:rgba(0,0,0,0.60); --hud-text:#d3dae3; --scrollbar-track:#121720; --scrollbar-thumb:#1a2230; }
/* Linear */
body.theme-linear { --bg:#0e1013; --text:#e6e8eb; --muted:#a0a6b0; --panel-bg:#121418; --panel-border:#1a1d23; --input-bg:#0e1013; --accent:#1a1d23; --border:#1a1d23; --canvas-bg:#0e1013; --grid-minor:rgba(230,232,235,0.10); --grid-major:rgba(230,232,235,0.24); --axis:#7fc784; --plot:#a16ee8; --hud-bg:rgba(0,0,0,0.60); --hud-text:#e6e6e6; --scrollbar-track:#121418; --scrollbar-thumb:#1a1d23; }
/* Kimbie Dark */
body.theme-kimbie-dark {
--bg: #221a0f;
--text: #d3af86;
--muted: #b58b6a;
--panel-bg: #2a2116;
--panel-border: #3a2e20;
--input-bg: #221a0f;
--accent: #3a2e20;
--border: #3a2e20;
--canvas-bg: #221a0f;
--grid-minor: rgba(211, 175, 134, 0.14);
--grid-major: rgba(211, 175, 134, 0.32);
--axis: #8abbd0;
--plot: #d3af86;
--hud-bg: rgba(0,0,0,0.60);
--hud-text: #f2e2cf;
--scrollbar-track: #2a2116;
--scrollbar-thumb: #3a2e20;
}
/* Monokai Dimmed */
body.theme-monokai-dimmed {
--bg: #1f1f1f;
--text: #deded9;
--muted: #b8b8b2;
--panel-bg: #242424;
--panel-border: #333333;
--input-bg: #1f1f1f;
--accent: #2c2c2c;
--border: #333333;
--canvas-bg: #1f1f1f;
--grid-minor: rgba(222, 222, 217, 0.12);
--grid-major: rgba(222, 222, 217, 0.30);
--axis: #66d9ef;
--plot: #ffd866;
--hud-bg: rgba(0,0,0,0.60);
--hud-text: #f1f1f1;
--scrollbar-track: #242424;
--scrollbar-thumb: #333333;
}
/* Quiet Light */
body.theme-quiet-light {
--bg: #f5f5f5;
--text: #333333;
--muted: #6b717d;
--panel-bg: #ffffff;
--panel-border: #e5e5e5;
--input-bg: #ffffff;
--accent: #ececec;
--border: #dddddd;
--canvas-bg: #f5f5f5;
--grid-minor: rgba(0,0,0,0.08);
--grid-major: rgba(0,0,0,0.22);
--axis: #007acc;
--plot: #d19a66;
--hud-bg: rgba(255,255,255,0.92);
--hud-text: #0b0e19;
--scrollbar-track: #ececec;
--scrollbar-thumb: #cfcfcf;
}
/* Red */
body.theme-red {
--bg: #290000;
--text: #ffcccc;
--muted: #ff9e9e;
--panel-bg: #330000;
--panel-border: #5a1a1a;
--input-bg: #290000;
--accent: #3c0a0a;
--border: #5a1a1a;
--canvas-bg: #290000;
--grid-minor: rgba(255, 204, 204, 0.14);
--grid-major: rgba(255, 204, 204, 0.32);
--axis: #ff5555;
--plot: #ffb86c;
--hud-bg: rgba(0,0,0,0.60);
--hud-text: #ffeaea;
--scrollbar-track: #330000;
--scrollbar-thumb: #5a1a1a;
}
/* Dark (Visual Studio) */
body.theme-vs-dark {
--bg: #1e1e1e;
--text: #d4d4d4;
--muted: #b8c0dc;
--panel-bg: #2a2a2a;
--panel-border: #3c3c3c;
--input-bg: #1e1e1e;
--accent: #2d2d2d;
--border: #3c3c3c;
--canvas-bg: #1e1e1e;
--grid-minor: rgba(255,255,255,0.10);
--grid-major: rgba(255,255,255,0.25);
--axis: #569cd6;
--plot: #d7ba7d;
--hud-bg: rgba(0,0,0,0.70);
--hud-text: #e6e6e6;
--scrollbar-track: #2a2a2a;
--scrollbar-thumb: #3c3c3c;
}
/* Light (Visual Studio) */
body.theme-vs-light {
--bg: #ffffff;
--text: #333333;
--muted: #5b6070;
--panel-bg: #f3f3f3;
--panel-border: #e5e5e5;
--input-bg: #ffffff;
--accent: #eaeaea;
--border: #dcdcdc;
--canvas-bg: #ffffff;
--grid-minor: rgba(0,0,0,0.08);
--grid-major: rgba(0,0,0,0.25);
--axis: #007acc;
--plot: #e67e22;
--hud-bg: rgba(255,255,255,0.92);
--hud-text: #0b0e19;
--scrollbar-track: #eaeaea;
--scrollbar-thumb: #cfcfcf;
}
/* High Contrast */
body.theme-high-contrast {
--bg: #000000;
--text: #ffffff;
--muted: #e0e0e0;
--panel-bg: #000000;
--panel-border: #ffffff;
--input-bg: #000000;
--accent: #0f0f0f;
--border: #ffffff;
--canvas-bg: #000000;
--grid-minor: rgba(255,255,255,0.35);
--grid-major: rgba(255,255,255,0.75);
--axis: #ffffff;
--plot: #ffff00;
--hud-bg: rgba(0,0,0,0.85);
--hud-text: #ffffff;
--scrollbar-track: #0f0f0f;
--scrollbar-thumb: #5a5a5a;
}
/* High Contrast Light */
body.theme-high-contrast-light {
--bg: #ffffff;
--text: #000000;
--muted: #333333;
--panel-bg: #ffffff;
--panel-border: #000000;
--input-bg: #ffffff;
--accent: #f2f2f2;
--border: #000000;
--canvas-bg: #ffffff;
--grid-minor: rgba(0,0,0,0.35);
--grid-major: rgba(0,0,0,0.75);
--axis: #000000;
--plot: #0033cc;
--hud-bg: rgba(255,255,255,0.92);
--hud-text: #000000;
--scrollbar-track: #f2f2f2;
--scrollbar-thumb: #5a5a5a;
}
/* Dracula */
body.theme-dracula {
--bg: #282a36;
--text: #f8f8f2;
--muted: #bfbfd8;
--panel-bg: #2b2d3a;
--panel-border: #3a3d4d;
--input-bg: #282a36;
--accent: #343746;
--border: #3a3d4d;
--canvas-bg: #282a36;
--grid-minor: rgba(248, 248, 242, 0.12);
--grid-major: rgba(248, 248, 242, 0.30);
--axis: #8be9fd;
--plot: #ff79c6;
--hud-bg: rgba(0, 0, 0, 0.60);
--hud-text: #f8f8f2;
--scrollbar-track: #2b2d3a;
--scrollbar-thumb: #3a3d4d;
}
/* Gruvbox Dark */
body.theme-gruvbox-dark {
--bg: #282828;
--text: #ebdbb2;
--muted: #bdae93;
--panel-bg: #32302f;
--panel-border: #3c3836;
--input-bg: #282828;
--accent: #3c3836;
--border: #3c3836;
--canvas-bg: #282828;
--grid-minor: rgba(235, 219, 178, 0.14);
--grid-major: rgba(235, 219, 178, 0.32);
--axis: #83a598;
--plot: #fabd2f;
--hud-bg: rgba(0, 0, 0, 0.60);
--hud-text: #ebdbb2;
--scrollbar-track: #32302f;
--scrollbar-thumb: #3c3836;
}
/* Gruvbox Light */
body.theme-gruvbox-light {
--bg: #fbf1c7;
--text: #3c3836;
--muted: #7c6f64;
--panel-bg: #ebdbb2;
--panel-border: #d5c4a1;
--input-bg: #ffffff;
--accent: #e7d3a5;
--border: #d5c4a1;
--canvas-bg: #fbf1c7;
--grid-minor: rgba(0, 0, 0, 0.10);
--grid-major: rgba(0, 0, 0, 0.28);
--axis: #076678;
--plot: #b57614;
--hud-bg: rgba(255, 255, 255, 0.92);
--hud-text: #0b0e19;
--scrollbar-track: #ebdbb2;
--scrollbar-thumb: #d5c4a1;
}
/* Nord Dark */
body.theme-nord-dark {
--bg: #2e3440;
--text: #e5e9f0;
--muted: #d8dee9;
--panel-bg: #3b4252;
--panel-border: #434c5e;
--input-bg: #2e3440;
--accent: #3b4252;
--border: #434c5e;
--canvas-bg: #2e3440;
--grid-minor: rgba(229, 233, 240, 0.14);
--grid-major: rgba(229, 233, 240, 0.32);
--axis: #88c0d0;
--plot: #a3be8c;
--hud-bg: rgba(0, 0, 0, 0.60);
--hud-text: #e5e9f0;
--scrollbar-track: #3b4252;
--scrollbar-thumb: #434c5e;
}
/* One Dark */
body.theme-one-dark {
--bg: #282c34;
--text: #abb2bf;
--muted: #8c96a0;
--panel-bg: #30343a;
--panel-border: #3a3f46;
--input-bg: #282c34;
--accent: #3a3f46;
--border: #3a3f46;
--canvas-bg: #282c34;
--grid-minor: rgba(171, 178, 191, 0.14);
--grid-major: rgba(171, 178, 191, 0.32);
--axis: #61afef;
--plot: #e5c07b;
--hud-bg: rgba(0, 0, 0, 0.60);
--hud-text: #e6e6e6;
--scrollbar-track: #30343a;
--scrollbar-thumb: #3a3f46;
}