PageSourceSearch
Opt out API access

https://dashboard.scalar.com/assets/useTheme-DaTu-bWa.js

js scalar.com collected 2026-10-02 04:08:33 UTC 58,568 bytes, 1,746 lines download raw bytes 

1import{C as e,k as t}from"./reactivity.esm-bundler-koV5Nett.js";import{l as n,tt as r}from"./runtime-core.esm-bundler-Bq_AyBXb.js";import{f as i}from"./utility-BdRVuX0K.js";var a=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`,o=(e=21)=>{let t=``,n=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+=a[n[e]&63];return t},s=`/* Inter (--scalar-font) */
2/* cyrillic-ext */
3@font-face {
4  font-family: "Inter";
5  font-style: normal;
6  font-weight: 100 900;
7  font-display: swap;
8  src: url(https://fonts.scalar.com/inter-cyrillic-ext.woff2) format("woff2");
9  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
10}
11/* cyrillic */
12@font-face {
13  font-family: "Inter";
14  font-style: normal;
15  font-weight: 100 900;
16  font-display: swap;
17  src: url(https://fonts.scalar.com/inter-cyrillic.woff2) format("woff2");
18  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
19}
20/* greek-ext */
21@font-face {
22  font-family: "Inter";
23  font-style: normal;
24  font-weight: 100 900;
25  font-display: swap;
26  src: url(https://fonts.scalar.com/inter-greek-ext.woff2) format("woff2");
27  unicode-range: U+1F00-1FFF;
28}
29/* greek */
30@font-face {
31  font-family: "Inter";
32  font-style: normal;
33  font-weight: 100 900;
34  font-display: swap;
35  src: url(https://fonts.scalar.com/inter-greek.woff2) format("woff2");
36  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
37}
38/* vietnamese */
39@font-face {
40  font-family: "Inter";
41  font-style: normal;
42  font-weight: 100 900;
43  font-display: swap;
44  src: url(https://fonts.scalar.com/inter-vietnamese.woff2) format("woff2");
45  unicode-range:
46    U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
47    U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
48    U+0329, U+1EA0-1EF9, U+20AB;
49}
50/* latin-ext */
51@font-face {
52  font-family: "Inter";
53  font-style: normal;
54  font-weight: 100 900;
55  font-display: swap;
56  src: url(https://fonts.scalar.com/inter-latin-ext.woff2) format("woff2");
57  unicode-range:
58    U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
59    U+A720-A7FF;
60}
61/* latin */
62@font-face {
63  font-family: "Inter";
64  font-style: normal;
65  font-weight: 100 900;
66  font-display: swap;
67  src: url(https://fonts.scalar.com/inter-latin.woff2) format("woff2");
68  unicode-range:
69    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
70    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
71    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
72}
73
74/* keyboard symbols (←↑→↓↵⇧⇪⌘⌥) */
75@font-face {
76  font-family: "Inter";
77  font-style: normal;
78  font-weight: 100 900;
79  font-display: swap;
80  src: url(https://fonts.scalar.com/inter-symbols.woff2) format("woff2");
81  unicode-range: U+2190-2193, U+21B5, U+21E7, U+21EA, U+2318, U+2325;
82}
83
84/* JetBrains Mono (--scalar-font-code) */
85/* cyrillic-ext */
86@font-face {
87  font-family: "JetBrains Mono";
88  font-style: normal;
89  font-weight: 400;
90  src: url(https://fonts.scalar.com/mono-cyrillic-ext.woff2) format("woff2");
91  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
92}
93/* cyrillic */
94@font-face {
95  font-family: "JetBrains Mono";
96  font-style: normal;
97  font-weight: 400;
98  src: url(https://fonts.scalar.com/mono-cyrillic.woff2) format("woff2");
99  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
100}
101/* greek */
102@font-face {
103  font-family: "JetBrains Mono";
104  font-style: normal;
105  font-weight: 400;
106  src: url(https://fonts.scalar.com/mono-greek.woff2) format("woff2");
107  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
108}
109/* vietnamese */
110@font-face {
111  font-family: "JetBrains Mono";
112  font-style: normal;
113  font-weight: 400;
114  src: url(https://fonts.scalar.com/mono-vietnamese.woff2) format("woff2");
115  unicode-range:
116    U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
117    U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
118    U+0329, U+1EA0-1EF9, U+20AB;
119}
120/* latin-ext */
121@font-face {
122  font-family: "JetBrains Mono";
123  font-style: normal;
124  font-weight: 400;
125  src: url(https://fonts.scalar.com/mono-latin-ext.woff2) format("woff2");
126  unicode-range:
127    U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
128    U+A720-A7FF;
129}
130/* latin */
131@font-face {
132  font-family: "JetBrains Mono";
133  font-style: normal;
134  font-weight: 400;
135  src: url(https://fonts.scalar.com/mono-latin.woff2) format("woff2");
136  unicode-range:
137    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
138    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
139    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
140}
141`,c=Object.values({default:{uid:`qTQR9jSM8E-LihpyZzPOi`,name:`Default`,description:`Default Scalar theme`,theme:`/* basic theme */
142:root {
143  --scalar-text-decoration: underline;
144  --scalar-text-decoration-hover: underline;
145}
146.light-mode {
147  --scalar-background-1: #fff;
148  --scalar-background-2: #f6f6f6;
149  --scalar-background-3: #e7e7e7;
150  --scalar-background-accent: #8ab4f81f;
151
152  --scalar-color-1: #1b1b1b;
153  --scalar-color-2: #757575;
154  --scalar-color-3: #8e8e8e;
155
156  --scalar-color-accent: #0099ff;
157  --scalar-border-color: #dfdfdf;
158}
159.dark-mode {
160  --scalar-background-1: #0f0f0f;
161  --scalar-background-2: #1a1a1a;
162  --scalar-background-3: #272727;
163
164  --scalar-color-1: #e7e7e7;
165  --scalar-color-2: #a4a4a4;
166  --scalar-color-3: #797979;
167
168  --scalar-color-accent: #00aeff;
169  --scalar-background-accent: #3ea6ff1f;
170
171  --scalar-border-color: #2d2d2d;
172}
173/* Document Sidebar */
174.light-mode,
175.dark-mode {
176  --scalar-sidebar-background-1: var(--scalar-background-1);
177  --scalar-sidebar-color-1: var(--scalar-color-1);
178  --scalar-sidebar-color-2: var(--scalar-color-2);
179  --scalar-sidebar-border-color: var(--scalar-border-color);
180
181  --scalar-sidebar-item-hover-background: var(--scalar-background-2);
182  --scalar-sidebar-item-hover-color: var(--scalar-sidebar-color-2);
183
184  --scalar-sidebar-item-active-background: var(--scalar-background-2);
185  --scalar-sidebar-color-active: var(--scalar-sidebar-color-1);
186
187  --scalar-sidebar-indent-border: var(--scalar-sidebar-border-color);
188  --scalar-sidebar-indent-border-hover: var(--scalar-sidebar-border-color);
189  --scalar-sidebar-indent-border-active: var(--scalar-sidebar-border-color);
190
191  --scalar-sidebar-search-background: color-mix(in srgb, var(--scalar-background-2), var(--scalar-background-1));
192  --scalar-sidebar-search-color: var(--scalar-color-3);
193  --scalar-sidebar-search-border-color: var(--scalar-border-color);
194}
195/* advanced */
196.light-mode {
197  --scalar-color-green: #069061;
198  --scalar-color-red: #ef0006;
199  --scalar-color-yellow: #edbe20;
200  --scalar-color-blue: #0082d0;
201  --scalar-color-orange: #ff5800;
202  --scalar-color-purple: #5203d1;
203  --scalar-color-query: #007b80;
204
205  --scalar-link-color: var(--scalar-color-1);
206  --scalar-link-color-hover: var(--scalar-link-color);
207
208  --scalar-button-1: rgba(0, 0, 0, 1);
209  --scalar-button-1-hover: rgba(0, 0, 0, 0.8);
210  --scalar-button-1-color: #fff;
211
212  --scalar-tooltip-background: color-mix(in srgb, var(--scalar-background-1), transparent 10%);
213  --scalar-tooltip-color: var(--scalar-color-1);
214
215  --scalar-color-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-color-1) 20%);
216  --scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-color-1) 20%);
217
218  --scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%);
219  --scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%);
220}
221.dark-mode {
222  --scalar-color-green: #00b648;
223  --scalar-color-red: #dc1b19;
224  --scalar-color-yellow: #ffc90d;
225  --scalar-color-blue: #4eb3ec;
226  --scalar-color-orange: #ff8d4d;
227  --scalar-color-purple: #b191f9;
228  --scalar-color-query: #65d4cf;
229
230  --scalar-link-color: var(--scalar-color-1);
231  --scalar-link-color-hover: var(--scalar-link-color);
232
233  --scalar-button-1: rgba(255, 255, 255, 1);
234  --scalar-button-1-hover: rgba(255, 255, 255, 0.9);
235  --scalar-button-1-color: black;
236
237  --scalar-tooltip-background: color-mix(in srgb, var(--scalar-background-1), #fff 10%);
238  --scalar-tooltip-color: color-mix(in srgb, #fff, transparent 5%);
239
240  --scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 20%);
241
242  --scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%);
243  --scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%);
244}
245@supports (color: color(display-p3 1 1 1)) {
246  .light-mode {
247    --scalar-color-accent: color(display-p3 0 0.6 1 / 1);
248    --scalar-color-green: color(display-p3 0.023529 0.564706 0.380392 / 1);
249    --scalar-color-red: color(display-p3 0.937255 0 0.023529 / 1);
250    --scalar-color-yellow: color(display-p3 0.929412 0.745098 0.12549 / 1);
251    --scalar-color-blue: color(display-p3 0 0.509804 0.815686 / 1);
252    --scalar-color-orange: color(display-p3 1 0.4 0.02);
253    --scalar-color-purple: color(display-p3 0.321569 0.011765 0.819608 / 1);
254  }
255  .dark-mode {
256    --scalar-color-accent: color(display-p3 0.07 0.67 1);
257    --scalar-color-green: color(display-p3 0 0.713725 0.282353 / 1);
258    --scalar-color-red: color(display-p3 0.862745 0.105882 0.098039 / 1);
259    --scalar-color-yellow: color(display-p3 1 0.788235 0.05098 / 1);
260    --scalar-color-blue: color(display-p3 0.305882 0.701961 0.92549 / 1);
261    --scalar-color-orange: color(display-p3 1 0.552941 0.301961 / 1);
262    --scalar-color-purple: color(display-p3 0.694118 0.568627 0.976471 / 1);
263  }
264}
265`,slug:`default`},alternate:{uid:`2skUDSH4S8HYFF9yXysr-`,name:`Alternate`,description:`Alternate Scalar theme`,theme:`/* basic theme */
266:root {
267  --scalar-text-decoration: underline;
268  --scalar-text-decoration-hover: underline;
269}
270
271.dark-mode {
272  --scalar-background-1: #131313;
273  --scalar-background-2: #1d1d1d;
274  --scalar-background-3: #272727;
275  --scalar-background-card: #1d1d1d;
276
277  --scalar-color-1: rgba(255, 255, 255, 0.9);
278  --scalar-color-2: rgba(255, 255, 255, 0.62);
279  --scalar-color-3: rgba(255, 255, 255, 0.44);
280
281  --scalar-color-accent: var(--scalar-color-1);
282  --scalar-background-accent: var(--scalar-background-3);
283
284  --scalar-border-color: #2a2b2a;
285}
286
287.light-mode,
288.light-mode .dark-mode {
289  --scalar-background-1: #f9f9f9;
290  --scalar-background-2: #f1f1f1;
291  --scalar-background-3: #e7e7e7;
292  --scalar-background-card: #fff;
293
294  --scalar-color-1: #1b1b1b;
295  --scalar-color-2: #757575;
296  --scalar-color-3: #8e8e8e;
297
298  --scalar-color-accent: var(--scalar-color-1);
299  --scalar-background-accent: var(--scalar-background-3);
300
301  --scalar-border-color: rgba(0, 0, 0, 0.1);
302}
303
304/* Document Sidebar */
305.t-doc__sidebar {
306  --scalar-color-green: var(--scalar-color-1);
307  --scalar-color-red: var(--scalar-color-1);
308  --scalar-color-yellow: var(--scalar-color-1);
309  --scalar-color-blue: var(--scalar-color-1);
310  --scalar-color-orange: var(--scalar-color-1);
311  --scalar-color-purple: var(--scalar-color-1);
312  --scalar-color-query: var(--scalar-color-1);
313}
314
315.light-mode .t-doc__sidebar,
316.dark-mode .t-doc__sidebar {
317  --scalar-sidebar-background-1: var(--scalar-background-1);
318  --scalar-sidebar-color-1: var(--scalar-color-1);
319  --scalar-sidebar-color-2: var(--scalar-color-2);
320  --scalar-sidebar-border-color: var(--scalar-border-color);
321
322  --scalar-sidebar-item-hover-background: var(--scalar-background-2);
323  --scalar-sidebar-item-hover-color: currentColor;
324
325  --scalar-sidebar-item-active-background: var(--scalar-background-accent);
326  --scalar-sidebar-color-active: var(--scalar-color-accent);
327
328  --scalar-sidebar-search-background: transparent;
329  --scalar-sidebar-search-color: var(--scalar-color-3);
330  --scalar-sidebar-search-border-color: var(--scalar-border-color);
331}
332/* advanced */
333.light-mode .dark-mode,
334.light-mode {
335  --scalar-color-green: #069061;
336  --scalar-color-red: #ef0006;
337  --scalar-color-yellow: #edbe20;
338  --scalar-color-blue: #0082d0;
339  --scalar-color-orange: #fb892c;
340  --scalar-color-purple: #5203d1;
341  --scalar-color-query: #007b80;
342
343  --scalar-button-1: rgba(0, 0, 0, 1);
344  --scalar-button-1-hover: rgba(0, 0, 0, 0.8);
345  --scalar-button-1-color: #fff;
346}
347.dark-mode {
348  --scalar-color-green: #00b648;
349  --scalar-color-red: #dd2f2c;
350  --scalar-color-yellow: #ffc90d;
351  --scalar-color-blue: #4eb3ec;
352  --scalar-color-orange: #ff8d4d;
353  --scalar-color-purple: #b191f9;
354  --scalar-color-query: #65d4cf;
355
356  --scalar-button-1: rgba(255, 255, 255, 1);
357  --scalar-button-1-hover: rgba(255, 255, 255, 0.9);
358  --scalar-button-1-color: black;
359}
360
361.scalar-api-client__item,
362.scalar-card,
363.dark-mode .dark-mode.scalar-card {
364  --scalar-background-1: var(--scalar-background-card);
365  --scalar-background-2: var(--scalar-background-1);
366  --scalar-background-3: var(--scalar-background-1);
367}
368.dark-mode .dark-mode.scalar-card {
369  --scalar-background-3: var(--scalar-background-3);
370}
371
372.light-mode *::selection {
373  background-color: color-mix(in srgb, var(--scalar-color-blue), transparent 70%);
374}
375.dark-mode *::selection {
376  background-color: color-mix(in srgb, var(--scalar-color-blue), transparent 50%);
377}
378`,slug:`alternate`},moon:{uid:`DG9ZUNp5lJhDeX_kPX4Bl`,name:`Moon`,description:`Lunar styles`,theme:`.light-mode {
379  color-scheme: light;
380  --scalar-color-1: #000000;
381  --scalar-color-2: #000000;
382  --scalar-color-3: #000000;
383  --scalar-color-accent: #645b0f;
384  --scalar-background-1: #ccc9b3;
385  --scalar-background-2: #c2bfaa;
386  --scalar-background-3: #b8b5a1;
387  --scalar-background-accent: #000000;
388
389  --scalar-border-color: rgba(0, 0, 0, 0.2);
390  --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);
391  --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);
392  --scalar-lifted-brightness: 1;
393  --scalar-backdrop-brightness: 1;
394
395  --scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
396  --scalar-shadow-2:
397    rgba(0, 0, 0, 0.08) 0px 13px 20px 0px, rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--scalar-border-color) 0px 0 0 1px;
398
399  --scalar-button-1: rgb(49 53 56);
400  --scalar-button-1-color: #fff;
401  --scalar-button-1-hover: rgb(28 31 33);
402
403  --scalar-color-red: #b91c1c;
404  --scalar-color-orange: #a16207;
405  --scalar-color-green: #047857;
406  --scalar-color-blue: #1d4ed8;
407  --scalar-color-orange: #c2410c;
408  --scalar-color-purple: #6d28d9;
409  --scalar-color-query: #0f766e;
410}
411
412.dark-mode {
413  color-scheme: dark;
414  --scalar-color-1: #fffef3;
415  --scalar-color-2: #fffef3;
416  --scalar-color-3: #fffef3;
417  --scalar-color-accent: #c3b531;
418  --scalar-background-1: #313332;
419  --scalar-background-2: #393b3a;
420  --scalar-background-3: #414342;
421  --scalar-background-accent: #fffef3;
422
423  --scalar-border-color: #505452;
424  --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);
425  --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);
426  --scalar-lifted-brightness: 1.45;
427  --scalar-backdrop-brightness: 0.5;
428
429  --scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
430  --scalar-shadow-2:
431    rgba(15, 15, 15, 0.2) 0px 3px 6px, rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);
432
433  --scalar-button-1: #f6f6f6;
434  --scalar-button-1-color: #000;
435  --scalar-button-1-hover: #e7e7e7;
436
437  --scalar-color-green: #00b648;
438  --scalar-color-red: #dc1b19;
439  --scalar-color-yellow: #ffc90d;
440  --scalar-color-blue: #4eb3ec;
441  --scalar-color-orange: #ff8d4d;
442  --scalar-color-purple: #b191f9;
443  --scalar-color-query: #5eead4;
444}
445
446/* Sidebar */
447.light-mode .t-doc__sidebar,
448.dark-mode .t-doc__sidebar {
449  --scalar-sidebar-background-1: var(--scalar-background-1);
450  --scalar-sidebar-color-1: var(--scalar-color-1);
451  --scalar-sidebar-color-2: var(--scalar-color-2);
452  --scalar-sidebar-border-color: var(--scalar-border-color);
453
454  --scalar-sidebar-item-hover-background: var(--scalar-background-2);
455  --scalar-sidebar-item-hover-color: currentColor;
456
457  --scalar-sidebar-item-active-background: var(--scalar-background-3);
458  --scalar-sidebar-color-active: var(--scalar-color-1);
459
460  --scalar-sidebar-search-background: transparent;
461  --scalar-sidebar-search-color: var(--scalar-color-3);
462  --scalar-sidebar-search-border-color: var(--scalar-border-color);
463}
464*::selection {
465  background-color: color-mix(in srgb, var(--scalar-color-accent), transparent 80%);
466}
467`,slug:`moon`},purple:{uid:`pE_1ysxcZ-y2LM1GGNBUv`,name:`Purple`,description:`Purple Scalar

467 theme`,theme:`/* basic theme */
468.light-mode {
469  --scalar-background-1: #fff;
470  --scalar-background-2: #f5f6f8;
471  --scalar-background-3: #eceef1;
472
473  --scalar-color-1: #1b1b1b;
474  --scalar-color-2: #757575;
475  --scalar-color-3: #8e8e8e;
476
477  --scalar-color-accent: #5469d4;
478  --scalar-background-accent: #5469d41f;
479
480  --scalar-border-color: rgba(215, 215, 206, 0.68);
481}
482.dark-mode {
483  --scalar-background-1: #15171c;
484  --scalar-background-2: #1c1e24;
485  --scalar-background-3: #22252b;
486
487  --scalar-color-1: #fafafa;
488  --scalar-color-2: #c9ced8;
489  --scalar-color-3: #8c99ad;
490
491  --scalar-color-accent: #5469d4;
492  --scalar-background-accent: #5469d41f;
493
494  --scalar-border-color: #3f4145;
495}
496/* Document Sidebar */
497.light-mode .t-doc__sidebar,
498.dark-mode .t-doc__sidebar {
499  --scalar-sidebar-background-1: var(--scalar-background-1);
500  --scalar-sidebar-color-1: var(--scalar-color-1);
501  --scalar-sidebar-color-2: var(--scalar-color-2);
502  --scalar-sidebar-border-color: var(--scalar-border-color);
503
504  --scalar-sidebar-item-hover-color: currentColor;
505  --scalar-sidebar-item-hover-background: var(--scalar-background-3);
506
507  --scalar-sidebar-item-active-background: var(--scalar-background-accent);
508  --scalar-sidebar-color-active: var(--scalar-color-accent);
509
510  --scalar-sidebar-search-background: var(--scalar-background-1);
511  --scalar-sidebar-search-color: var(--scalar-color-3);
512  --scalar-sidebar-search-border-color: var(--scalar-border-color);
513}
514
515/* advanced */
516.light-mode {
517  --scalar-color-green: #17803d;
518  --scalar-color-red: #e10909;
519  --scalar-color-yellow: #edbe20;
520  --scalar-color-blue: #1763a6;
521  --scalar-color-orange: #e25b09;
522  --scalar-color-purple: #5c3993;
523  --scalar-color-query: #147873;
524
525  --scalar-button-1: rgba(0, 0, 0, 1);
526  --scalar-button-1-hover: rgba(0, 0, 0, 0.8);
527  --scalar-button-1-color: #fff;
528}
529.dark-mode {
530  --scalar-color-green: #30a159;
531  --scalar-color-red: #dc1b19;
532  --scalar-color-yellow: #eec644;
533  --scalar-color-blue: #2b7abf;
534  --scalar-color-orange: #f07528;
535  --scalar-color-purple: #7a59b1;
536  --scalar-color-query: #4ac6b7;
537
538  --scalar-button-1: rgba(255, 255, 255, 1);
539  --scalar-button-1-hover: rgba(255, 255, 255, 0.9);
540  --scalar-button-1-color: black;
541}
542.light-mode *::selection {
543  background-color: color-mix(in srgb, var(--scalar-color-accent), transparent 70%);
544}
545.dark-mode *::selection {
546  background-color: color-mix(in srgb, var(--scalar-color-accent), transparent 50%);
547}
548`,slug:`purple`},solarized:{uid:`BdGVG1vf-4nYl3wJKyj8l`,name:`Solarized`,description:`Solarized Scalar theme`,theme:`.light-mode {
549  color-scheme: light;
550  --scalar-color-1: #584c27;
551  --scalar-color-2: #616161;
552  --scalar-color-3: #a89f84;
553  --scalar-color-accent: #b58900;
554  --scalar-background-1: #fdf6e3;
555  --scalar-background-2: #eee8d5;
556  --scalar-background-3: #ddd6c1;
557  --scalar-background-accent: #b589001f;
558
559  --scalar-border-color: #ded8c8;
560  --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);
561  --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);
562  --scalar-lifted-brightness: 1;
563  --scalar-backdrop-brightness: 1;
564
565  --scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
566  --scalar-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px, rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;
567
568  --scalar-button-1: rgb(49 53 56);
569  --scalar-button-1-color: #fff;
570  --scalar-button-1-hover: rgb(28 31 33);
571
572  --scalar-color-red: #b91c1c;
573  --scalar-color-orange: #a16207;
574  --scalar-color-green: #047857;
575  --scalar-color-blue: #1d4ed8;
576  --scalar-color-orange: #c2410c;
577  --scalar-color-purple: #6d28d9;
578  --scalar-color-query: #007f78;
579}
580
581.dark-mode {
582  color-scheme: dark;
583  --scalar-color-1: #fff;
584  --scalar-color-2: #cccccc;
585  --scalar-color-3: #6d8890;
586  --scalar-color-accent: #007acc;
587  --scalar-background-1: #00212b;
588  --scalar-background-2: #012b36;
589  --scalar-background-3: #004052;
590  --scalar-background-accent: #015a6f;
591
592  --scalar-border-color: #2f4851;
593  --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);
594  --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);
595  --scalar-lifted-brightness: 1.45;
596  --scalar-backdrop-brightness: 0.5;
597
598  --scalar-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);
599  --scalar-shadow-2:
600    rgba(15, 15, 15, 0.2) 0px 3px 6px, rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);
601
602  --scalar-button-1: #f6f6f6;
603  --scalar-button-1-color: #000;
604  --scalar-button-1-hover: #e7e7e7;
605
606  --scalar-color-green: #00b648;
607  --scalar-color-red: #dc1b19;
608  --scalar-color-yellow: #ffc90d;
609  --scalar-color-blue: #4eb3ec;
610  --scalar-color-orange: #ff8d4d;
611  --scalar-color-purple: #b191f9;
612  --scalar-color-query: #7bdac7;
613}
614
615/* Sidebar */
616.light-mode .t-doc__sidebar {
617  --scalar-sidebar-background-1: var(--scalar-background-1);
618  --scalar-sidebar-item-hover-color: currentColor;
619  --scalar-sidebar-item-hover-background: var(--scalar-background-2);
620  --scalar-sidebar-item-active-background: var(--scalar-background-accent);
621  --scalar-sidebar-border-color: var(--scalar-border-color);
622  --scalar-sidebar-color-1: var(--scalar-color-1);
623  --scalar-sidebar-color-2: var(--scalar-color-2);
624  --scalar-sidebar-color-active: var(--scalar-color-accent);
625  --scalar-sidebar-search-background: var(--scalar-background-2);
626  --scalar-sidebar-search-border-color: var(--scalar-sidebar-search-background);
627  --scalar-sidebar-search--color: var(--scalar-color-3);
628}
629
630.dark-mode .t-doc__sidebar {
631  --scalar-sidebar-background-1: var(--scalar-background-1);
632  --scalar-sidebar-item-hover-color: currentColor;
633  --scalar-sidebar-item-hover-background: var(--scalar-background-2);
634  --scalar-sidebar-item-active-background: var(--scalar-background-accent);
635  --scalar-sidebar-border-color: var(--scalar-border-color);
636  --scalar-sidebar-color-1: var(--scalar-color-1);
637  --scalar-sidebar-color-2: var(--scalar-color-2);
638  --scalar-sidebar-color-active: var(--scalar-sidebar-color-1);
639  --scalar-sidebar-search-background: var(--scalar-background-2);
640  --scalar-sidebar-search-border-color: var(--scalar-sidebar-search-background);
641  --scalar-sidebar-search--color: var(--scalar-color-3);
642}
643*::selection {
644  background-color: color-mix(in srgb, var(--scalar-color-accent), transparent 70%);
645}
646`,slug:`solarized`},bluePlanet:{uid:`X12IfAvl7ue-42V2lW40S`,name:`Blue Planet`,description:`Blue Planet Scalar theme`,theme:`/* basic theme */
647:root {
648  --scalar-text-decoration: underline;
649  --scalar-text-decoration-hover: underline;
650}
651.light-mode {
652  --scalar-background-1: #f0f2f5;
653  --scalar-background-2: #eaecf0;
654  --scalar-background-3: #e0e2e6;
655  --scalar-border-color: rgb(213 213 213);
656
657  --scalar-color-1: rgb(9, 9, 11);
658  --scalar-color-2: rgb(113, 113, 122);
659  --scalar-color-3: rgba(25, 25, 28, 0.5);
660
661  --scalar-color-accent: var(--scalar-color-1);
662  --scalar-background-accent: #8ab4f81f;
663}
664.light-mode .scalar-card.dark-mode,
665.dark-mode {
666  --scalar-background-1: #000e23;
667  --scalar-background-2: #01132e;
668  --scalar-background-3: #03193b;
669  --scalar-border-color: #2e394c;
670
671  --scalar-color-1: #fafafa;
672  --scalar-color-2: rgb(161, 161, 170);
673  --scalar-color-3: rgba(255, 255, 255, 0.533);
674
675  --scalar-color-accent: var(--scalar-color-1);
676  --scalar-background-accent: #8ab4f81f;
677
678  --scalar-code-language-color-supersede: var(--scalar-color-1);
679}
680/* Document Sidebar */
681.light-mode .t-doc__sidebar,
682.dark-mode .t-doc__sidebar {
683  --scalar-sidebar-background-1: var(--scalar-background-1);
684  --scalar-sidebar-color-1: var(--scalar-color-1);
685  --scalar-sidebar-color-2: var(--scalar-color-2);
686  --scalar-sidebar-border-color: var(--scalar-border-color);
687
688  --scalar-sidebar-item-hover-background: var(--scalar-background-2);
689  --scalar-sidebar-item-hover-color: currentColor;
690
691  --scalar-sidebar-item-active-background: var(--scalar-background-3);
692  --scalar-sidebar-color-active: var(--scalar-color-accent);
693
694  --scalar-sidebar-search-background: rgba(255, 255, 255, 0.1);
695  --scalar-sidebar-search-border-color: var(--scalar-border-color);
696  --scalar-sidebar-search-color: var(--scalar-color-3);

697  z-index: 1;
698}
699.light-mode .t-doc__sidebar {
700  --scalar-sidebar-search-background: white;
701}
702/* advanced */
703.light-mode {
704  --scalar-color-green: #069061;
705  --scalar-color-red: #ef0006;
706  --scalar-color-yellow: #edbe20;
707  --scalar-color-blue: #0082d0;
708  --scalar-color-orange: #fb892c;
709  --scalar-color-purple: #5203d1;
710  --scalar-color-query: #007b80;
711
712  --scalar-button-1: rgba(0, 0, 0, 1);
713  --scalar-button-1-hover: rgba(0, 0, 0, 0.8);
714  --scalar-button-1-color: #fff;
715}
716.dark-mode {
717  --scalar-color-green: rgba(69, 255, 165, 0.823);
718  --scalar-color-red: #ff8589;
719  --scalar-color-yellow: #ffcc4d;
720  --scalar-color-blue: #6bc1fe;
721  --scalar-color-orange: #f98943;
722  --scalar-color-purple: #b191f9;
723  --scalar-color-query: #79e2da;
724
725  --scalar-button-1: rgba(255, 255, 255, 1);
726  --scalar-button-1-hover: rgba(255, 255, 255, 0.9);
727  --scalar-button-1-color: black;
728}
729/* Custom theme */
730/* Document header */
731@keyframes headerbackground {
732  from {
733    background: transparent;
734    backdrop-filter: none;
735  }
736  to {
737    background: var(--scalar-header-background-1);
738    backdrop-filter: blur(12px);
739  }
740}
741
742.light-mode .t-doc__header,
743.dark-mode .t-doc__header {
744  animation: headerbackground forwards;
745  animation-timeline: scroll();
746  animation-range: 0px 200px;
747}
748
749/* Document Layout */
750.dark-mode .t-doc .layout-content {
751  background: transparent;
752}
753
754.dark-mode h2.t-editor__heading,
755.dark-mode .t-editor__page-title h1,
756.dark-mode h1.section-header:not(::selection),
757.dark-mode .markdown h1,
758.dark-mode .markdown h2,
759.dark-mode .markdown h3,
760.dark-mode .markdown h4,
761.dark-mode .markdown h5,
762.dark-mode .markdown h6 {
763  -webkit-text-fill-color: transparent;
764  background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.38));
765  -webkit-background-clip: text;
766  background-clip: text;
767}
768/* Hero Section Flare */
769.section-flare-item:nth-of-type(1) {
770  --c1: #ffffff;
771  --c2: #babfd8;
772  --c3: #2e8bb2;
773  --c4: #1a8593;
774  --c5: #0a143e;
775  --c6: #0a0f52;
776  --c7: #2341b8;
777
778  --solid: var(--c1), var(--c2), var(--c3), var(--c4), var(--c5), var(--c6), var(--c7);
779  --solid-wrap: var(--solid), var(--c1);
780  --trans:
781    var(--c1), transparent, var(--c2), transparent, var(--c3),
782    transparent, var(--c4), transparent, var(--c5), transparent, var(--c6),
783    transparent, var(--c7);
784  --trans-wrap: var(--trans), transparent, var(--c1);
785
786  background:
787    radial-gradient(circle, var(--trans)), conic-gradient(from 180deg, var(--trans-wrap)),
788    radial-gradient(circle, var(--trans)), conic-gradient(var(--solid-wrap));
789  width: 70vw;
790  height: 700px;
791  border-radius: 50%;
792  filter: blur(100px);
793  z-index: 0;
794  right: 0;
795  position: absolute;
796  transform: rotate(-45deg);
797  top: -300px;
798  opacity: 0.3;
799}
800.section-flare-item:nth-of-type(3) {
801  --star-color: #6b9acc;
802  --star-color2: #446b8d;
803  --star-color3: #3e5879;
804  background-image:
805    radial-gradient(2px 2px at 20px 30px, var(--star-color2), rgba(0, 0, 0, 0)),
806    radial-gradient(2px 2px at 40px 70px, var(--star-color), rgba(0, 0, 0, 0)),
807    radial-gradient(2px 2px at 50px 160px, var(--star-color3), rgba(0, 0, 0, 0)),
808    radial-gradient(2px 2px at 90px 40px, var(--star-color), rgba(0, 0, 0, 0)),
809    radial-gradient(2px 2px at 130px 80px, var(--star-color), rgba(0, 0, 0, 0)),
810    radial-gradient(2px 2px at 160px 120px, var(--star-color3), rgba(0, 0, 0, 0));
811  background-repeat: repeat;
812  background-size: 200px 200px;
813  width: 100%;
814  height: 100%;
815  mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);
816}
817.section-flare {
818  top: -150px !important;
819  height: 100vh;
820  background: linear-gradient(#000, var(--scalar-background-1));
821  width: 100vw;
822  overflow-x: hidden;
823}
824.light-mode .section-flare {
825  display: none;
826}
827.light-mode .scalar-card {
828  --scalar-background-1: #fff;
829  --scalar-background-2: #fff;
830  --scalar-background-3: #fff;
831}
832
833*::selection {
834  background-color: color-mix(in srgb, var(--scalar-color-blue), transparent 60%);
835}
836
837@media (max-width: 1000px) {
838  .light-mode .t-doc__sidebar,
839  .dark-mode .t-doc__sidebar {
840    --scalar-sidebar-background-1: var(--scalar-background-1);
841  }
842  .light-mode .t-doc__header,
843  .dark-mode .t-doc__header {
844    animation: none;
845    background: var(--scalar-header-background-1);
846    backdrop-filter: blur(12px);
847  }
848}
849`,slug:`blue-planet`},deepSpace:{uid:`K8b38NWQiicq4-zXGXKdI`,name:`Deep Space`,description:`Deep Space Scalar theme`,theme:`/* basic theme */
850:root {
851  --scalar-text-decoration: underline;
852  --scalar-text-decoration-hover: underline;
853}
854.light-mode {
855  --scalar-color-1: rgb(9, 9, 11);
856  --scalar-color-2: rgb(113, 113, 122);
857  --scalar-color-3: rgba(25, 25, 28, 0.5);
858  --scalar-color-accent: var(--scalar-color-1);
859
860  --scalar-background-1: #fff;
861  --scalar-background-2: #f4f4f5;
862  --scalar-background-3: #e3e3e6;
863  --scalar-background-accent: #8ab4f81f;
864
865  --scalar-border-color: rgb(228, 228, 231);
866  --scalar-code-language-color-supersede: var(--scalar-color-1);
867}
868.dark-mode {
869  --scalar-color-1: #fafafa;
870  --scalar-color-2: rgb(161, 161, 170);
871  --scalar-color-3: rgba(255, 255, 255, 0.533);
872  --scalar-color-accent: var(--scalar-color-1);
873
874  --scalar-background-1: #09090b;
875  --scalar-background-2: #18181b;
876  --scalar-background-3: #2c2c30;
877  --scalar-background-accent: #8ab4f81f;
878
879  --scalar-border-color: rgba(255, 255, 255, 0.16);
880  --scalar-code-language-color-supersede: var(--scalar-color-1);
881}
882
883/* Document Sidebar */
884.light-mode .t-doc__sidebar,
885.dark-mode .t-doc__sidebar {
886  --scalar-sidebar-background-1: var(--scalar-background-1);
887  --scalar-sidebar-color-1: var(--scalar-color-1);
888  --scalar-sidebar-color-2: var(--scalar-color-2);
889  --scalar-sidebar-border-color: var(--scalar-border-color);
890
891  --scalar-sidebar-item-hover-color: currentColor;
892  --scalar-sidebar-item-hover-background: var(--scalar-background-2);
893
894  --scalar-sidebar-item-active-background: var(--scalar-background-3);
895  --scalar-sidebar-color-active: var(--scalar-color-accent);
896
897  --scalar-sidebar-search-background: transparent;
898  --scalar-sidebar-search-border-color: var(--scalar-border-color);
899  --scalar-sidebar-search-color: var(--scalar-color-3);
900}
901.light-mode .t-doc__sidebar {
902  --scalar-sidebar-item-active-background: var(--scalar-background-2);
903}
904/* advanced */
905.light-mode {
906  --scalar-color-green: #069061;
907  --scalar-color-red: #ef0006;
908  --scalar-color-yellow: #edbe20;
909  --scalar-color-blue: #0082d0;
910  --scalar-color-orange: #fb892c;
911  --scalar-color-purple: #5203d1;
912  --scalar-color-query: #007b80;
913
914  --scalar-button-1: rgba(0, 0, 0, 1);
915  --scalar-button-1-hover: rgba(0, 0, 0, 0.8);
916  --scalar-button-1-color: #fff;
917}
918.dark-mode {
919  --scalar-color-green: rgba(69, 255, 165, 0.823);
920  --scalar-color-red: #ff8589;
921  --scalar-color-yellow: #ffcc4d;
922  --scalar-color-blue: #6bc1fe;
923  --scalar-color-orange: #f98943;
924  --scalar-color-purple: #b191f9;
925  --scalar-color-query: #79e2da;
926
927  --scalar-button-1: rgba(255, 255, 255, 1);
928  --scalar-button-1-hover: rgba(255, 255, 255, 0.9);
929  --scalar-button-1-color: black;
930}
931/* Custom theme */
932.dark-mode h2.t-editor__heading,
933.dark-mode .t-editor__page-title h1,
934.dark-mode h1.section-header:not(::selection),
935.dark-mode .markdown h1,
936.dark-mode .markdown h2,
937.dark-mode .markdown h3,
938.dark-mode .markdown h4,
939.dark-mode .markdown h5,
940.dark-mode .markdown h6 {
941  -webkit-text-fill-color: transparent;
942  background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.38));
943  -webkit-background-clip: text;
944  background-clip: text;
945}
946.examples .scalar-card-footer {
947  --scalar-background-3: transparent;
948  padding-top: 0;
949}
950/* Hero section flare */
951.section-flare {
952  width: 100vw;
953  height: 550px;
954  position: absolute;
955}
956.section-flare-item:nth-of-type(1) {
957  position: absolute;
958  width: 100vw;
959  height: 550px;
960  --stripesDark: repeating-linear-gradient(100deg, #000 0%, #000 7%, transparent 10%, transparent 12%, #000 16%);
961  --rainbow: repeating-linear-gradient(100deg, #fff 10%, #fff 16%, #fff 22%, #fff 30%);
962  background-image: var(--stripesDark), var(--rainbow);
963  background-size: 300%, 200%;
964  background-position:
965    50% 50%,
966    50% 50%;
967  filter: invert(100%);
968  -webkit-mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);
969  mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);
970  pointer-events: none;
971  opacity: 0.07;
972}
973.dark-mode .section-flare-item:nth-of-type(1) {
974  background-image: var(--stripesDark), var(--rainbow);
975  filter: opacity(50%) saturate(200%);
976  opacity: 0.25;
977  height: 350px;
978}
979.section-flare-item:nth-of-type(1):after {

980  content: "";
981  position: absolute;
982  top: 0;
983  right: 0;
984  bottom: 0;
985  left: 0;
986  background-image: var(--stripesDark), var(--rainbow);
987  background-size: 200%, 100%;
988  background-attachment: fixed;
989  mix-blend-mode: difference;
990}
991.dark-mode .section-flare:after {
992  background-image: var(--stripesDark), var(--rainbow);
993}
994.section-flare-item:nth-of-type(2) {
995  --star-color: #fff;
996  --star-color2: #fff;
997  --star-color3: #fff;
998  width: 100%;
999  height: 100%;
1000  position: absolute;
1001  background-image:
1002    radial-gradient(2px 2px at 20px 30px, var(--star-color2), rgba(0, 0, 0, 0)),
1003    radial-gradient(2px 2px at 40px 70px, var(--star-color), rgba(0, 0, 0, 0)),
1004    radial-gradient(2px 2px at 50px 160px, var(--star-color3), rgba(0, 0, 0, 0)),
1005    radial-gradient(2px 2px at 90px 40px, var(--star-color), rgba(0, 0, 0, 0)),
1006    radial-gradient(2px 2px at 130px 80px, var(--star-color), rgba(0, 0, 0, 0)),
1007    radial-gradient(2px 2px at 160px 120px, var(--star-color3), rgba(0, 0, 0, 0));
1008  background-repeat: repeat;
1009  background-size: 200px 200px;
1010  mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);
1011  opacity: 0.2;
1012}
1013.light-mode *::selection {
1014  background-color: color-mix(in srgb, var(--scalar-color-blue), transparent 70%);
1015}
1016.dark-mode *::selection {
1017  background-color: color-mix(in srgb, var(--scalar-color-blue), transparent 50%);
1018}
1019
1020/* document header */
1021.light-mode .t-doc__header,
1022.dark-mode .t-doc__header {
1023  animation: headerbackground forwards;
1024  animation-timeline: scroll();
1025  animation-range: 0px 200px;
1026}
1027@keyframes headerbackground {
1028  from {
1029    background: transparent;
1030    backdrop-filter: none;
1031  }
1032  to {
1033    background: var(--scalar-header-background-1);
1034    backdrop-filter: blur(12px);
1035  }
1036}
1037/* remove flare on safari to prevent dropped frames on scroll */
1038@supports (-webkit-hyphens: none) {
1039  .section-flare {
1040    display: none;
1041  }
1042}
1043
1044/* document background */
1045.light-mode .t-doc .layout-content,
1046.dark-mode .t-doc .layout-content {
1047  background: transparent;
1048}
1049`,slug:`deep-space`},saturn:{uid:`1jyAjmbIZQG-RUU4Ugk9o`,name:`Saturn`,description:`Saturn Scalar theme`,theme:`/* basic theme */
1050.light-mode {
1051  --scalar-background-1: #f3f3ee;
1052  --scalar-background-2: #e8e8e3;
1053  --scalar-background-3: #e4e4df;
1054  --scalar-border-color: rgba(215, 215, 206, 0.85);
1055
1056  --scalar-color-1: #1b1b1b;
1057  --scalar-color-2: #757575;
1058  --scalar-color-3: #8e8e8e;
1059
1060  --scalar-color-accent: #1763a6;
1061  --scalar-background-accent: #1f648e1f;
1062}
1063.dark-mode {
1064  --scalar-background-1: #09090b;
1065  --scalar-background-2: #18181b;
1066  --scalar-background-3: #2c2c30;
1067  --scalar-border-color: rgba(255, 255, 255, 0.17);
1068
1069  --scalar-color-1: #fafafa;
1070  --scalar-color-2: rgb(161, 161, 170);
1071  --scalar-color-3: rgba(255, 255, 255, 0.533);
1072
1073  --scalar-color-accent: #4eb3ec;
1074  --scalar-background-accent: #8ab4f81f;
1075}
1076/* Document Sidebar */
1077.light-mode .t-doc__sidebar,
1078.dark-mode .t-doc__sidebar {
1079  --scalar-sidebar-background-1: var(--scalar-background-1);
1080  --scalar-sidebar-color-1: var(--scalar-color-1);
1081  --scalar-sidebar-color-2: var(--scalar-color-2);
1082  --scalar-sidebar-border-color: var(--scalar-border-color);
1083
1084  --scalar-sidebar-item-hover-background: var(--scalar-background-2);
1085  --scalar-sidebar-item-hover-color: currentColor;
1086
1087  --scalar-sidebar-item-active-background: var(--scalar-background-3);
1088  --scalar-sidebar-color-active: var(--scalar-color-1);
1089
1090  --scalar-sidebar-search-background: var(--scalar-background-1);
1091  --scalar-sidebar-search-border-color: var(--scalar-border-color);
1092  --scalar-sidebar-search-color: var(--scalar-color-3);
1093}
1094
1095/* advanced */
1096.light-mode {
1097  --scalar-color-green: #17803d;
1098  --scalar-color-red: #e10909;
1099  --scalar-color-yellow: #edbe20;
1100  --scalar-color-blue: #1763a6;
1101  --scalar-color-orange: #e25b09;
1102  --scalar-color-purple: #5c3993;
1103  --scalar-color-query: #147873;
1104
1105  --scalar-button-1: rgba(0, 0, 0, 1);
1106  --scalar-button-1-hover: rgba(0, 0, 0, 0.8);
1107  --scalar-button-1-color: #fff;
1108}
1109.dark-mode {
1110  --scalar-color-green: #30a159;
1111  --scalar-color-red: #dc1b19;
1112  --scalar-color-yellow: #eec644;
1113  --scalar-color-blue: #2b7abf;
1114  --scalar-color-orange: #f07528;
1115  --scalar-color-purple: #7a59b1;
1116  --scalar-color-query: #4ac6b7;
1117
1118  --scalar-button-1: rgba(255, 255, 255, 1);
1119  --scalar-button-1-hover: rgba(255, 255, 255, 0.9);
1120  --scalar-button-1-color: black;
1121}
1122.dark-mode h2.t-editor__heading,
1123.dark-mode .t-editor__page-title h1,
1124.dark-mode h1.section-header:not(::selection),
1125.dark-mode .markdown h1,
1126.dark-mode .markdown h2,
1127.dark-mode .markdown h3,
1128.dark-mode .markdown h4,
1129.dark-mode .markdown h5,
1130.dark-mode .markdown h6 {
1131  -webkit-text-fill-color: transparent;
1132  background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.38));
1133  -webkit-background-clip: text;
1134  background-clip: text;
1135}
1136.light-mode *::selection {
1137  background-color: color-mix(in srgb, var(--scalar-color-accent), transparent 70%);
1138}
1139.dark-mode *::selection {
1140  background-color: color-mix(in srgb, var(--scalar-color-accent), transparent 50%);
1141}
1142`,slug:`saturn`}

1142,kepler:{uid:`jZ6dnWbtqQ0Hz3s9jLPH0`,name:`Kepler-11e`,description:`Kepler-11e Scalar theme`,theme:`/* basic theme */
1143.light-mode {
1144  --scalar-color-1: #1b1b1b;
1145  --scalar-color-2: #757575;
1146  --scalar-color-3: #8e8e8e;
1147  --scalar-color-accent: #7070ff;
1148
1149  --scalar-background-1: #fff;
1150  --scalar-background-2: #f6f6f6;
1151  --scalar-background-3: #e7e7e7;
1152  --scalar-background-accent: #7070ff1f;
1153
1154  --scalar-border-color: rgba(0, 0, 0, 0.1);
1155
1156  --scalar-code-language-color-supersede: var(--scalar-color-3);
1157}
1158.dark-mode {
1159  --scalar-color-1: #f7f8f8;
1160  --scalar-color-2: rgb(180, 188, 208);
1161  --scalar-color-3: #b4bcd099;
1162  --scalar-color-accent: #828fff;
1163
1164  --scalar-background-1: #000212;
1165  --scalar-background-2: #0d0f1e;
1166  --scalar-background-3: #232533;
1167  --scalar-background-accent: #8ab4f81f;
1168
1169  --scalar-border-color: #313245;
1170  --scalar-code-language-color-supersede: var(--scalar-color-3);
1171}
1172/* Document Sidebar */
1173.light-mode .t-doc__sidebar {
1174  --scalar-sidebar-background-1: var(--scalar-background-1);
1175  --scalar-sidebar-item-hover-color: currentColor;
1176  --scalar-sidebar-item-hover-background: var(--scalar-background-2);
1177  --scalar-sidebar-item-active-background: var(--scalar-background-accent);
1178  --scalar-sidebar-border-color: var(--scalar-border-color);
1179  --scalar-sidebar-color-1: var(--scalar-color-1);
1180  --scalar-sidebar-color-2: var(--scalar-color-2);
1181  --scalar-sidebar-color-active: var(--scalar-color-accent);
1182  --scalar-sidebar-search-background: rgba(0, 0, 0, 0.05);
1183  --scalar-sidebar-search-border-color: 1px solid rgba(0, 0, 0, 0.05);
1184  --scalar-sidebar-search-color: var(--scalar-color-3);
1185  --scalar-background-2: rgba(0, 0, 0, 0.03);
1186}
1187.dark-mode .t-doc__sidebar {
1188  --scalar-sidebar-background-1: var(--scalar-background-1);
1189  --scalar-sidebar-item-hover-color: currentColor;
1190  --scalar-sidebar-item-hover-background: var(--scalar-background-2);
1191  --scalar-sidebar-item-active-background: rgba(255, 255, 255, 0.1);
1192  --scalar-sidebar-border-color: var(--scalar-border-color);
1193  --scalar-sidebar-color-1: var(--scalar-color-1);
1194  --scalar-sidebar-color-2: var(--scalar-color-2);
1195  --scalar-sidebar-color-active: var(--scalar-color-accent);
1196  --scalar-sidebar-search-background: rgba(255, 255, 255, 0.1);
1197  --scalar-sidebar-search-border-color: 1px solid rgba(255, 255, 255, 0.05);
1198  --scalar-sidebar-search-color: var(--scalar-color-3);
1199}
1200/* advanced */
1201.light-mode {
1202  --scalar-color-green: #069061;
1203  --scalar-color-red: #ef0006;
1204  --scalar-color-yellow: #edbe20;
1205  --scalar-color-blue: #0082d0;
1206  --scalar-color-orange: #fb892c;
1207  --scalar-color-purple: #5203d1;
1208  --scalar-color-query: #007b80;
1209
1210  --scalar-button-1: rgba(0, 0, 0, 1);
1211  --scalar-button-1-hover: rgba(0, 0, 0, 0.8);
1212  --scalar-button-1-color: #fff;
1213}
1214.dark-mode {
1215  --scalar-color-green: #00b648;
1216  --scalar-color-red: #dc1b19;
1217  --scalar-color-yellow: #ffc90d;
1218  --scalar-color-blue: #4eb3ec;
1219  --scalar-color-orange: #ff8d4d;
1220  --scalar-color-purple: #b191f9;
1221  --scalar-color-query: #65d4cf;
1222
1223  --scalar-button-1: rgba(255, 255, 255, 1);
1224  --scalar-button-1-hover: rgba(255, 255, 255, 0.9);
1225  --scalar-button-1-color: black;
1226}
1227/* Custom Theme */
1228.dark-mode h2.t-editor__heading,
1229.dark-mode .t-editor__page-title h1,
1230.dark-mode h1.section-header:not(::selection),
1231.dark-mode .markdown h1,
1232.dark-mode .markdown h2,
1233.dark-mode .markdown h3,
1234.dark-mode .markdown h4,
1235.dark-mode .markdown h5,
1236.dark-mode .markdown h6 {
1237  -webkit-text-fill-color: transparent;
1238  background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.38));
1239  -webkit-background-clip: text;
1240  background-clip: text;
1241}
1242.sidebar-search {
1243  backdrop-filter: blur(12px);
1244}
1245@keyframes headerbackground {
1246  from {
1247    background: transparent;
1248    backdrop-filter: none;
1249  }
1250  to {
1251    background: var(--scalar-header-background-1);
1252    backdrop-filter: blur(12px);
1253  }
1254}
1255.dark-mode .scalar-card {
1256  background: rgba(255, 255, 255, 0.05) !important;
1257}
1258.dark-mode .scalar-card * {
1259  --scalar-background-2: transparent !important;
1260  --scalar-background-1: transparent !important;
1261}
1262.light-mode .dark-mode.scalar-card *,
1263.light-mode .dark-mode.scalar-card {
1264  --scalar-background-1: #0d0f1e !important;
1265  --scalar-background-2: #0d0f1e !important;
1266  --scalar-background-3: #191b29 !important;
1267}
1268.light-mode .dark-mode.scalar-card {
1269  background: #191b29 !important;
1270}
1271.badge {
1272  box-shadow: 0 0 0 1px var(--scalar-border-color);
1273  margin-right: 6px;
1274}
1275
1276.table-row.required-parameter .table-row-item:nth-of-type(2):after {
1277  background: transparent;
1278  box-shadow: none;
1279}
1280/* Hero Section Flare */
1281.section-flare {
1282  width: 100vw;
1283  background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(120, 119, 198, 0.3), transparent);
1284  height: 100vh;
1285}
1286.light-mode *::selection {
1287  background-color: color-mix(in srgb, var(--scalar-color-accent), transparent 70%);
1288}
1289.dark-mode *::selection {
1290  background-color: color-mix(in srgb, var(--scalar-color-accent), transparent 50%);
1291}
1292
1293/* document layout */
1294.light-mode .t-doc .layout-content,
1295.dark-mode .t-doc .layout-content {
1296  background: transparent;
1297}
1298`,slug:`kepler-11e`},mars:{uid:`YY4LQgwiXix55-TmMz9qd`,name:`Mars`,description:`Mars Scalar theme`,theme:`/* basic theme */
1299:root {
1300  --scalar-text-decoration: underline;
1301  --scalar-text-decoration-hover: underline;
1302}
1303.light-mode {
1304  --scalar-background-1: #f9f6f0;
1305  --scalar-background-2: #f2efe8;
1306  --scalar-background-3: #e9e7e2;
1307  --scalar-border-color: rgba(203, 165, 156, 0.6);
1308
1309  --scalar-color-1: #c75549;
1310  --scalar-color-2: #c75549;
1311  --scalar-color-3: #c75549;
1312
1313  --scalar-color-accent: #c75549;
1314  --scalar-background-accent: #dcbfa81f;
1315
1316  --scalar-code-language-color-supersede: var(--scalar-color-1);
1317}
1318.dark-mode {
1319  --scalar-background-1: #140507;
1320  --scalar-background-2: #20090c;
1321  --scalar-background-3: #321116;
1322  --scalar-border-color: #3c3031;
1323
1324  --scalar-color-1: rgba(255, 255, 255, 0.9);
1325  --scalar-color-2: rgba(255, 255, 255, 0.62);
1326  --scalar-color-3: rgba(255, 255, 255, 0.44);
1327
1328  --scalar-color-accent: rgba(255, 255, 255, 0.9);
1329  --scalar-background-accent: #441313;
1330
1331  --scalar-code-language-color-supersede: var(--scalar-color-1);
1332}
1333
1334/* Document Sidebar */
1335.light-mode .t-doc__sidebar,
1336.dark-mode .t-doc__sidebar {
1337  --scalar-sidebar-background-1: var(--scalar-background-1);
1338  --scalar-sidebar-color-1: var(--scalar-color-1);
1339  --scalar-sidebar-color-2: var(--scalar-color-2);
1340  --scalar-sidebar-border-color: var(--scalar-border-color);
1341
1342  --scalar-sidebar-item-hover-color: currentColor;
1343  --scalar-sidebar-item-hover-background: var(--scalar-background-2);
1344
1345  --scalar-sidebar-item-active-background: var(--scalar-background-3);
1346  --scalar-sidebar-color-active: var(--scalar-color-accent);
1347
1348  --scalar-sidebar-search-background: rgba(255, 255, 255, 0.1);
1349  --scalar-sidebar-search-color: var(--scalar-color-3);
1350  --scalar-sidebar-search-border-color: var(--scalar-border-color);
1351  z-index: 1;
1352}
1353/* advanced */
1354.light-mode {
1355  --scalar-color-green: #09533a;
1356  --scalar-color-red: #aa181d;
1357  --scalar-color-yellow: #ab8d2b;
1358  --scalar-color-blue: #19689a;
1359  --scalar-color-orange: #b26c34;
1360  --scalar-color-purple: #4c2191;
1361  --scalar-color-query: #086566;
1362
1363  --scalar-button-1: rgba(0, 0, 0, 1);
1364  --scalar-button-1-hover: rgba(0, 0, 0, 0.8);
1365  --scalar-button-1-color: #fff;
1366}
1367.dark-mode {
1368  --scalar-color-green: rgba(69, 255, 165, 0.823);
1369  --scalar-color-red: #ff8589;
1370  --scalar-color-yellow: #ffcc4d;
1371  --scalar-color-blue: #6bc1fe;
1372  --scalar-color-orange: #f98943;
1373  --scalar-color-purple: #b191f9;
1374  --scalar-color-query: #79e2da;
1375
1376  --scalar-button-1: rgba(255, 255, 255, 1);
1377  --scalar-button-1-hover: rgba(255, 255, 255, 0.9);
1378  --scalar-button-1-color: black;
1379}
1380/* Custom Theme */
1381.dark-mode h2.t-editor__heading,
1382.dark-mode .t-editor__page-title h1,
1383.dark-mode h1.section-header:not(::selection),
1384.dark-mode .markdown h1,
1385.dark-mode .markdown h2,
1386.dark-mode .markdown h3,
1387.dark-mode .markdown h4,
1388.dark-mode .markdown h5,
1389.dark-mode .markdown h6 {
1390  -webkit-text-fill-color: transparent;
1391  background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.38));
1392  -webkit-background-clip: text;
1393  background-clip: text;
1394}
1395.light-mode .t-doc__sidebar {
1396  --scalar-sidebar-search-background: white;
1397}
1398.examples .scalar-card-footer {
1399  --scalar-background-3: transparent;
1400  padding-top: 0;
1401}
1402/* Hero section flare */
1403.section-flare {
1404  overflow-x: hidden;
1405  height: 100vh;
1406  left: initial;
1407}
1408.section-flare-item:nth-of-type(1) {
1409  background: #d25019;
1410  position: relative;
1411  top: -150px;
1412  right: -400px;
1413  width: 80vw;
1414  height: 500px;
1415  margin-top: -150px;
1416  border-radius: 50%;
1417  filter: blur(100px);
1418  z-index: 0;
1419}
1420.light-mode .section-flare {
1421  display: none;
1422}
1423*::selection {
1424  background-color: color-mix(in srgb, var(--scalar-color-red), transparent 75%);
1425}
1426
1427/* document layout */
1428.dark-mode .t-doc .layout-content {
1429  background: transparent;
1430}
1431`,slug:`mars`},laserwave:{uid:`c5fZEi-K-hP-xXf885dkf`,name:`Laserwave`,description:`Laserwave Scalar theme`,theme:`/* basic theme */
1432.light-mode {
1433  color-scheme: light;
1434  --scalar-color-1: #322b3b;
1435  --scalar-color-2: #645676;
1436  --scalar-color-3: #9789a9;
1437  --scalar-color-accent: #40b4c4;
1438
1439  --scalar-background-1: #fff;
1440  --scalar-background-2: #f4f2f7;
1441  --scalar-background-3: #cfc7dc;
1442  --scalar-background-accent: #f3fafb;
1443
1444  --scalar-border-color: #e4e0eb;
1445}
1446.dark-mode {
1447  color-scheme: dark;
1448  --scalar-color-1: #fff;
1449  --scalar-color-2: #b8b6ba;
1450  --scalar-color-3: #706c74;
1451  --scalar-color-accent: #ed78c2;
1452
1453  --scalar-background-1: #27212e;
1454  --scalar-background-2: #322c39;
1455  --scalar-background-3: #4c4059;
1456  --scalar-background-accent: #eb64b91f;
1457
1458  --scalar-border-color: rgba(255, 255, 255, 0.1);
1459}
1460
1461/* Sidebar */
1462.light-mode .t-doc__sidebar {
1463  --scalar-sidebar-background-1: var(--scalar-background-1);
1464  --scalar-sidebar-item-hover-color: currentColor;
1465  --scalar-sidebar-item-hover-background: var(--scalar-background-2);
1466  --scalar-sidebar-item-active-background: var(--scalar-background-accent);
1467  --scalar-sidebar-border-color: var(--scalar-border-color);
1468  --scalar-sidebar-color-1: var(--scalar-color-1);
1469  --scalar-sidebar-color-2: var(--scalar-color-2);
1470  --scalar-sidebar-color-active: var(--scalar-color-accent);
1471  --scalar-sidebar-search-background: var(--scalar-background-2);
1472  --scalar-sidebar-search-border-color: var(--scalar-sidebar-border-color);
1473  --scalar-sidebar-search--color: var(--scalar-color-3);
1474}
1475.dark-mode .t-doc__sidebar {
1476  --scalar-sidebar-background-1: var(--scalar-background-1);
1477  --scalar-sidebar-item-hover-color: currentColor;
1478  --scalar-sidebar-item-hover-background: var(--scalar-background-2);
1479  --scalar-sidebar-item-active-background: var(--scalar-background-accent);
1480  --scalar-sidebar-border-color: var(--scalar-border-color);
1481  --scalar-sidebar-color-1: var(--scalar-color-1);
1482  --scalar-sidebar-color-2: var(--scalar-color-2);
1483  --scalar-sidebar-color-active: var(--scalar-color-accent);
1484  --scalar-sidebar-search-background: var(--scalar-background-2);
1485  --scalar-sidebar-search-border-color: #514c56;
1486  --scalar-sidebar-search--color: var(--scalar-color-3);
1487}
1488/* advanced */
1489.light-mode {
1490  --scalar-button-1: rgb(49 53 56);
1491  --scalar-button-1-color: #fff;
1492  --scalar-button-1-hover: rgb(28 31 33);
1493
1494  --scalar-color-green: #74dfc4;
1495  --scalar-color-red: #d887f5;
1496  --scalar-color-yellow: #ffe261;
1497  --scalar-color-blue: #40b4c4;
1498  --scalar-color-orange: #ff52bf;
1499  --scalar-color-purple: #91889b;
1500  --scalar-color-query: #7860a8;
1501
1502  --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);
1503  --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);
1504}
1505.dark-mode {
1506  --scalar-button-1: #f6f6f6;
1507  --scalar-button-1-color: #27212e;
1508  --scalar-button-1-hover: #e7e7e7;
1509
1510  --scalar-color-green: #74dfc4;
1511  --scalar-color-red: #d887f5;
1512  --scalar-color-yellow: #ffe261;
1513  --scalar-color-blue: #40b4c4;
1514  --scalar-color-orange: #ff52bf;
1515  --scalar-color-purple: #91889b;
1516  --scalar-color-query: #b8a2e3;
1517
1518  --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);
1519  --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);
1520}
1521/* Radius */
1522:root {
1523  --scalar-radius: 2px;
1524  --scalar-radius-lg: 3px;
1525  --scalar-radius-xl: 4px;
1526}
1527/* P3 color support */
1528@supports (color: color(display-p3 1 1 1)) {
1529  .light-mode {
1530    --scalar-color-accent: color(display-p3 0.25098 0.705882 0.768627 / 1);
1531    --scalar-color-green: color(display-p3 0.454902 0.87451 0.768627 / 1);
1532    --scalar-color-red: color(display-p3 0.847059 0.529412 0.960784 / 1);
1533    --scalar-color-yellow: color(display-p3 1 0.886275 0.380392 / 1);
1534    --scalar-color-blue: color(display-p3 0.25098 0.705882 0.768627 / 1);
1535    --scalar-color-orange: color(display-p3 1 0.321569 0.74902 / 1);
1536    --scalar-color-purple: color(display-p3 0.568627 0.533333 0.60

15367843 / 1);
1537    --scalar-color-query: color(display-p3 0.470588 0.376471 0.658824 / 1);
1538  }
1539  .dark-mode {
1540    --scalar-color-accent: color(display-p3 0.929412 0.470588 0.760784 / 1);
1541    --scalar-color-green: color(display-p3 0.454902 0.87451 0.768627 / 1);
1542    --scalar-color-red: color(display-p3 0.847059 0.529412 0.960784 / 1);
1543    --scalar-color-yellow: color(display-p3 1 0.886275 0.380392 / 1);
1544    --scalar-color-blue: color(display-p3 0.25098 0.705882 0.768627 / 1);
1545    --scalar-color-orange: color(display-p3 1 0.321569 0.74902 / 1);
1546    --scalar-color-purple: color(display-p3 0.568627 0.533333 0.607843 / 1);
1547    --scalar-color-query: color(display-p3 0.721569 0.635294 0.890196 / 1);
1548  }
1549}
1550`,slug:`laserwave`},elysiajs:{uid:`nEVZkRmCylPkT0o9YJa7y`,name:`Elysia.js`,description:`Elysia.js theme`,theme:`.light-mode {
1551  --scalar-color-1: #1b1b1b;
1552  --scalar-color-2: #757575;
1553  --scalar-color-3: #8e8e8e;
1554  --scalar-color-accent: #f06292;
1555
1556  --scalar-background-1: #fff;
1557  --scalar-background-2: #f6f6f6;
1558  --scalar-background-3: #e7e7e7;
1559
1560  --scalar-border-color: rgba(0, 0, 0, 0.1);
1561}
1562.dark-mode {
1563  --scalar-color-1: rgba(255, 255, 255, 0.9);
1564  --scalar-color-2: rgba(156, 163, 175, 1);
1565  --scalar-color-3: rgba(255, 255, 255, 0.44);
1566  --scalar-color-accent: #f06292;
1567
1568  --scalar-background-1: #111728;
1569  --scalar-background-2: #1e293b;
1570  --scalar-background-3: #334155;
1571  --scalar-background-accent: #f062921f;
1572
1573  --scalar-border-color: rgba(255, 255, 255, 0.1);
1574}
1575
1576/* Document Sidebar */
1577.light-mode .t-doc__sidebar,
1578.dark-mode .t-doc__sidebar {
1579  --scalar-sidebar-background-1: var(--scalar-background-1);
1580  --scalar-sidebar-color-1: var(--scalar-color-1);
1581  --scalar-sidebar-color-2: var(--scalar-color-2);
1582  --scalar-sidebar-border-color: var(--scalar-border-color);
1583
1584  --scalar-sidebar-item-hover-background: var(--scalar-background-2);
1585  --scalar-sidebar-item-hover-color: currentColor;
1586
1587  --scalar-sidebar-item-active-background: #f062921f;
1588  --scalar-sidebar-color-active: var(--scalar-color-accent);
1589
1590  --scalar-sidebar-search-background: transparent;
1591  --scalar-sidebar-search-color: var(--scalar-color-3);
1592  --scalar-sidebar-search-border-color: var(--scalar-border-color);
1593}
1594
1595/* advanced */
1596.light-mode {
1597  --scalar-button-1: rgb(49 53 56);
1598  --scalar-button-1-color: #fff;
1599  --scalar-button-1-hover: rgb(28 31 33);
1600
1601  --scalar-color-green: #069061;
1602  --scalar-color-red: #ef0006;
1603  --scalar-color-yellow: #edbe20;
1604  --scalar-color-blue: #0082d0;
1605  --scalar-color-orange: #fb892c;
1606  --scalar-color-purple: #5203d1;
1607  --scalar-color-query: #007b80;
1608
1609  --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);
1610  --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);
1611}
1612.dark-mode {
1613  --scalar-button-1: #f6f6f6;
1614  --scalar-button-1-color: #000;
1615  --scalar-button-1-hover: #e7e7e7;
1616
1617  --scalar-color-green: #a3ffa9;
1618  --scalar-color-red: #ffa3a3;
1619  --scalar-color-yellow: #fffca3;
1620  --scalar-color-blue: #a5d6ff;
1621  --scalar-color-orange: #e2ae83;
1622  --scalar-color-purple: #d2a8ff;
1623  --scalar-color-query: #a5f3df;
1624
1625  --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);
1626  --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);
1627}
1628.section-flare {
1629  width: 100%;
1630  height: 400px;
1631  position: absolute;
1632}
1633.section-flare-item:first-of-type:before {
1634  content: "";
1635  position: absolute;
1636  top: 0;
1637  right: 0;
1638  bottom: 0;
1639  left: 0;
1640  --stripes: repeating-linear-gradient(100deg, #fff 0%, #fff 0%, transparent 2%, transparent 12%, #fff 17%);
1641  --stripesDark: repeating-linear-gradient(100deg, #000 0%, #000 0%, transparent 10%, transparent 12%, #000 17%);
1642  --rainbow: repeating-linear-gradient(100deg, #60a5fa 10%, #e879f9 16%, #5eead4 22%, #60a5fa 30%);
1643  contain: strict;
1644  contain-intrinsic-size: 100vw 40vh;
1645  background-image: var(--stripesDark), var(--rainbow);
1646  background-size: 300%, 200%;
1647  background-position:
1648    50% 50%,
1649    50% 50%;
1650  filter: opacity(20%) saturate(200%);
1651  -webkit-mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);
1652  mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);
1653  pointer-events: none;
1654}
1655.section-flare-item:first-of-type:after {

1656  content: "";
1657  position: absolute;
1658  top: 0;
1659  right: 0;
1660  bottom: 0;
1661  left: 0;
1662  background-image: var(--stripes), var(--rainbow);
1663  background-size: 200%, 100%;
1664  background-attachment: fixed;
1665  mix-blend-mode: difference;
1666  background-image: var(--stripesDark), var(--rainbow);
1667  pointer-events: none;
1668}
1669.light-mode .section-flare-item:first-of-type:after,
1670.light-mode .section-flare-item:first-of-type:before {
1671  background-image: var(--stripes), var(--rainbow);
1672  filter: opacity(4%) saturate(200%);
1673}
1674`,slug:`elysiajs`},fastify:{uid:`nTZcdcM2_yHFZFxTQe9Kk`,name:`Fastify`,description:`Fastify theme`,theme:`.light-mode {
1675  color-scheme: light;
1676  --scalar-color-1: #1c1e21;
1677  --scalar-color-2: #757575;
1678  --scalar-color-3: #8e8e8e;
1679  --scalar-color-disabled: #b4b1b1;
1680  --scalar-color-ghost: #a7a7a7;
1681  --scalar-color-accent: #2f8555;
1682  --scalar-background-1: #fff;
1683  --scalar-background-2: #f5f5f5;
1684  --scalar-background-3: #ededed;
1685  --scalar-background-4: rgba(0, 0, 0, 0.06);
1686  --scalar-background-accent: #2f85551f;
1687
1688  --scalar-border-color: rgba(0, 0, 0, 0.1);
1689  --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);
1690  --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);
1691  --scalar-lifted-brightness: 1;
1692  --scalar-backdrop-brightness: 1;
1693
1694  --scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
1695  --scalar-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px, rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;
1696
1697  --scalar-button-1: rgb(49 53 56);
1698  --scalar-button-1-color: #fff;
1699  --scalar-button-1-hover: rgb(28 31 33);
1700
1701  --scalar-color-green: #007300;
1702  --scalar-color-red: #af272b;
1703  --scalar-color-yellow: #b38200;
1704  --scalar-color-blue: #3b8ba5;
1705  --scalar-color-orange: #fb892c;
1706  --scalar-color-purple: #5203d1;
1707  --scalar-color-query: #00766f;
1708}
1709
1710.dark-mode {
1711  color-scheme: dark;
1712  --scalar-color-1: rgba(255, 255, 255, 0.9);
1713  --scalar-color-2: rgba(255, 255, 255, 0.62);
1714  --scalar-color-3: rgba(255, 255, 255, 0.44);
1715  --scalar-color-disabled: rgba(255, 255, 255, 0.34);
1716  --scalar-color-ghost: rgba(255, 255, 255, 0.26);
1717  --scalar-color-accent: #27c2a0;
1718  --scalar-background-1: #1b1b1d;
1719  --scalar-background-2: #242526;
1720  --scalar-background-3: #3b3b3b;
1721  --scalar-background-4: rgba(255, 255, 255, 0.06);
1722  --scalar-background-accent: #27c2a01f;
1723
1724  --scalar-border-color: rgba(255, 255, 255, 0.1);
1725  --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);
1726  --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);
1727  --scalar-lifted-brightness: 1.45;
1728  --scalar-backdrop-brightness: 0.5;
1729
1730  --scalar-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);
1731  --scalar-shadow-2:
1732    rgba(15, 15, 15, 0.2) 0px 3px 6px, rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);
1733
1734  --scalar-button-1: #f6f6f6;
1735  --scalar-button-1-color: #000;
1736  --scalar-button-1-hover: #e7e7e7;
1737
1738  --scalar-color-green: #26b226;
1739  --scalar-color-red: #fb565b;
1740  --scalar-color-yellow: #ffc426;
1741  --scalar-color-blue: #6ecfef;
1742  --scalar-color-orange: #ff8d4d;
1743  --scalar-color-purple: #b191f9;
1744  --scalar-color-query: #5fdbc5;
1745}
1746`,slug:`fastify`}}),l=e(c[0].theme),u=()=>l;function d(e,a,o,s){let u=()=>{let n=t(s)?.theme||t(a).theme||t(e).theme;return[...o,...c].find(e=>e.slug===n||e.uid===n)??c[0]},d=n(()=>u().theme),f=`scalar-theme-${i()}`;return r([()=>t(e).theme,t(a),o,()=>t(s)?.theme],()=>{if(!document.getElementById(`scalar-theme`)){let e=document.createElement(`style`);e.id=f,document.head.appendChild(e)}let e=document.getElementById(f);e&&(e.textContent=d.value),l.value=d.value},{immediate:!0,deep:!0}),{themeCss:d}}export{o as a,c as i,u as n,s as r,d as t};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.