UNPKG

@scalar/themes

Version:

the default CSS variables for all Scalar packages

github.com/scalar/scalar

scalar/scalar

27 lines • 80.7 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
import { nanoid } from "nanoid"; //#region src/fonts/fonts.css?inline var fonts_default = "/* Inter (--scalar-font) */\n/* cyrillic-ext */\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 100 900;\n font-display: swap;\n src: url(https://fonts.scalar.com/inter-cyrillic-ext.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 100 900;\n font-display: swap;\n src: url(https://fonts.scalar.com/inter-cyrillic.woff2) format(\"woff2\");\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 100 900;\n font-display: swap;\n src: url(https://fonts.scalar.com/inter-greek-ext.woff2) format(\"woff2\");\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 100 900;\n font-display: swap;\n src: url(https://fonts.scalar.com/inter-greek.woff2) format(\"woff2\");\n unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;\n}\n/* vietnamese */\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 100 900;\n font-display: swap;\n src: url(https://fonts.scalar.com/inter-vietnamese.woff2) format(\"woff2\");\n unicode-range:\n U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,\n U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,\n U+0329, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 100 900;\n font-display: swap;\n src: url(https://fonts.scalar.com/inter-latin-ext.woff2) format(\"woff2\");\n unicode-range:\n 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,\n U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 100 900;\n font-display: swap;\n src: url(https://fonts.scalar.com/inter-latin.woff2) format(\"woff2\");\n unicode-range:\n U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,\n U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,\n U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* keyboard symbols (←↑→↓↵⇧⇪⌘⌥) */\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 100 900;\n font-display: swap;\n src: url(https://fonts.scalar.com/inter-symbols.woff2) format(\"woff2\");\n unicode-range: U+2190-2193, U+21B5, U+21E7, U+21EA, U+2318, U+2325;\n}\n/* JetBrains Mono (--scalar-font-code) */\n/* cyrillic-ext */\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: normal;\n font-weight: 400;\n src: url(https://fonts.scalar.com/mono-cyrillic-ext.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: normal;\n font-weight: 400;\n src: url(https://fonts.scalar.com/mono-cyrillic.woff2) format(\"woff2\");\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek */\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: normal;\n font-weight: 400;\n src: url(https://fonts.scalar.com/mono-greek.woff2) format(\"woff2\");\n unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;\n}\n/* vietnamese */\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: normal;\n font-weight: 400;\n src: url(https://fonts.scalar.com/mono-vietnamese.woff2) format(\"woff2\");\n unicode-range:\n U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,\n U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,\n U+0329, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: normal;\n font-weight: 400;\n src: url(https://fonts.scalar.com/mono-latin-ext.woff2) format(\"woff2\");\n unicode-range:\n 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,\n U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: \"JetBrains Mono\";\n font-style: normal;\n font-weight: 400;\n src: url(https://fonts.scalar.com/mono-latin.woff2) format(\"woff2\");\n unicode-range:\n U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,\n U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,\n U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n"; //#endregion //#region src/presets/alternate.css?inline var alternate_default = "/* basic theme */\n:root {\n --scalar-text-decoration: underline;\n --scalar-text-decoration-hover: underline;\n}\n\n.dark-mode {\n --scalar-background-1: #131313;\n --scalar-background-2: #1d1d1d;\n --scalar-background-3: #272727;\n --scalar-background-card: #1d1d1d;\n\n --scalar-color-1: rgba(255, 255, 255, 0.9);\n --scalar-color-2: rgba(255, 255, 255, 0.62);\n --scalar-color-3: rgba(255, 255, 255, 0.44);\n\n --scalar-color-accent: var(--scalar-color-1);\n --scalar-background-accent: var(--scalar-background-3);\n\n --scalar-border-color: #2a2b2a;\n}\n\n.light-mode,\n.light-mode .dark-mode {\n --scalar-background-1: #f9f9f9;\n --scalar-background-2: #f1f1f1;\n --scalar-background-3: #e7e7e7;\n --scalar-background-card: #fff;\n\n --scalar-color-1: #1b1b1b;\n --scalar-color-2: #757575;\n --scalar-color-3: #8e8e8e;\n\n --scalar-color-accent: var(--scalar-color-1);\n --scalar-background-accent: var(--scalar-background-3);\n\n --scalar-border-color: rgba(0, 0, 0, 0.1);\n}\n\n/* Document Sidebar */\n.t-doc__sidebar {\n --scalar-color-green: var(--scalar-color-1);\n --scalar-color-red: var(--scalar-color-1);\n --scalar-color-yellow: var(--scalar-color-1);\n --scalar-color-blue: var(--scalar-color-1);\n --scalar-color-orange: var(--scalar-color-1);\n --scalar-color-purple: var(--scalar-color-1);\n}\n\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-hover-color: currentColor;\n\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n --scalar-sidebar-search-background: transparent;\n --scalar-sidebar-search-color: var(--scalar-color-3);\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n}\n/* advanced */\n.light-mode .dark-mode,\n.light-mode {\n --scalar-color-green: #069061;\n --scalar-color-red: #ef0006;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0082d0;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: #00b648;\n --scalar-color-red: #dd2f2c;\n --scalar-color-yellow: #ffc90d;\n --scalar-color-blue: #4eb3ec;\n --scalar-color-orange: #ff8d4d;\n --scalar-color-purple: #b191f9;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n\n.scalar-api-client__item,\n.scalar-card,\n.dark-mode .dark-mode.scalar-card {\n --scalar-background-1: var(--scalar-background-card);\n --scalar-background-2: var(--scalar-background-1);\n --scalar-background-3: var(--scalar-background-1);\n}\n.dark-mode .dark-mode.scalar-card {\n --scalar-background-3: var(--scalar-background-3);\n}\n\n.light-mode *::selection {\n background-color: color-mix(in srgb, var(--scalar-color-blue), transparent 70%);\n}\n.dark-mode *::selection {\n background-color: color-mix(in srgb, var(--scalar-color-blue), transparent 50%);\n}\n"; //#endregion //#region src/presets/bluePlanet.css?inline var bluePlanet_default = "/* basic theme */\n:root {\n --scalar-text-decoration: underline;\n --scalar-text-decoration-hover: underline;\n}\n.light-mode {\n --scalar-background-1: #f0f2f5;\n --scalar-background-2: #eaecf0;\n --scalar-background-3: #e0e2e6;\n --scalar-border-color: rgb(213 213 213);\n\n --scalar-color-1: rgb(9, 9, 11);\n --scalar-color-2: rgb(113, 113, 122);\n --scalar-color-3: rgba(25, 25, 28, 0.5);\n\n --scalar-color-accent: var(--scalar-color-1);\n --scalar-background-accent: #8ab4f81f;\n}\n.light-mode .scalar-card.dark-mode,\n.dark-mode {\n --scalar-background-1: #000e23;\n --scalar-background-2: #01132e;\n --scalar-background-3: #03193b;\n --scalar-border-color: #2e394c;\n\n --scalar-color-1: #fafafa;\n --scalar-color-2: rgb(161, 161, 170);\n --scalar-color-3: rgba(255, 255, 255, 0.533);\n\n --scalar-color-accent: var(--scalar-color-1);\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-hover-color: currentColor;\n\n --scalar-sidebar-item-active-background: var(--scalar-background-3);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n --scalar-sidebar-search-background: rgba(255, 255, 255, 0.1);\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n z-index: 1;\n}\n.light-mode .t-doc__sidebar {\n --scalar-sidebar-search-background: white;\n}\n/* advanced */\n.light-mode {\n --scalar-color-green: #069061;\n --scalar-color-red: #ef0006;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0082d0;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: rgba(69, 255, 165, 0.823);\n --scalar-color-red: #ff8589;\n --scalar-color-yellow: #ffcc4d;\n --scalar-color-blue: #6bc1fe;\n --scalar-color-orange: #f98943;\n --scalar-color-purple: #b191f9;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n/* Custom theme */\n/* Document header */\n@keyframes headerbackground {\n from {\n background: transparent;\n backdrop-filter: none;\n }\n to {\n background: var(--scalar-header-background-1);\n backdrop-filter: blur(12px);\n }\n}\n\n.light-mode .t-doc__header,\n.dark-mode .t-doc__header {\n animation: headerbackground forwards;\n animation-timeline: scroll();\n animation-range: 0px 200px;\n}\n\n/* Document Layout */\n.dark-mode .t-doc .layout-content {\n background: transparent;\n}\n\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header:not(::selection),\n.dark-mode .markdown h1,\n.dark-mode .markdown h2,\n.dark-mode .markdown h3,\n.dark-mode .markdown h4,\n.dark-mode .markdown h5,\n.dark-mode .markdown h6 {\n -webkit-text-fill-color: transparent;\n background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.38));\n -webkit-background-clip: text;\n background-clip: text;\n}\n/* Hero Section Flare */\n.section-flare-item:nth-of-type(1) {\n --c1: #ffffff;\n --c2: #babfd8;\n --c3: #2e8bb2;\n --c4: #1a8593;\n --c5: #0a143e;\n --c6: #0a0f52;\n --c7: #2341b8;\n\n --solid: var(--c1), var(--c2), var(--c3), var(--c4), var(--c5), var(--c6), var(--c7);\n --solid-wrap: var(--solid), var(--c1);\n --trans:\n var(--c1), transparent, var(--c2), transparent, var(--c3),\n transparent, var(--c4), transparent, var(--c5), transparent, var(--c6),\n transparent, var(--c7);\n --trans-wrap: var(--trans), transparent, var(--c1);\n\n background:\n radial-gradient(circle, var(--trans)), conic-gradient(from 180deg, var(--trans-wrap)),\n radial-gradient(circle, var(--trans)), conic-gradient(var(--solid-wrap));\n width: 70vw;\n height: 700px;\n border-radius: 50%;\n filter: blur(100px);\n z-index: 0;\n right: 0;\n position: absolute;\n transform: rotate(-45deg);\n top: -300px;\n opacity: 0.3;\n}\n.section-flare-item:nth-of-type(3) {\n --star-color: #6b9acc;\n --star-color2: #446b8d;\n --star-color3: #3e5879;\n background-image:\n radial-gradient(2px 2px at 20px 30px, var(--star-color2), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 40px 70px, var(--star-color), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 50px 160px, var(--star-color3), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 90px 40px, var(--star-color), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 130px 80px, var(--star-color), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 160px 120px, var(--star-color3), rgba(0, 0, 0, 0));\n background-repeat: repeat;\n background-size: 200px 200px;\n width: 100%;\n height: 100%;\n mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);\n}\n.section-flare {\n top: -150px !important;\n height: 100vh;\n background: linear-gradient(#000, var(--scalar-background-1));\n width: 100vw;\n overflow-x: hidden;\n}\n.light-mode .section-flare {\n display: none;\n}\n.light-mode .scalar-card {\n --scalar-background-1: #fff;\n --scalar-background-2: #fff;\n --scalar-background-3: #fff;\n}\n\n*::selection {\n background-color: color-mix(in srgb, var(--scalar-color-blue), transparent 60%);\n}\n\n@media (max-width: 1000px) {\n .light-mode .t-doc__sidebar,\n .dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n }\n .light-mode .t-doc__header,\n .dark-mode .t-doc__header {\n animation: none;\n background: var(--scalar-header-background-1);\n backdrop-filter: blur(12px);\n }\n}\n"; //#endregion //#region src/presets/custom-theme-starter.css?inline var custom_theme_starter_default = "/**\n Custom Theme Starter\n*/\n:root {\n --scalar-border-width: 1px;\n --scalar-radius: 3px;\n --scalar-radius-lg: 6px;\n --scalar-radius-xl: 8px;\n\n --scalar-header-height: 50px;\n --scalar-sidebar-width: 280px;\n --scalar-toc-width: 280px;\n\n /* Typography */\n --scalar-font:\n \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\",\n \"Helvetica Neue\", sans-serif;\n --scalar-font-code: \"JetBrains Mono\";\n\n /* Font sizes */\n --scalar-heading-1: 24px; /* Page headings */\n --scalar-page-description: 16px;\n --scalar-heading-2: 20px; /* Section headings */\n --scalar-heading-3: 16px;\n --scalar-heading-4: 16px;\n --scalar-heading-5: 16px;\n --scalar-heading-6: 16px;\n\n --scalar-paragraph: 16px;\n --scalar-small: 14px;\n --scalar-mini: 13px;\n --scalar-micro: 12px;\n --scalar-bold: 600;\n --scalar-semibold: 500;\n --scalar-regular: 400;\n}\n\n@media (max-width: 720px) {\n :root {\n --scalar-heading-1: 24px;\n --scalar-page-description: 20px;\n }\n}\n\n/* Color Theming */\n.light-mode {\n color-scheme: light;\n --scalar-color-1: #1b1b1b;\n --scalar-color-2: #757575;\n --scalar-color-3: #8e8e8e;\n --scalar-color-disabled: #b4b1b1;\n --scalar-color-ghost: #a7a7a7;\n --scalar-color-accent: #0099ff;\n --scalar-background-1: #fff;\n --scalar-background-2: #f6f6f6;\n --scalar-background-3: #e7e7e7;\n --scalar-background-4: rgba(0, 0, 0, 0.06);\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-border-color: rgba(0, 0, 0, 0.1);\n --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);\n --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --scalar-lifted-brightness: 1;\n --scalar-backdrop-brightness: 1;\n\n --scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --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;\n\n --scalar-button-1: rgb(49 53 56);\n --scalar-button-1-color: #fff;\n --scalar-button-1-hover: rgb(28 31 33);\n\n --scalar-color-green: #059669;\n --scalar-color-red: #dc2626;\n --scalar-color-yellow: #ca8a04;\n --scalar-color-blue: #2563eb;\n --scalar-color-orange: #ea580c;\n --scalar-color-purple: #7c3aed;\n}\n\n.dark-mode {\n color-scheme: dark;\n --scalar-color-1: rgba(255, 255, 255, 0.9);\n --scalar-color-2: rgba(255, 255, 255, 0.62);\n --scalar-color-3: rgba(255, 255, 255, 0.44);\n --scalar-color-disabled: rgba(255, 255, 255, 0.34);\n --scalar-color-ghost: rgba(255, 255, 255, 0.26);\n --scalar-color-accent: #8ab4f8;\n --scalar-background-1: #1a1a1a;\n --scalar-background-2: #252525;\n --scalar-background-3: #323232;\n --scalar-background-4: rgba(255, 255, 255, 0.06);\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-border-color: rgba(255, 255, 255, 0.1);\n --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);\n --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --scalar-lifted-brightness: 1.45;\n --scalar-backdrop-brightness: 0.5;\n\n --scalar-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --scalar-shadow-2:\n 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);\n\n --scalar-button-1: #f6f6f6;\n --scalar-button-1-color: #000;\n --scalar-button-1-hover: #e7e7e7;\n\n --scalar-color-green: #00b648;\n --scalar-color-red: #dc1b19;\n --scalar-color-yellow: #ffc90d;\n --scalar-color-blue: #4eb3ec;\n --scalar-color-orange: #ff8d4d;\n --scalar-color-purple: #b191f9;\n}\n\n/* Aliases & Inferred Variables */\n.light-mode,\n.dark-mode {\n --scalar-border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n --scalar-sidebar-search-background: transparent;\n --scalar-sidebar-search-border-color: var(--scalar-sidebar-border-color);\n --scalar-sidebar-search--color: var(--scalar-color-3);\n}\n\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n --scalar-sidebar-search-background: transparent;\n --scalar-sidebar-search-border-color: var(--scalar-sidebar-border-color);\n --scalar-sidebar-search--color: var(--scalar-color-3);\n}\n\n/* Table of contents */\n.light-mode .t-doc__toc {\n --table-of-contents-heading-color: var(--scalar-color-1);\n --table-of-contents-section-color: var(--scalar-color-2);\n --table-of-contents-section-color-active: var(--scalar-color-accent);\n}\n.dark-mode .t-doc__toc {\n --table-of-contents-heading-color: var(--scalar-color-1);\n --table-of-contents-section-color: var(--scalar-color-2);\n --table-of-contents-section-color-active: var(--scalar-color-accent);\n}\n\n/* Document header */\n.light-mode .t-doc__header {\n --scalar-header-background-1: var(--scalar-background-1);\n --scalar-header-border-color: var(--scalar-border-color);\n --scalar-header-color-1: var(--scalar-color-1);\n --scalar-header-color-2: var(--scalar-color-2);\n --scalar-header-background-toggle: var(--scalar-color-3);\n --scalar-header-call-to-action-color: var(--scalar-color-accent);\n}\n\n.dark-mode .t-doc__header {\n --scalar-header-background-1: var(--scalar-background-1);\n --scalar-header-border-color: var(--scalar-border-color);\n --scalar-header-color-1: var(--scalar-color-1);\n --scalar-header-color-2: var(--scalar-color-2);\n --scalar-header-background-toggle: var(--scalar-color-3);\n --scalar-header-call-to-action-color: var(--scalar-color-accent);\n}\n\n/* --- Document Typography --- */\n\n/* Page Title */\n.t-editor__page-title {\n --font-size: var(--scalar-heading-1);\n --font-color: var(--scalar-color-1);\n --font-weight: var(--scalar-bold);\n}\n\n.t-editor__page-title .subheading {\n --font-size: var(--scalar-page-description);\n --font-color: var(--scalar-color-1);\n --font-weight: var(--scalar-semibold);\n}\n\n/* Headings */\n.t-editor__heading h1 {\n --font-size: var(--scalar-heading-2);\n --font-weight: var(--scalar-bold);\n --font-color: var(--scalar-color-1);\n}\n\n.t-editor__heading h2 {\n --font-size: var(--scalar-heading-2);\n --font-weight: var(--scalar-bold);\n --font-color: var(--scalar-color-1);\n}\n\n.t-editor__heading h3 {\n --font-size: var(--scalar-heading-3);\n --font-color: var(--scalar-color-1);\n --font-weight: var(--scalar-bold);\n}\n\n.t-editor__heading h4,\n.t-editor__heading h5,\n.t-editor__heading h6 {\n --font-size: var(--scalar-heading-4);\n --font-color: var(--scalar-color-1);\n --font-weight: var(--scalar-bold);\n}\n\n/* Paragraph */\n.t-editor__paragraph {\n --font-size: var(--scalar-paragraph);\n --font-color: var(--scalar-color-1);\n --font-weight: var(--scalar-regular);\n}\n\n/* Lists */\n.t-editor__list ul,\n.t-editor__list ol {\n color: var(--scalar-color-1);\n padding-left: 30px;\n}\n\n/* Checklist */\n.t-editor__checklist ul {\n list-style: none;\n padding-left: 0;\n margin-left: 0;\n}\n\n/* Blockquote */\n.t-editor__quote {\n --font-size: var(--scalar-paragraph);\n --scalar-border-left: 2px solid var(--scalar-color-1);\n --font-color: var(--scalar-color-1);\n --padding: 6px 0 6px 14px;\n}\n\n/* Fine print */\n.t-editor__fine-print {\n --font-size: var(--scalar-mini);\n --font-color: var(--scalar-color-2);\n --font-weight: var(--scalar-regular);\n}\n\n/* Bold */\n.t-editor__bold {\n font-weight: var(--scalar-bold);\n}\n\n/* Italics */\n.t-editor__italic {\n font-style: italic;\n}\n\n/* Underline */\n.t-editor__underline {\n text-decoration: underline;\n}\n\n/* Highlight */\n.t-editor__highlight {\n background-color: var(--highlight-background);\n color: var(--highlight-color);\n}\n\n/* Links */\n.t-editor__anchor {\n --font-color: var(--scalar-color-accent);\n --font-visited: var(--scalar-color-2);\n --font-hover: var(--scalar-color-accent);\n --text-decoration: none;\n --text-decoration-hover: underline;\n}\n\n/* Strike-through */\n.t-editor__strike {\n text-decoration: line-through;\n}\n\n/* Inline code */\n.t-editor__inline-code {\n}\n\n/* Mark */\n.t-editor__mark {\n --highlight-color: var(--scalar-color-1);\n --highlight-background: #2297ff38;\n}\n\n/* --- Document Blocks --- */\n\n/* Buttons */\n.t-editor__button {\n --font-size: var(--scalar-small);\n --font-weight: var(--scalar-semibold);\n --button-border-radius: var(--scalar-radius);\n --button-padding: 8px 12px;\n --button-text-decoration: none;\n}\n\n.light-mode .t-editor__button {\n --font-color: var(--scalar-button-1-color);\n --font-color-hover: var(--scalar-button-1-color);\n --button-background: var(--scalar-button-1);\n --button-background-hover: var(--scalar-button-1-hover);\n --button-border-color: var(--scalar-button-1);\n --button-border-color-hover: var(--scalar-button-1-hover);\n}\n\n.dark-mode .t-editor__button {\n --font-color: var(--scalar-button-1-color);\n --font-color-hover: var(--scalar-button-1-color);\n --button-background: var(--scalar-button-1);\n --button-background-hover: var(--scalar-button-1-hover);\n --button-border-color: var(--scalar-button-1);\n --button-border-color-hover: var(--scalar-button-1-hover);\n}\n\n/* Callout */\n.dark-mode .t-editor__callout {\n --callout-font-size: var(--scalar-paragraph);\n\n --callout-neutral-primary: var(--scalar-border-color);\n --callout-neutral-secondary: var(--scalar-background-2);\n --callout-neutral-font-color: var(--scalar-color-1);\n\n --callout-success-primary: #5dce89;\n --callout-success-secondary: rgba(93, 206, 137, 0.08);\n --callout-success-font-color: var(--scalar-color-1);\n\n --callout-danger-primary: #da615d;\n --callout-danger-secondary: rgba(218, 97, 93, 0.08);\n --callout-danger-font-color: var(--scalar-color-1);\n\n --callout-warning-primary: #ffbb5c;\n --callout-warning-secondary: rgba(255, 187, 92, 0.08);\n --callout-warning-font-color: var(--scalar-color-1);\n\n --callout-info-primary: #586ee0;\n --callout-info-secondary: rgba(88, 110, 224, 0.08);\n --callout-info-font-color: var(--scalar-color-1);\n}\n.light-mode .t-editor__callout {\n --callout-font-size: var(--scalar-paragraph);\n\n --callout-neutral-primary: var(--scalar-border-color);\n --callout-neutral-secondary: var(--scalar-background-2);\n --callout-neutral-font-color: var(--scalar-color-1);\n\n --callout-success-primary: #5dce89;\n --callout-success-secondary: rgba(93, 206, 137, 0.08);\n --callout-success-font-color: var(--scalar-color-1);\n\n --callout-danger-primary: #da615d;\n --callout-danger-secondary: rgba(218, 97, 93, 0.08);\n --callout-danger-font-color: var(--scalar-color-1);\n\n --callout-warning-primary: #ffbb5c;\n --callout-warning-secondary: rgba(255, 187, 92, 0.08);\n --callout-warning-font-color: var(--scalar-color-1);\n\n --callout-info-primary: #586ee0;\n --callout-info-secondary: rgba(88, 110, 224, 0.08);\n --callout-info-font-color: var(--scalar-color-1);\n}\n\n/* Codeblock */\n.t-editor__code {\n}\n\n/* Image Embed */\n.t-editor__image {\n}\n\n/* Custom embed */\n.t-editor__embed {\n}\n\n/* Custom file upload */\n.t-editor__file {\n}\n\n/* Page link */\n.t-editor__page-link {\n box-shadow: var(--scalar-shadow-1);\n border-radius: var(--scalar-radius);\n background: var(--scalar-background-2);\n padding: 16px;\n position: relative;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n/* Line break */\n.t-editor__line-break {\n}\n\n/* Math */\n.t-editor__math {\n --font-color: var(--scalar-color-2);\n --font-size: var(--scalar-mini);\n --font-weight: var(--scalar-regular);\n}\n\n/* Tables */\n.t-editor__table table {\n}\n"; //#endregion //#region src/presets/deepSpace.css?inline var deepSpace_default = "/* basic theme */\n:root {\n --scalar-text-decoration: underline;\n --scalar-text-decoration-hover: underline;\n}\n.light-mode {\n --scalar-color-1: rgb(9, 9, 11);\n --scalar-color-2: rgb(113, 113, 122);\n --scalar-color-3: rgba(25, 25, 28, 0.5);\n --scalar-color-accent: var(--scalar-color-1);\n\n --scalar-background-1: #fff;\n --scalar-background-2: #f4f4f5;\n --scalar-background-3: #e3e3e6;\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-border-color: rgb(228, 228, 231);\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n.dark-mode {\n --scalar-color-1: #fafafa;\n --scalar-color-2: rgb(161, 161, 170);\n --scalar-color-3: rgba(255, 255, 255, 0.533);\n --scalar-color-accent: var(--scalar-color-1);\n\n --scalar-background-1: #09090b;\n --scalar-background-2: #18181b;\n --scalar-background-3: #2c2c30;\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-border-color: rgba(255, 255, 255, 0.16);\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n\n --scalar-sidebar-item-active-background: var(--scalar-background-3);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n --scalar-sidebar-search-background: transparent;\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n.light-mode .t-doc__sidebar {\n --scalar-sidebar-item-active-background: var(--scalar-background-2);\n}\n/* advanced */\n.light-mode {\n --scalar-color-green: #069061;\n --scalar-color-red: #ef0006;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0082d0;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: rgba(69, 255, 165, 0.823);\n --scalar-color-red: #ff8589;\n --scalar-color-yellow: #ffcc4d;\n --scalar-color-blue: #6bc1fe;\n --scalar-color-orange: #f98943;\n --scalar-color-purple: #b191f9;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n/* Custom theme */\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header:not(::selection),\n.dark-mode .markdown h1,\n.dark-mode .markdown h2,\n.dark-mode .markdown h3,\n.dark-mode .markdown h4,\n.dark-mode .markdown h5,\n.dark-mode .markdown h6 {\n -webkit-text-fill-color: transparent;\n background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.38));\n -webkit-background-clip: text;\n background-clip: text;\n}\n.examples .scalar-card-footer {\n --scalar-background-3: transparent;\n padding-top: 0;\n}\n/* Hero section flare */\n.section-flare {\n width: 100vw;\n height: 550px;\n position: absolute;\n}\n.section-flare-item:nth-of-type(1) {\n position: absolute;\n width: 100vw;\n height: 550px;\n --stripesDark: repeating-linear-gradient(100deg, #000 0%, #000 7%, transparent 10%, transparent 12%, #000 16%);\n --rainbow: repeating-linear-gradient(100deg, #fff 10%, #fff 16%, #fff 22%, #fff 30%);\n background-image: var(--stripesDark), var(--rainbow);\n background-size: 300%, 200%;\n background-position:\n 50% 50%,\n 50% 50%;\n filter: invert(100%);\n -webkit-mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);\n mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);\n pointer-events: none;\n opacity: 0.07;\n}\n.dark-mode .section-flare-item:nth-of-type(1) {\n background-image: var(--stripesDark), var(--rainbow);\n filter: opacity(50%) saturate(200%);\n opacity: 0.25;\n height: 350px;\n}\n.section-flare-item:nth-of-type(1):after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-image: var(--stripesDark), var(--rainbow);\n background-size: 200%, 100%;\n background-attachment: fixed;\n mix-blend-mode: difference;\n}\n.dark-mode .section-flare:after {\n background-image: var(--stripesDark), var(--rainbow);\n}\n.section-flare-item:nth-of-type(2) {\n --star-color: #fff;\n --star-color2: #fff;\n --star-color3: #fff;\n width: 100%;\n height: 100%;\n position: absolute;\n background-image:\n radial-gradient(2px 2px at 20px 30px, var(--star-color2), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 40px 70px, var(--star-color), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 50px 160px, var(--star-color3), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 90px 40px, var(--star-color), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 130px 80px, var(--star-color), rgba(0, 0, 0, 0)),\n radial-gradient(2px 2px at 160px 120px, var(--star-color3), rgba(0, 0, 0, 0));\n background-repeat: repeat;\n background-size: 200px 200px;\n mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);\n opacity: 0.2;\n}\n.light-mode *::selection {\n background-color: color-mix(in srgb, var(--scalar-color-blue), transparent 70%);\n}\n.dark-mode *::selection {\n background-color: color-mix(in srgb, var(--scalar-color-blue), transparent 50%);\n}\n\n/* document header */\n.light-mode .t-doc__header,\n.dark-mode .t-doc__header {\n animation: headerbackground forwards;\n animation-timeline: scroll();\n animation-range: 0px 200px;\n}\n@keyframes headerbackground {\n from {\n background: transparent;\n backdrop-filter: none;\n }\n to {\n background: var(--scalar-header-background-1);\n backdrop-filter: blur(12px);\n }\n}\n/* remove flare on safari to prevent dropped frames on scroll */\n@supports (-webkit-hyphens: none) {\n .section-flare {\n display: none;\n }\n}\n\n/* document background */\n.light-mode .t-doc .layout-content,\n.dark-mode .t-doc .layout-content {\n background: transparent;\n}\n"; //#endregion //#region src/presets/default.css?inline var default_default = "/* basic theme */\n:root {\n --scalar-text-decoration: underline;\n --scalar-text-decoration-hover: underline;\n}\n.light-mode {\n --scalar-background-1: #fff;\n --scalar-background-2: #f6f6f6;\n --scalar-background-3: #e7e7e7;\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-color-1: #1b1b1b;\n --scalar-color-2: #757575;\n --scalar-color-3: #8e8e8e;\n\n --scalar-color-accent: #0099ff;\n --scalar-border-color: #dfdfdf;\n}\n.dark-mode {\n --scalar-background-1: #0f0f0f;\n --scalar-background-2: #1a1a1a;\n --scalar-background-3: #272727;\n\n --scalar-color-1: #e7e7e7;\n --scalar-color-2: #a4a4a4;\n --scalar-color-3: #797979;\n\n --scalar-color-accent: #00aeff;\n --scalar-background-accent: #3ea6ff1f;\n\n --scalar-border-color: #2d2d2d;\n}\n/* Document Sidebar */\n.light-mode,\n.dark-mode {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-hover-color: var(--scalar-sidebar-color-2);\n\n --scalar-sidebar-item-active-background: var(--scalar-background-2);\n --scalar-sidebar-color-active: var(--scalar-sidebar-color-1);\n\n --scalar-sidebar-indent-border: var(--scalar-sidebar-border-color);\n --scalar-sidebar-indent-border-hover: var(--scalar-sidebar-border-color);\n --scalar-sidebar-indent-border-active: var(--scalar-sidebar-border-color);\n\n --scalar-sidebar-search-background: color-mix(in srgb, var(--scalar-background-2), var(--scalar-background-1));\n --scalar-sidebar-search-color: var(--scalar-color-3);\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n}\n/* advanced */\n.light-mode {\n --scalar-color-green: #069061;\n --scalar-color-red: #ef0006;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0082d0;\n --scalar-color-orange: #ff5800;\n --scalar-color-purple: #5203d1;\n\n --scalar-link-color: var(--scalar-color-1);\n --scalar-link-color-hover: var(--scalar-link-color);\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n\n --scalar-tooltip-background: color-mix(in srgb, #1a1a1a, transparent 10%);\n --scalar-tooltip-color: color-mix(in srgb, #fff, transparent 15%);\n\n --scalar-color-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-color-1) 20%);\n --scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-color-1) 20%);\n\n --scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%);\n --scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%);\n}\n.dark-mode {\n --scalar-color-green: #00b648;\n --scalar-color-red: #dc1b19;\n --scalar-color-yellow: #ffc90d;\n --scalar-color-blue: #4eb3ec;\n --scalar-color-orange: #ff8d4d;\n --scalar-color-purple: #b191f9;\n\n --scalar-link-color: var(--scalar-color-1);\n --scalar-link-color-hover: var(--scalar-link-color);\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n\n --scalar-tooltip-background: color-mix(in srgb, var(--scalar-background-1), #fff 10%);\n --scalar-tooltip-color: color-mix(in srgb, #fff, transparent 5%);\n\n --scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 20%);\n\n --scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%);\n --scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%);\n}\n@supports (color: color(display-p3 1 1 1)) {\n .light-mode {\n --scalar-color-accent: color(display-p3 0 0.6 1 / 1);\n --scalar-color-green: color(display-p3 0.023529 0.564706 0.380392 / 1);\n --scalar-color-red: color(display-p3 0.937255 0 0.023529 / 1);\n --scalar-color-yellow: color(display-p3 0.929412 0.745098 0.12549 / 1);\n --scalar-color-blue: color(display-p3 0 0.509804 0.815686 / 1);\n --scalar-color-orange: color(display-p3 1 0.4 0.02);\n --scalar-color-purple: color(display-p3 0.321569 0.011765 0.819608 / 1);\n }\n .dark-mode {\n --scalar-color-accent: color(display-p3 0.07 0.67 1);\n --scalar-color-green: color(display-p3 0 0.713725 0.282353 / 1);\n --scalar-color-red: color(display-p3 0.862745 0.105882 0.098039 / 1);\n --scalar-color-yellow: color(display-p3 1 0.788235 0.05098 / 1);\n --scalar-color-blue: color(display-p3 0.305882 0.701961 0.92549 / 1);\n --scalar-color-orange: color(display-p3 1 0.552941 0.301961 / 1);\n --scalar-color-purple: color(display-p3 0.694118 0.568627 0.976471 / 1);\n }\n}\n"; //#endregion //#region src/presets/elysiajs.css?inline var elysiajs_default = ".light-mode {\n --scalar-color-1: #1b1b1b;\n --scalar-color-2: #757575;\n --scalar-color-3: #8e8e8e;\n --scalar-color-accent: #f06292;\n\n --scalar-background-1: #fff;\n --scalar-background-2: #f6f6f6;\n --scalar-background-3: #e7e7e7;\n\n --scalar-border-color: rgba(0, 0, 0, 0.1);\n}\n.dark-mode {\n --scalar-color-1: rgba(255, 255, 255, 0.9);\n --scalar-color-2: rgba(156, 163, 175, 1);\n --scalar-color-3: rgba(255, 255, 255, 0.44);\n --scalar-color-accent: #f06292;\n\n --scalar-background-1: #111728;\n --scalar-background-2: #1e293b;\n --scalar-background-3: #334155;\n --scalar-background-accent: #f062921f;\n\n --scalar-border-color: rgba(255, 255, 255, 0.1);\n}\n\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-hover-color: currentColor;\n\n --scalar-sidebar-item-active-background: #f062921f;\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n --scalar-sidebar-search-background: transparent;\n --scalar-sidebar-search-color: var(--scalar-color-3);\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n}\n\n/* advanced */\n.light-mode {\n --scalar-button-1: rgb(49 53 56);\n --scalar-button-1-color: #fff;\n --scalar-button-1-hover: rgb(28 31 33);\n\n --scalar-color-green: #069061;\n --scalar-color-red: #ef0006;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0082d0;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n\n --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);\n --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n}\n.dark-mode {\n --scalar-button-1: #f6f6f6;\n --scalar-button-1-color: #000;\n --scalar-button-1-hover: #e7e7e7;\n\n --scalar-color-green: #a3ffa9;\n --scalar-color-red: #ffa3a3;\n --scalar-color-yellow: #fffca3;\n --scalar-color-blue: #a5d6ff;\n --scalar-color-orange: #e2ae83;\n --scalar-color-purple: #d2a8ff;\n\n --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);\n --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n}\n.section-flare {\n width: 100%;\n height: 400px;\n position: absolute;\n}\n.section-flare-item:first-of-type:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n --stripes: repeating-linear-gradient(100deg, #fff 0%, #fff 0%, transparent 2%, transparent 12%, #fff 17%);\n --stripesDark: repeating-linear-gradient(100deg, #000 0%, #000 0%, transparent 10%, transparent 12%, #000 17%);\n --rainbow: repeating-linear-gradient(100deg, #60a5fa 10%, #e879f9 16%, #5eead4 22%, #60a5fa 30%);\n contain: strict;\n contain-intrinsic-size: 100vw 40vh;\n background-image: var(--stripesDark), var(--rainbow);\n background-size: 300%, 200%;\n background-position:\n 50% 50%,\n 50% 50%;\n filter: opacity(20%) saturate(200%);\n -webkit-mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);\n mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);\n pointer-events: none;\n}\n.section-flare-item:first-of-type:after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-image: var(--stripes), var(--rainbow);\n background-size: 200%, 100%;\n background-attachment: fixed;\n mix-blend-mode: difference;\n background-image: var(--stripesDark), var(--rainbow);\n pointer-events: none;\n}\n.light-mode .section-flare-item:first-of-type:after,\n.light-mode .section-flare-item:first-of-type:before {\n background-image: var(--stripes), var(--rainbow);\n filter: opacity(4%) saturate(200%);\n}\n"; //#endregion //#region src/presets/fastify.css?inline var fastify_default = ".light-mode {\n color-scheme: light;\n --scalar-color-1: #1c1e21;\n --scalar-color-2: #757575;\n --scalar-color-3: #8e8e8e;\n --scalar-color-disabled: #b4b1b1;\n --scalar-color-ghost: #a7a7a7;\n --scalar-color-accent: #2f8555;\n --scalar-background-1: #fff;\n --scalar-background-2: #f5f5f5;\n --scalar-background-3: #ededed;\n --scalar-background-4: rgba(0, 0, 0, 0.06);\n --scalar-background-accent: #2f85551f;\n\n --scalar-border-color: rgba(0, 0, 0, 0.1);\n --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);\n --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --scalar-lifted-brightness: 1;\n --scalar-backdrop-brightness: 1;\n\n --scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --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;\n\n --scalar-button-1: rgb(49 53 56);\n --scalar-button-1-color: #fff;\n --scalar-button-1-hover: rgb(28 31 33);\n\n --scalar-color-green: #007300;\n --scalar-color-red: #af272b;\n --scalar-color-yellow: #b38200;\n --scalar-color-blue: #3b8ba5;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n}\n\n.dark-mode {\n color-scheme: dark;\n --scalar-color-1: rgba(255, 255, 255, 0.9);\n --scalar-color-2: rgba(255, 255, 255, 0.62);\n --scalar-color-3: rgba(255, 255, 255, 0.44);\n --scalar-color-disabled: rgba(255, 255, 255, 0.34);\n --scalar-color-ghost: rgba(255, 255, 255, 0.26);\n --scalar-color-accent: #27c2a0;\n --scalar-background-1: #1b1b1d;\n --scalar-background-2: #242526;\n --scalar-background-3: #3b3b3b;\n --scalar-background-4: rgba(255, 255, 255, 0.06);\n --scalar-background-accent: #27c2a01f;\n\n --scalar-border-color: rgba(255, 255, 255, 0.1);\n --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);\n --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --scalar-lifted-brightness: 1.45;\n --scalar-backdrop-brightness: 0.5;\n\n --scalar-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --scalar-shadow-2:\n 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);\n\n --scalar-button-1: #f6f6f6;\n --scalar-button-1-color: #000;\n --scalar-button-1-hover: #e7e7e7;\n\n --scalar-color-green: #26b226;\n --scalar-color-red: #fb565b;\n --scalar-color-yellow: #ffc426;\n --scalar-color-blue: #6ecfef;\n --scalar-color-orange: #ff8d4d;\n --scalar-color-purple: #b191f9;\n}\n"; //#endregion //#region src/presets/kepler.css?inline var kepler_default = "/* basic theme */\n.light-mode {\n --scalar-color-1: #1b1b1b;\n --scalar-color-2: #757575;\n --scalar-color-3: #8e8e8e;\n --scalar-color-accent: #7070ff;\n\n --scalar-background-1: #fff;\n --scalar-background-2: #f6f6f6;\n --scalar-background-3: #e7e7e7;\n --scalar-background-accent: #7070ff1f;\n\n --scalar-border-color: rgba(0, 0, 0, 0.1);\n\n --scalar-code-language-color-supersede: var(--scalar-color-3);\n}\n.dark-mode {\n --scalar-color-1: #f7f8f8;\n --scalar-color-2: rgb(180, 188, 208);\n --scalar-color-3: #b4bcd099;\n --scalar-color-accent: #828fff;\n\n --scalar-background-1: #000212;\n --scalar-background-2: #0d0f1e;\n --scalar-background-3: #232533;\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-border-color: #313245;\n --scalar-code-language-color-supersede: var(--scalar-color-3);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n --scalar-sidebar-search-background: rgba(0, 0, 0, 0.05);\n --scalar-sidebar-search-border-color: 1px solid rgba(0, 0, 0, 0.05);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n --scalar-background-2: rgba(0, 0, 0, 0.03);\n}\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: rgba(255, 255, 255, 0.1);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n --scalar-sidebar-search-background: rgba(255, 255, 255, 0.1);\n --scalar-sidebar-search-border-color: 1px solid rgba(255, 255, 255, 0.05);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n/* advanced */\n.light-mode {\n --scalar-color-green: #069061;\n --scalar-color-red: #ef0006;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0082d0;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: #00b648;\n --scalar-color-red: #dc1b19;\n --scalar-color-yellow: #ffc90d;\n --scalar-color-blue: #4eb3ec;\n --scalar-color-orange: #ff8d4d;\n --scalar-color-purple: #b191f9;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n/* Custom Theme */\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header:not(::selection),\n.dark-mode .markdown h1,\n.dark-mode .markdown h2,\n.dark-mode .markdown h3,\n.dark-mode .markdown h4,\n.dark-mode .markdown h5,\n.dark-mode .markdown h6 {\n -webkit-text-fill-color: transparent;\n background-image: linear-gradient(to right bottom, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.38));\n -webkit-background-clip: text;\n background-clip: text;\n}\n.sidebar-search {\n backdrop-filter: blur(12px);\n}\n@keyframes headerbackground {\n from {\n background: transparent;\n backdrop-filter: none;\n }\n to {\n background: var(--scalar-header-background-1);\n backdrop-filter: blur(12px);\n }\n}\n.dark-mode .scalar-card {\n background: rgba(255, 255, 255, 0.05) !important;\n}\n.dark-mode .scalar-card * {\n --scalar-background-2: transparent !important;\n --scalar-background-1: transparent !important;\n}\n.light-mode .dark-mode.scalar-card *,\n.light-mode .dark-mode.scalar-card {\n --scalar-background-1: #0d0f1e !important;\n --scalar-background-2: #0d0f1e !important;\n --scalar-background-3: #191b29 !important;\n}\n.light-mode .dark-mode.scalar-card {\n background: #191b29 !important;\n}\n.badge {\n box-shadow: 0 0 0 1px var(--scalar-border-color);\n margin-right: 6px;\n}\n\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n background: transparent;\n box-shadow: none;\n}\n/* Hero Section Flare */\n.section-flare {\n width: 100vw;\n background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(120, 119, 198, 0.3), transparent);\n height: 100vh;\n}\n.light-mode *::selection {\n background-color: color-mix(in srgb, var(--scalar-color-accent), transparent 70%);\n}\n.dark-mode *::selection {\n background-color: color-mix(in srgb, var(--scalar-color-accent), transparent 50%);