@scalar/api-client 0.8.8 → 0.8.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/index.js +11 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
package/dist/index.js
CHANGED
|
@@ -26,9 +26,14 @@ import prettyBytes from "pretty-bytes";
|
|
|
26
26
|
import prettyMilliseconds from "pretty-ms";
|
|
27
27
|
import contentType from "content-type";
|
|
28
28
|
const alternateTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #24293c;\n --default-theme-color-2: #4a5166;\n --default-theme-color-3: #888c9a;\n --default-theme-color-accent: #0099ff;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #5369d20f;\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px,\n var(--default-theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n --default-theme-color-accent: #8ab4f8;\n --default-theme-background-1: #1a1a1a;\n --default-theme-background-2: #252525;\n --default-theme-background-3: #323232;\n --default-theme-background-4: rgba(255, 255, 255, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n\n /* REST API Client */\n --default-theme-code-languages-background-supersede: transparent;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--default-theme-background-2);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-3);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: transparent;\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-theme-color-accent);\n --default-sidebar-search-background: var(--default-theme-background-3);\n --default-sidebar-search-border-color: var(--default-theme-background-3);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--default-theme-background-2);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-3);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-background-2);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-theme-color-accent);\n --default-sidebar-search-background: var(--default-theme-background-3);\n --default-sidebar-search-border-color: var(--default-theme-background-3);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n/* Document header */\n.light-mode .t-doc__header {\n --default-header-background-1: #000;\n --default-header-border-color: #000;\n --default-header-color-1: #fff;\n --default-header-color-2: rgba(255, 255, 255, 0.66);\n --default-header-background-toggle: var(--default-theme-color-3);\n --default-header-call-to-action-color: var(--default-theme-color-accent);\n}\n\n.dark-mode .t-doc__header {\n --default-header-background-1: var(--default-theme-background-3);\n --default-header-border-color: var(--header-background-1);\n --default-header-color-1: var(--default-theme-color-1);\n --default-header-color-2: var(--default-theme-color-2);\n --default-header-background-toggle: var(--default-theme-color-3);\n --default-header-call-to-action-color: var(--default-theme-color-accent);\n}\n";
|
|
29
|
+
const bluePlanetTheme = "/* basic theme */\n.light-mode {\n --default-theme-color-1: rgb(9, 9, 11);\n --default-theme-color-2: rgb(113, 113, 122);\n --default-theme-color-3: rgba(25, 25, 28, 0.5);\n --default-theme-color-accent: var(--default-theme-color-1);\n\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f4f4f5;\n --default-theme-background-3: #e3e3e6;\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgb(228, 228, 231);\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.dark-mode {\n --default-theme-color-1: #fafafa;\n --default-theme-color-2: rgb(161, 161, 170);\n --default-theme-color-3: rgba(255, 255, 255, 0.533);\n --default-theme-color-accent: var(--default-theme-color-1);\n\n --default-theme-background-1: #000e23;\n --default-theme-background-2: #01132e;\n --default-theme-background-3: #03193b;\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.12);\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --sidebar-background-1: transparent;\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--default-theme-background-2);\n --sidebar-item-active-background: var(--default-theme-background-3);\n --sidebar-border-color: var(--default-theme-border-color);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-color-active: var(--default-theme-color-accent);\n --sidebar-search-background: rgba(255, 255, 255, 0.1);\n --sidebar-search-border-color: var(--default-theme-border-color);\n --sidebar-search--color: var(--default-theme-color-3);\n z-index: 1;\n}\n.light-mode .t-doc__sidebar {\n --sidebar-search-background: white;\n}\n/* advanced */\n.light-mode {\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n}\n.dark-mode {\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: rgba(69, 255, 165, 0.823);\n --default-theme-color-red: #ff8589;\n --default-theme-color-yellow: #ffcc4d;\n --default-theme-color-blue: #6bc1fe;\n --default-theme-color-orange: #f98943;\n --default-theme-color-purple: #b191f9;\n\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n}\n/* Custom theme */\n.show-api-client-button:before {\n background: white !important;\n}\n.show-api-client-button span,\n.show-api-client-button svg {\n color: black !important;\n}\n.download-cta,\n.references-rendered .markdown a {\n text-decoration: underline !important;\n}\n/* Document header */\n@keyframes headerbackground {\n from {\n background: transparent;\n backdrop-filter: none;\n }\n to {\n background: var(--header-background-1);\n backdrop-filter: blur(12px);\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.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\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(\n to right bottom,\n rgb(255, 255, 255) 30%,\n rgba(255, 255, 255, 0.38)\n );\n -webkit-background-clip: text;\n background-clip: text;\n}\n.code-languages-background {\n background: var(--default-theme-background-1) !important;\n}\n.code-languages-background:before {\n box-shadow: inset 0 0 0 2px var(--default-theme-border-color);\n background: linear-gradient(\n to right top,\n rgb(211 225 249 / 12%),\n rgb(209 223 247 / 11%),\n rgb(223 233 251 / 29%)\n ) !important;\n}\n.light-mode .code-languages-background:before {\n background: linear-gradient(\n to right top,\n rgb(0 0 0 / 8%),\n rgb(0 0 0 / 7%),\n rgb(0 0 0 / 19%)\n ) !important;\n}\n.code-languages__active .code-languages-background:before {\n background: var(--default-theme-background-1) !important;\n}\n.sidebar-heading-type {\n color: var(--default-theme-background-1) !important;\n}\n.active_page .sidebar-heading-type {\n color: var(--sidebar-color-1) !important;\n}\n.sidebar-heading-type:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n 9deg,\n var(--default-theme-background-1),\n transparent\n );\n border-radius: 30px;\n opacity: 0.3;\n}\n.code-languages-icon {\n padding: 12px !important;\n}\n.code-languages span {\n margin-top: 5px !important;\n}\n/* Hero Section Flare */\n.section-flare-item:nth-of-type(1),\n.section-flare-item:nth-of-type(2) {\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),\n var(--c7);\n --solid-wrap: var(--solid), var(--c1);\n --trans: 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: radial-gradient(circle, var(--trans)),\n conic-gradient(from 180deg, var(--trans-wrap)),\n radial-gradient(circle, var(--trans)), conic-gradient(var(--solid-wrap));\n width: 600px;\n height: 400px;\n border-radius: 50%;\n filter: blur(30px);\n z-index: 0;\n right: 0;\n position: absolute;\n transform: rotate(-45deg);\n mix-blend-mode: hard-light;\n}\n.section-flare-item:nth-of-type(2) {\n transform: rotate(-45deg);\n width: 100vw;\n top: -300px;\n position: absolute;\n height: 1000px;\n filter: blur(100px);\n opacity: 0.3;\n}\n.section-flare-item:nth-of-type(3) {\n --star-color: #fff;\n --star-color2: #eee;\n --star-color3: #ddd;\n background-image: radial-gradient(\n 2px 2px at 20px 30px,\n var(--star-color2),\n rgba(0, 0, 0, 0)\n ),\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(\n 2px 2px at 160px 120px,\n var(--star-color3),\n rgba(0, 0, 0, 0)\n );\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(--default-theme-background-1));\n width: 100vw;\n}\n.light-mode .section-flare {\n background: linear-gradient(180deg, #f4fdff 30%, transparent 100%);\n}\n.light-mode .section-flare-item:nth-of-type(1) {\n --c1: #ffffff;\n --c2: #eff0f5;\n --c3: #ffffff;\n --c4: #ffffff;\n --c5: #ffffff;\n --c6: #ffffff;\n --c7: #ebf2f5;\n filter: blur(5px);\n mix-blend-mode: initial;\n}\n.light-mode .section-flare-item:nth-of-type(2) {\n opacity: 0.1;\n}\n";
|
|
30
|
+
const deepSpaceTheme = "/* basic theme */\n.light-mode {\n --default-theme-color-1: rgb(9, 9, 11);\n --default-theme-color-2: rgb(113, 113, 122);\n --default-theme-color-3: rgba(25, 25, 28, 0.5);\n --default-theme-color-accent: var(--default-theme-color-1);\n\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f4f4f5;\n --default-theme-background-3: #e3e3e6;\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgb(228, 228, 231);\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.dark-mode {\n --default-theme-color-1: #fafafa;\n --default-theme-color-2: rgb(161, 161, 170);\n --default-theme-color-3: rgba(255, 255, 255, 0.533);\n --default-theme-color-accent: var(--default-theme-color-1);\n\n --default-theme-background-1: #09090b;\n --default-theme-background-2: #18181b;\n --default-theme-background-3: #2c2c30;\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.12);\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --sidebar-background-1: var(--default-theme-background-1);\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--default-theme-background-2);\n --sidebar-item-active-background: var(--default-theme-background-3);\n --sidebar-border-color: var(--default-theme-border-color);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-color-active: var(--default-theme-color-accent);\n --sidebar-search-background: transparent;\n --sidebar-search-border-color: var(--default-theme-border-color);\n --sidebar-search--color: var(--default-theme-color-3);\n}\n.light-mode .t-doc__sidebar {\n --sidebar-item-active-background: #09090b;\n --sidebar-color-active: var(--sidebar-background-1);\n}\n/* advanced */\n.light-mode {\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n}\n.dark-mode {\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: rgba(69, 255, 165, 0.823);\n --default-theme-color-red: #ff8589;\n --default-theme-color-yellow: #ffcc4d;\n --default-theme-color-blue: #6bc1fe;\n --default-theme-color-orange: #f98943;\n --default-theme-color-purple: #b191f9;\n\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\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,\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(\n to right bottom,\n rgb(255, 255, 255) 30%,\n rgba(255, 255, 255, 0.38)\n );\n -webkit-background-clip: text;\n background-clip: text;\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.examples .scalar-card-footer {\n --default-theme-background-3: transparent;\n padding-top: 0;\n}\n.show-api-client-button:before {\n background: white !important;\n}\n.show-api-client-button span,\n.show-api-client-button svg {\n color: black !important;\n}\n.download-cta,\n.references-rendered .markdown a {\n text-decoration: underline !important;\n}\n/* Document header */\n@keyframes headerbackground {\n from {\n background: transparent;\n backdrop-filter: none;\n }\n to {\n background: var(--header-background-1);\n backdrop-filter: blur(12px);\n }\n}\n.code-languages-background {\n background: var(--default-theme-background-1) !important;\n}\n.code-languages-background:before {\n box-shadow: inset 0 0 0 2px var(--default-theme-border-color);\n background: linear-gradient(\n to right top,\n rgb(211 225 249 / 12%),\n rgb(209 223 247 / 11%),\n rgb(223 233 251 / 29%)\n ) !important;\n}\n.light-mode .code-languages-background:before {\n background: linear-gradient(\n to right top,\n rgb(0 0 0 / 8%),\n rgb(0 0 0 / 7%),\n rgb(0 0 0 / 19%)\n ) !important;\n}\n.code-languages__active .code-languages-background:before {\n background: var(--default-theme-background-1) !important;\n}\n.sidebar-heading-type:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n 9deg,\n var(--default-theme-background-1),\n transparent\n );\n border-radius: 30px;\n opacity: 0.3;\n}\n.code-languages-icon {\n padding: 12px !important;\n}\n.code-languages span {\n margin-top: 5px !important;\n}\n/* Hero section flare */\n.section-flare {\n width: 100vw;\n height: 550px;\n position: relative;\n}\n.section-flare-item:nth-of-type(1) {\n position: absolute;\n width: 100vw;\n height: 550px;\n --stripesDark: repeating-linear-gradient(\n 100deg,\n #000 0%,\n #000 7%,\n transparent 10%,\n transparent 12%,\n #000 16%\n );\n --rainbow: repeating-linear-gradient(\n 100deg,\n #fff 10%,\n #fff 16%,\n #fff 22%,\n #fff 30%\n );\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(\n ellipse at 100% 0%,\n black 40%,\n transparent 70%\n );\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: radial-gradient(\n 2px 2px at 20px 30px,\n var(--star-color2),\n rgba(0, 0, 0, 0)\n ),\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(\n 2px 2px at 160px 120px,\n var(--star-color3),\n rgba(0, 0, 0, 0)\n );\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";
|
|
29
31
|
const defaultTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n --default-theme-color-disabled: #b4b1b1;\n --default-theme-color-ghost: #a7a7a7;\n --default-theme-color-accent: #0099ff;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-4: rgba(0, 0, 0, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n /* REST API Client Colors */\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #faf6e9;\n}\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n --default-theme-color-accent: #8ab4f8;\n --default-theme-background-1: #1a1a1a;\n --default-theme-background-2: #252525;\n --default-theme-background-3: #323232;\n --default-theme-background-4: rgba(255, 255, 255, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n /* REST API Client Colors */\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #8b7256;\n}\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-theme-color-accent);\n --default-sidebar-search-background: transparent;\n --default-sidebar-search-border-color: var(--default-theme-border-color);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-theme-color-accent);\n --default-sidebar-search-background: transparent;\n --default-sidebar-search-border-color: var(--default-theme-border-color);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n";
|
|
32
|
+
const keplerTheme = "/* basic theme */\n.light-mode {\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n --default-theme-color-accent: #7070ff;\n\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #7070ff1f;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n\n --default-theme-code-language-color-supersede: var(--default-theme-color-3);\n}\n.dark-mode {\n --default-theme-color-1: #f7f8f8;\n --default-theme-color-2: rgb(180, 188, 208);\n --default-theme-color-3: #b4bcd099;\n --default-theme-color-accent: #828fff;\n\n --default-theme-background-1: #000212;\n --default-theme-background-2: rgba(255, 255, 255, 0.05);\n --default-theme-background-3: rgba(255, 255, 255, 0.05);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: #242537;\n --default-theme-code-language-color-supersede: var(--default-theme-color-3);\n}\n/* Document header */\n.light-mode .t-doc__header {\n --header-background-1: rgba(255, 255, 255, 0.1);\n --header-border-color: var(--default-theme-border-color);\n --header-color-1: var(--default-theme-color-1);\n --header-color-2: var(--default-theme-color-2);\n --header-background-toggle: var(--default-theme-color-3);\n --header-call-to-action-color: var(--default-theme-color-accent);\n backdrop-filter: blur(30px);\n}\n\n.dark-mode .t-doc__header {\n --header-background-1: rgba(0, 2, 18, 0.1);\n --header-border-color: var(--default-theme-border-color);\n --header-color-1: var(--default-theme-color-1);\n --header-color-2: var(--default-theme-color-2);\n --header-background-toggle: var(--default-theme-color-3);\n --header-call-to-action-color: var(--default-theme-color-accent);\n backdrop-filter: blur(20px);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar {\n --sidebar-background-1: var(--default-theme-background-1);\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--default-theme-background-2);\n --sidebar-item-active-background: var(--default-theme-background-accent);\n --sidebar-border-color: var(--default-theme-border-color);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-color-active: var(--default-theme-color-accent);\n --sidebar-search-background: rgba(0, 0, 0, 0.05);\n --sidebar-search-border-color: 1px solid rgba(0, 0, 0, 0.05);\n --sidebar-search--color: var(--default-theme-color-3);\n --default-theme-background-2: rgba(0, 0, 0, 0.03);\n}\n.dark-mode .t-doc__sidebar {\n --sidebar-background-1: var(--default-theme-background-1);\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--default-theme-background-2);\n --sidebar-item-active-background: rgba(255, 255, 255, 0.1);\n --sidebar-border-color: var(--default-theme-border-color);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-color-active: var(--default-theme-color-accent);\n --sidebar-search-background: rgba(255, 255, 255, 0.1);\n --sidebar-search-border-color: 1px solid rgba(255, 255, 255, 0.05);\n --sidebar-search--color: var(--default-theme-color-3);\n}\n/* advanced */\n.light-mode {\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n}\n.dark-mode {\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\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,\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(\n to right bottom,\n rgb(255, 255, 255) 30%,\n rgba(255, 255, 255, 0.38)\n );\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(--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 --default-theme-background-2: transparent !important;\n --default-theme-background-1: transparent !important;\n}\n.light-mode .dark-mode.scalar-card *,\n.light-mode .dark-mode.scalar-card {\n --default-theme-background-1: #0d0f1e !important;\n --default-theme-background-2: #0d0f1e !important;\n --default-theme-background-3: #191b29 !important;\n}\n.light-mode .dark-mode.scalar-card {\n background: #191b29 !important;\n}\n.sidebar-heading-type:before {\n z-index: 10;\n position: relative;\n}\n.sidebar-heading-type:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n 9deg,\n var(--default-theme-background-1),\n transparent\n );\n border-radius: 30px;\n opacity: 0.3;\n}\n.show-api-client-button:before {\n background-color: var(--default-theme-color-accent) !important;\n}\n.badge {\n box-shadow: 0 0 0 1px var(--default-theme-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.code-languages__active {\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.code-languages-background {\n background: linear-gradient(\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 0.05) 100%\n ) !important;\n box-shadow: inset 0 0 0 1px var(--default-theme-border-color) !important;\n}\n.code-languages-icon {\n padding: 12px !important;\n}\n/* Hero Section Flare */\n.section-flare {\n width: 100vw;\n background: radial-gradient(\n ellipse 80% 50% at 50% -20%,\n rgba(120, 119, 198, 0.3),\n transparent\n );\n height: 100%;\n}\n";
|
|
33
|
+
const marsTheme = "/* basic theme */\n.light-mode {\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n --default-theme-color-accent: #ff0000;\n\n --default-theme-background-1: #ffecdf;\n --default-theme-background-2: #f5e0d2;\n --default-theme-background-3: #e1caba;\n --default-theme-background-accent: #dcbfa81f;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.dark-mode {\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-accent: #eca78e;\n\n --default-theme-background-1: #140507;\n --default-theme-background-2: #20090c;\n --default-theme-background-3: #321116;\n --default-theme-background-accent: #441313;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n\n/* Document Sidebar */\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --sidebar-background-1: transparent;\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--default-theme-background-2);\n --sidebar-item-active-background: var(--default-theme-background-3);\n --sidebar-border-color: var(--default-theme-border-color);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-color-active: var(--default-theme-color-accent);\n --sidebar-search-background: rgba(255, 255, 255, 0.1);\n --sidebar-search-border-color: var(--default-theme-border-color);\n --sidebar-search--color: var(--default-theme-color-3);\n z-index: 1;\n}\n/* advanced */\n.light-mode {\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n}\n.dark-mode {\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: rgba(69, 255, 165, 0.823);\n --default-theme-color-red: #ff8589;\n --default-theme-color-yellow: #ffcc4d;\n --default-theme-color-blue: #6bc1fe;\n --default-theme-color-orange: #f98943;\n --default-theme-color-purple: #b191f9;\n\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\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,\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(\n to right bottom,\n rgb(255, 255, 255) 30%,\n rgba(255, 255, 255, 0.38)\n );\n -webkit-background-clip: text;\n background-clip: text;\n}\n.light-mode .t-doc__sidebar {\n --sidebar-search-background: white;\n}\n.examples .scalar-card-footer {\n --default-theme-background-3: transparent;\n padding-top: 0;\n}\n.show-api-client-button:before {\n background: white !important;\n}\n.show-api-client-button span,\n.show-api-client-button svg {\n color: black !important;\n}\n/* Document header */\n@keyframes headerbackground {\n from {\n background: transparent;\n backdrop-filter: none;\n }\n to {\n background: var(--header-background-1);\n backdrop-filter: blur(12px);\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.code-languages-background {\n background: var(--default-theme-background-1) !important;\n}\n.code-languages-background:before {\n box-shadow: inset 0 0 0 2px var(--default-theme-border-color);\n background: linear-gradient(\n to right top,\n rgb(211 225 249 / 12%),\n rgb(209 223 247 / 11%),\n rgb(223 233 251 / 29%)\n ) !important;\n}\n.light-mode .code-languages-background:before {\n background: linear-gradient(\n to right top,\n rgb(0 0 0 / 8%),\n rgb(0 0 0 / 7%),\n rgb(0 0 0 / 19%)\n ) !important;\n}\n.code-languages__active .code-languages-background:before {\n background: var(--default-theme-background-1) !important;\n}\n.sidebar-heading-type {\n color: var(--default-theme-background-1) !important;\n}\n.active_page .sidebar-heading-type {\n color: var(--sidebar-color-active) !important;\n}\n.sidebar-heading-type:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n 9deg,\n var(--default-theme-background-1),\n transparent\n );\n border-radius: 30px;\n opacity: 0.3;\n}\n.code-languages-icon {\n padding: 12px !important;\n}\n.code-languages span {\n margin-top: 5px !important;\n}\n/* Hero section flare */\n.section-flare-item:nth-of-type(1) {\n --c1: #f3a041;\n --c2: #eb7b42;\n --c3: #b03f2e;\n --c4: #95281a;\n --c5: #3f0f0a;\n --c6: #53120a;\n --c7: #b63923;\n\n --solid: var(--c1), var(--c2), var(--c3), var(--c4), var(--c5), var(--c6),\n var(--c7);\n --solid-wrap: var(--solid), var(--c1);\n --trans: 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: radial-gradient(circle, var(--trans)),\n conic-gradient(from 180deg, var(--trans-wrap)),\n radial-gradient(circle, var(--trans)), conic-gradient(var(--solid-wrap));\n width: 100vw;\n height: 600px;\n margin-top: -150px;\n border-radius: 50%;\n filter: blur(30px);\n z-index: 0;\n}\n.light-mode .section-flare-item:nth-of-type(1) {\n opacity: 0.15;\n height: 600px;\n margin-top: -150px;\n mix-blend-mode: luminosity;\n}\n.section-flare {\n top: -150px !important;\n height: 100vh;\n background: linear-gradient(#e63a0a, var(--default-theme-background-1));\n}\n.light-mode .section-flare {\n background: transparent;\n}\n";
|
|
30
34
|
const moonTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #000000;\n --default-theme-color-2: #000000;\n --default-theme-color-3: #000000;\n --default-theme-color-accent: #645b0f;\n --default-theme-background-1: #ccc9b3;\n --default-theme-background-2: #c2bfaa;\n --default-theme-background-3: #b8b5a1;\n --default-theme-background-accent: #000000;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.2);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px,\n var(--default-theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #b91c1c;\n --default-theme-color-orange: #a16207;\n --default-theme-color-green: #047857;\n --default-theme-color-blue: #1d4ed8;\n --default-theme-color-orange: #c2410c;\n --default-theme-color-purple: #6d28d9;\n\n --default-theme-code-languages-background-supersede: var(\n --default-theme-background-3\n );\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #fffef3;\n --default-theme-color-2: #fffef3;\n --default-theme-color-3: #fffef3;\n --default-theme-color-accent: #c3b531;\n --default-theme-background-1: #313332;\n --default-theme-background-2: #393b3a;\n --default-theme-background-3: #414342;\n --default-theme-background-accent: #fffef3;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n\n --default-theme-code-languages-background-supersede: var(\n --default-theme-background-3\n );\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-sidebar-background-1);\n --default-sidebar-search-background: var(--default-theme-background-3);\n --default-sidebar-search-border-color: var(\n --default-sidebar-search-background\n );\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-sidebar-background-1);\n --default-sidebar-search-background: var(--default-theme-background-3);\n --default-sidebar-search-border-color: var(\n --default-sidebar-search-background\n );\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n";
|
|
31
35
|
const purpleTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #24293c;\n --default-theme-color-2: #4a5166;\n --default-theme-color-3: #888c9a;\n --default-theme-color-accent: #5369d2;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #5369d20f;\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n\n --default-theme-border-color: #d8e0e8;\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px,\n var(--default-theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-green: #069061;\n --default-theme-color-red: #ef0006;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #0082d0;\n --default-theme-color-orange: #fb892c;\n --default-theme-color-purple: #5203d1;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #f2f2f4;\n --default-theme-color-2: #acaeb6;\n --default-theme-color-3: #858893;\n --default-theme-color-accent: #5579df;\n --default-theme-background-1: #262a3f;\n --default-theme-background-2: #383c4f;\n --default-theme-background-3: #4a4d5f;\n --default-theme-background-accent: #5579df1f;\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-theme-color-accent);\n --default-sidebar-search-background: var(--default-theme-background-2);\n --default-sidebar-search-border-color: var(--default-theme-border-color);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-theme-color-accent);\n --default-sidebar-search-background: var(--default-theme-background-2);\n --default-sidebar-search-border-color: var(--default-theme-border-color);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n";
|
|
36
|
+
const saturnTheme = "/* basic theme */\n.light-mode {\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n --default-theme-color-accent: #1f808d;\n\n --default-theme-background-1: #fbf6e5;\n --default-theme-background-2: #efead7;\n --default-theme-background-3: #e0dbc7;\n --default-theme-background-accent: #1f808d1f;\n\n --default-theme-border-color: rgba(215, 215, 206, 0.5);\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.dark-mode {\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-accent: #ceb797;\n\n --default-theme-background-1: #1c1813;\n --default-theme-background-2: #29241f;\n --default-theme-background-3: #36302b;\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n/* Document header */\n.light-mode .t-doc__header {\n --header-background-1: rgba(255, 255, 255, 0.1);\n --header-border-color: var(--default-theme-border-color);\n --header-color-1: var(--default-theme-color-1);\n --header-color-2: var(--default-theme-color-2);\n --header-background-toggle: var(--default-theme-color-3);\n --header-call-to-action-color: var(--default-theme-color-accent);\n backdrop-filter: blur(30px);\n}\n\n.dark-mode .t-doc__header {\n --header-background-1: rgba(0, 2, 18, 0.1);\n --header-border-color: var(--default-theme-border-color);\n --header-color-1: var(--default-theme-color-1);\n --header-color-2: var(--default-theme-color-2);\n --header-background-toggle: var(--default-theme-color-3);\n --header-call-to-action-color: var(--default-theme-color-accent);\n backdrop-filter: blur(20px);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --sidebar-background-1: transparent;\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--default-theme-background-3);\n --sidebar-item-active-background: var(--default-theme-background-3);\n --sidebar-border-color: var(--default-theme-background-2);\n --sidebar-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-color-active: var(--default-theme-color-1);\n --sidebar-search-background: var(--default-theme-background-1);\n --sidebar-search-border-color: var(--default-theme-border-color);\n --sidebar-search--color: var(--default-theme-color-3);\n z-index: 10;\n}\n\n/* advanced */\n.light-mode {\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-green: #17803d;\n --default-theme-color-red: #e10909;\n --default-theme-color-yellow: #edbe20;\n --default-theme-color-blue: #1763a6;\n --default-theme-color-orange: #e25b09;\n --default-theme-color-purple: #5c3993;\n\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n}\n.dark-mode {\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\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,\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(\n to right bottom,\n rgb(255, 255, 255) 30%,\n rgba(255, 255, 255, 0.38)\n );\n -webkit-background-clip: text;\n background-clip: text;\n}\n.t-doc__sidebar .sidebar-heading-type {\n color: var(--default-theme-background-1);\n}\n.code-languages-background {\n background: var(--default-theme-background-1) !important;\n}\n.scalar-card .code-languages-icon {\n padding: 12px;\n}\n.code-languages-background:before {\n box-shadow: inset 0 0 0 2px var(--default-theme-border-color);\n background: linear-gradient(\n to right top,\n rgb(211 225 249 / 12%),\n rgb(209 223 247 / 11%),\n rgb(223 233 251 / 29%)\n ) !important;\n}\n.light-mode .code-languages-background:before {\n background: linear-gradient(\n to right top,\n rgb(0 0 0 / 8%),\n rgb(0 0 0 / 7%),\n rgb(0 0 0 / 19%)\n ) !important;\n}\n.code-languages__active .code-languages-background:before {\n background: var(--default-theme-background-1) !important;\n}\n@keyframes headerbackground {\n from {\n background: transparent;\n backdrop-filter: none;\n }\n to {\n background: var(--header-background-1);\n backdrop-filter: blur(12px);\n }\n}\n/* Hero section flare */\n.section-flare {\n height: 100vh;\n width: 100vw;\n position: absolute;\n right: 0;\n top: -150px !important;\n overflow: hidden;\n z-index: 0;\n filter: sepia(1) blur(12px);\n opacity: 0.4;\n}\n.light-mode .section-flare {\n opacity: 0.45;\n}\n.section-flare-item:nth-of-type(1),\n.section-flare-item:nth-of-type(2),\n.section-flare-item:nth-of-type(3) {\n width: 115%;\n min-width: 1100px;\n height: 70%;\n top: -250px;\n left: 150px;\n background: radial-gradient(\n transparent 47%,\n rgba(255, 255, 255, 0.1) 48%,\n rgb(239 206 91) 50%,\n rgb(193 94 94 / 15%) 55%,\n transparent,\n #b1c3a8 60%,\n #272d2b8c 64%,\n transparent 64%,\n #ffffff21,\n #ffffff,\n transparent 80%,\n transparent\n );\n position: absolute;\n overflow: hidden;\n border-radius: 50%;\n}\n.section-flare-item:nth-of-type(2) {\n transform: rotate(-16deg);\n left: -150px;\n width: 200%;\n opacity: 0.1;\n}\n.section-flare-item:nth-of-type(3) {\n transform: rotate(16deg);\n left: -90%;\n width: 250%;\n opacity: 0.1;\n}\n";
|
|
32
37
|
const solarizedTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #584c27;\n --default-theme-color-2: #616161;\n --default-theme-color-3: #a89f84;\n --default-theme-color-accent: #b58900;\n --default-theme-background-1: #fdf6e3;\n --default-theme-background-2: #eee8d5;\n --default-theme-background-3: #ddd6c1;\n --default-theme-background-accent: #b589001f;\n\n --default-theme-border-color: #ded8c8;\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #b91c1c;\n --default-theme-color-orange: #a16207;\n --default-theme-color-green: #047857;\n --default-theme-color-blue: #1d4ed8;\n --default-theme-color-orange: #c2410c;\n --default-theme-color-purple: #6d28d9;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #fff;\n --default-theme-color-2: #cccccc;\n --default-theme-color-3: #6d8890;\n --default-theme-color-accent: #007acc;\n --default-theme-background-1: #00212b;\n --default-theme-background-2: #012b36;\n --default-theme-background-3: #004052;\n --default-theme-background-accent: #015a6f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-theme-color-accent);\n --default-sidebar-search-background: var(--default-theme-background-2);\n --default-sidebar-search-border-color: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-sidebar-color-1);\n --default-sidebar-search-background: var(--default-theme-background-2);\n --default-sidebar-search-border-color: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n";
|
|
33
38
|
const base$2 = "";
|
|
34
39
|
const scrollbar = "";
|
|
@@ -53,7 +58,12 @@ const presets = {
|
|
|
53
58
|
default: defaultTheme,
|
|
54
59
|
moon: moonTheme,
|
|
55
60
|
purple: purpleTheme,
|
|
56
|
-
solarized: solarizedTheme
|
|
61
|
+
solarized: solarizedTheme,
|
|
62
|
+
bluePlanet: bluePlanetTheme,
|
|
63
|
+
deepSpace: deepSpaceTheme,
|
|
64
|
+
saturn: saturnTheme,
|
|
65
|
+
kepler: keplerTheme,
|
|
66
|
+
mars: marsTheme
|
|
57
67
|
};
|
|
58
68
|
const getThemeById = (themeId = "default") => {
|
|
59
69
|
if (themeId === "none") {
|
package/package.json
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"rest",
|
|
14
14
|
"testing"
|
|
15
15
|
],
|
|
16
|
-
"version": "0.8.
|
|
16
|
+
"version": "0.8.9",
|
|
17
17
|
"engines": {
|
|
18
18
|
"node": ">=20"
|
|
19
19
|
},
|
|
@@ -43,10 +43,10 @@
|
|
|
43
43
|
"pretty-bytes": "^6.1.1",
|
|
44
44
|
"pretty-ms": "^8.0.0",
|
|
45
45
|
"vue": "^3.3.0",
|
|
46
|
-
"@scalar/themes": "0.5.1",
|
|
47
46
|
"@scalar/use-codemirror": "0.7.17",
|
|
48
47
|
"@scalar/use-keyboard-event": "0.5.6",
|
|
49
|
-
"@scalar/use-modal": "0.2.1"
|
|
48
|
+
"@scalar/use-modal": "0.2.1",
|
|
49
|
+
"@scalar/themes": "0.5.2"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
52
|
"@scalar/use-codemirror": "^0.7.17",
|