@scalar/swagger-editor
Version:
an editor which is tailored to write OpenAPI spec
27 lines • 1.24 MB
JavaScript
(function() {
"use strict";
try {
if (typeof document != "undefined") {
var elementStyle = document.createElement("style");
elementStyle.appendChild(document.createTextNode("@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900');@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');\n\n:root {\n --default-theme-border-width: 1px;\n --default-theme-radius: 3px;\n --default-theme-radius-lg: 6px;\n --default-theme-radius-xl: 8px;\n\n --default-theme-header-height: 50px;\n --default-theme-sidebar-width: 280px;\n --default-theme-toc-width: 280px;\n\n /* TYPOGRAPHY ------------------------------------ */\n --default-theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n --default-theme-font-code: 'JetBrains Mono', ui-monospace, Menlo, Monaco,\n 'Cascadia Mono', 'Segoe UI Mono', 'Roboto Mono', 'Oxygen Mono',\n 'Ubuntu Monospace', 'Source Code Pro', 'Fira Mono', 'Droid Sans Mono',\n 'Courier New', monospace;\n\n /** Font sizes for rendered text content (editor styles or static content) */\n --default-theme-heading-1: 40px; /* Editor Page heading */\n --default-theme-page-description: 24px;\n --default-theme-heading-2: 24px; /* Editor section headings */\n --default-theme-heading-3: 20px;\n --default-theme-heading-4: 16px;\n --default-theme-heading-5: 16px;\n --default-theme-heading-6: 16px;\n\n --default-theme-paragraph: 16px;\n --default-theme-small: 14px;\n --default-theme-mini: 13px;\n --default-theme-micro: 12px;\n --default-theme-bold: 600;\n --default-theme-semibold: 500;\n --default-theme-regular: 400;\n\n /* Font sizes for interactive applications (not rendered text content) */\n --default-theme-font-size-1: 24px;\n --default-theme-font-size-2: 16px;\n --default-theme-font-size-3: 14px;\n --default-theme-font-size-4: 13px;\n --default-theme-font-size-5: 12px;\n\n --default-theme-line-height-1: 32px;\n --default-theme-line-height-2: 24px;\n --default-theme-line-height-3: 20px;\n --default-theme-line-height-4: 18px;\n --default-theme-line-height-5: 16px;\n\n --default-theme-font-medium: 500;\n --default-theme-font-bold: 700;\n}\n.dark-mode {\n color-scheme: dark;\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.18);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.36);\n --default-theme-button-1: rgba(255, 255, 255, 1);\n --default-theme-button-1-hover: rgba(255, 255, 255, 0.9);\n --default-theme-button-1-color: black;\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.light-mode {\n color-scheme: light;\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-button-1: rgba(0, 0, 0, 1);\n --default-theme-button-1-hover: rgba(0, 0, 0, 0.8);\n --default-theme-button-1-color: rgba(255, 255, 255, 0.9);\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/* On some browsers, the light color scheme takes precedence when the light mode is active */\n.light-mode .dark-mode {\n color-scheme: dark !important;\n}\n@media (max-width: 460px) {\n :root {\n --default-theme-font-size-1: 22px;\n --default-theme-font-size-2: 14px;\n --default-theme-font-size-3: 12px;\n }\n}\n@media (max-width: 720px) {\n :root {\n --default-theme-heading-1: 24px;\n --default-theme-page-description: 20px;\n }\n}\n\n/* Use :where to lower specificity to 0 */\n:where(._reset_78zw5_3) {\n /** Add some more things which are normally applied to `html`. */\n font-family: var(--theme-font, var(--default-theme-font));\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -moz-tab-size: 4;\n tab-size: 4;\n\n /** Make sure box-sizing is set properly. */\n*,\n *:before,\n *:after {\n box-sizing: border-box;\n}\n\n /** Smooth text rendering */\n* {\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n /* prettier-ignore */\nh1, h2, h3, h4, h5, h6, i, p, ol, ul, dl, dd, dt, em, strong, button {\n margin: unset;\n padding: unset;\n color: unset;\n font-weight: unset;\n font-style: unset;\n}\nbutton {\n border: unset;\n background: unset;\n appearance: unset;\n font-family: var(--theme-font, var(--default-theme-font));\n}\ninput::placeholder {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-family: var(--theme-font, var(--default-theme-font));\n}\ninput:-ms-input-placeholder {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-family: var(--theme-font, var(--default-theme-font));\n}\ninput::-webkit-input-placeholder {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-family: var(--theme-font, var(--default-theme-font));\n}\n}\n\n/* Use :where to lower specificity to 0 */\n:where(._scrollbars_1wuqs_3) {\n._cm-scroller_1wuqs_4,\n ._custom-scroll_1wuqs_5 {\n overflow-y: auto;\n scrollbar-color: transparent transparent;\n scrollbar-width: thin;\n -webkit-overflow-scrolling: touch;\n}\n._custom-scroll-self-contain-overflow_1wuqs_11 {\n overscroll-behavior: contain;\n}\n@supports (-moz-appearance: none) {\n._cm-scroller_1wuqs_4,\n ._custom-scroll_1wuqs_5 {\n padding-right: 12px;\n}\n}\n._cm-scroller_1wuqs_4:hover,\n ._custom-scroll_1wuqs_5:hover {\n scrollbar-color: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n )\n transparent;\n}\n._cm-scroller_1wuqs_4:hover::-webkit-scrollbar-thumb,\n ._custom-scroll_1wuqs_5:hover::-webkit-scrollbar-thumb {\n background: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n._cm-scroller_1wuqs_4::-webkit-scrollbar-thumb:active,\n ._custom-scroll_1wuqs_5::-webkit-scrollbar-thumb:active {\n background: var(\n --theme-scrollbar-color-active,\n var(--default-theme-scrollbar-color-active)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n._cm-scroller_1wuqs_4::-webkit-scrollbar-corner,\n ._custom-scroll_1wuqs_5::-webkit-scrollbar-corner {\n background: transparent;\n}\n._cm-scroller_1wuqs_4::-webkit-scrollbar,\n ._custom-scroll_1wuqs_5::-webkit-scrollbar {\n height: 12px;\n width: 12px;\n}\n._cm-scroller_1wuqs_4::-webkit-scrollbar-track,\n ._custom-scroll_1wuqs_5::-webkit-scrollbar-track {\n background: transparent;\n}\n._cm-scroller_1wuqs_4::-webkit-scrollbar-thumb,\n ._custom-scroll_1wuqs_5::-webkit-scrollbar-thumb {\n border-radius: 20px;\n background: transparent;\n background-clip: content-box;\n border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n._cm-scroller_1wuqs_4,\n ._custom-scroll_1wuqs_5 {\n padding-right: 12px;\n}\n}\n}\n\n.swagger-editor-header-button[data-v-dd497865] {\n font-family: var(--theme-font, var(--default-theme-font));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n border-radius: var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius)) 0 0;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-mini, var(--default-theme-mini));\n display: flex;\n align-items: center;\n cursor: pointer;\n position: relative;\n padding: 9px;\n}\n.swagger-editor-header-button[data-v-dd497865]:hover:after {\n content: '';\n position: absolute;\n top: 3px;\n left: 3px;\n width: calc(100% - 6px);\n height: calc(100% - 6px);\n z-index: -1;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n\n.swagger-editor-header[data-v-73bb3d89] {\n padding: 11px 6px 0 12px;\n display: flex;\n align-items: center;\n flex-flow: wrap;\n position: relative;\n border-bottom: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.swagger-editor-title[data-v-73bb3d89] {\n display: flex;\n align-items: center;\n position: relative;\n\n padding: 9px;\n /* Move down to cover the border below */\n margin-bottom: -1px;\n\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-mini, var(--default-theme-mini));\n\n box-shadow:\n 0 1px 0 0px var(--theme-background-2, var(--default-theme-background-2)),\n 0px 0 0 1px var(--theme-border-color, var(--default-theme-border-color)),\n 0 0 0 1px var(--theme-background-2, var(--default-theme-background-2));\n background: var(--theme-background-2, var(--default-theme-background-2));\n border-radius: var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.swagger-editor-heading[data-v-73bb3d89] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-mini, var(--default-theme-mini));\n color: var(--theme-color-3, var(--default-theme-color-3));\n text-transform: uppercase;\n}\n.swagger-editor-modal-layout[data-v-73bb3d89] {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-auto-rows: auto;\n gap: 12px;\n}\n.swagger-editor-modal-layout[data-v-73bb3d89] :first-child {\n grid-column: 1 / -1;\n}\n@media (max-width: 500px) {\n.swagger-editor-modal-layout[data-v-73bb3d89] {\n grid-template-columns: auto;\n}\n}\n.swagger-editor-actions[data-v-73bb3d89] {\n display: flex;\n flex: 1;\n justify-content: flex-end;\n}\n\n.codemirror-container[data-v-9f50a430] {\n width: 100%;\n height: 100%;\n padding-top: 4px;\n min-height: 76px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n color: var(--theme-color-1, var(--default-theme-color-1));\n display: flex;\n align-items: stretch;\n}\n.copy-to-clipboard-button[data-v-9f50a430] {\n background: red;\n}\n\n.codemirror {\n flex-grow: 1;\n max-width: 100%;\n cursor: text;\n font-size: var(--theme-small, var(--default-theme-small));\n /* Don't scale wide text on mobile because we let it scroll */\n -webkit-text-size-adjust: 100%;\n}\n.cm-focused {\n outline: none !important;\n}\n\n.swagger-editor-input {\n height: 100%;\n overflow: hidden;\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.swagger-editor-input .cm-line:first-of-type:last-of-type:has(br):before {\n content: 'Paste your Swagger file here...';\n color: var(--theme-color-3, var(--default-theme-color-3));\n position: absolute;\n display: block;\n height: 23px;\n}\n\n.swagger-editor-notification {\n color: var(--theme-color-3, var(--default-theme-color-3));\n padding: 6px 12px;\n font-size: var(--theme-font-size-5, var(--default-theme-font-size-5));\n}\n.swagger-editor-notification--error {\n background: var(--theme-color-yellow, var(--default-theme-color-yellow));\n color: var(--theme-background-color-1, var(--default-theme-background-1));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.swagger-editor[data-v-6741614c] {\n min-width: 0;\n min-height: 0;\n\n display: flex;\n flex: 1;\n flex-direction: column;\n overflow: auto;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n font-size: var(--theme-small, var(--default-theme-small));\n /* layered box shadow dilenator in case themes don't have borders on their sidebar*/\n box-shadow:\n -1px 0 0 0 var(--theme-border-color, var(--default-theme-border-color)),\n -1px 0 0 0 var(--theme-background-1, var(--default-theme-background-1));\n}\n@media screen and (max-width: 1000px) {\n.swagger-editor[data-v-6741614c] {\n border-right: none;\n box-shadow: none;\n}\n}"));
document.head.appendChild(elementStyle);
}
} catch (e) {
console.error("vite-plugin-css-injected-by-js", e);
}
})();
var __defProp = Object.defineProperty;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __publicField = (obj, key, value) => {
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
return value;
};
import { defineComponent, openBlock, createBlock, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, unref, createCommentVNode, onMounted, useCssModule, renderSlot, inject, watchEffect, ref, computed, cloneVNode, h as h$1, Fragment, onUnmounted, watch, shallowRef, provide, getCurrentInstance, Teleport, reactive, nextTick, getCurrentScope, onScopeDispose, readonly, defineAsyncComponent, useAttrs, createElementBlock, mergeProps, createVNode, useCssVars, normalizeClass, createElementVNode, normalizeStyle, withKeys, createStaticVNode, onBeforeUnmount, toValue as toValue$2, toRef, isRef } from "vue";
const alternateTheme = "/* basic theme */\n.light-mode,\n.light-mode .dark-mode {\n --default-theme-background-1: #f9f9f9;\n --default-theme-background-2: #f1f1f1;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-card: #fff;\n\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n\n --default-theme-color-accent: var(--default-theme-color-1);\n --default-theme-background-accent: var(--default-theme-background-3);\n\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-code-languages-background-supersede: var(\n --default-theme-background-1\n );\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.dark-mode {\n --default-theme-background-1: #131313;\n --default-theme-background-2: #1d1d1d;\n --default-theme-background-3: #272727;\n --default-theme-background-card: #1d1d1d;\n\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\n --default-theme-color-accent: var(--default-theme-color-1);\n --default-theme-background-accent: var(--default-theme-background-3);\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\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-3);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-border-color: var(--default-theme-border-color);\n\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-hover-color: currentColor;\n\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-color-active: var(--default-theme-color-accent);\n\n --default-sidebar-search-background: transparent;\n --default-sidebar-search-color: var(--default-theme-color-3);\n --default-sidebar-search-border-color: var(--default-theme-border-color);\n}\n/* advanced */\n.light-mode .dark-mode,\n.light-mode {\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.dark-mode {\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dd2f2c;\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.code-languages-background:before {\n box-shadow: inset 0 0 0 1px var(--default-theme-border-color) !important;\n}\n.scalar-api-client__item,\n.scalar-card,\n.dark-mode .dark-mode.scalar-card {\n --default-theme-background-1: var(--default-theme-background-card);\n --default-theme-background-2: var(--default-theme-background-1);\n --default-theme-background-3: var(--default-theme-background-1);\n}\n.dark-mode .dark-mode.scalar-card {\n --default-theme-background-3: var(--default-theme-background-3);\n}\n.dark-mode .show-api-client-button span,\n.dark-mode .show-api-client-button svg {\n color: var(--default-theme-background-3);\n}\n.dark-mode .show-api-client-button {\n background: var(--default-theme-color-1) !important;\n}\n.t-doc__sidebar {\n --default-theme-color-green: var(--default-theme-color-1);\n --default-theme-color-red: var(--default-theme-color-1);\n --default-theme-color-yellow: var(--default-theme-color-1);\n --default-theme-color-blue: var(--default-theme-color-1);\n --default-theme-color-orange: var(--default-theme-color-1);\n --default-theme-color-purple: var(--default-theme-color-1);\n}\n.download-cta a,\n.references-rendered .markdown a {\n color: var(--default-theme-color-1) !important;\n text-decoration: underline !important;\n}\n";
const bluePlanetTheme = "/* basic theme */\n.light-mode {\n --default-theme-background-1: #f0f2f5;\n --default-theme-background-2: #eaecf0;\n --default-theme-background-3: #e0e2e6;\n --default-theme-border-color: rgb(228, 228, 231);\n\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\n --default-theme-color-accent: var(--default-theme-color-1);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.light-mode .scalar-card.dark-mode,\n.dark-mode {\n --default-theme-background-1: #000e23;\n --default-theme-background-2: #01132e;\n --default-theme-background-3: #03193b;\n --default-theme-border-color: rgba(255, 255, 255, 0.12);\n\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\n --default-theme-color-accent: var(--default-theme-color-1);\n --default-theme-background-accent: #8ab4f81f;\n\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 --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-border-color: var(--default-theme-border-color);\n\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-hover-color: currentColor;\n\n --default-sidebar-item-active-background: var(--default-theme-background-3);\n --default-sidebar-color-active: var(--default-theme-color-accent);\n\n --default-sidebar-search-background: rgba(255, 255, 255, 0.1);\n --default-sidebar-search-border-color: var(--default-theme-border-color);\n --default-sidebar-search-color: var(--default-theme-color-3);\n z-index: 1;\n}\n.light-mode .t-doc__sidebar {\n --default-sidebar-search-background: white;\n}\n/* advanced */\n.light-mode {\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.dark-mode {\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/* 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.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.code-languages span {\n margin-top: 5px !important;\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),\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: 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: 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 display: none;\n}\n.light-mode .scalar-card {\n --default-theme-background-1: #fff;\n --default-theme-background-2: #fff;\n --default-theme-background-3: #fff;\n}\n";
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.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.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.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";
const defaultTheme = "/* basic theme */\n.light-mode {\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n\n --default-theme-color-accent: #0099ff;\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n}\n.dark-mode {\n --default-theme-background-1: #0f0f0f;\n --default-theme-background-2: #1a1a1a;\n --default-theme-background-3: #272727;\n\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\n --default-theme-color-accent: #3ea6ff;\n --default-theme-background-accent: #3ea6ff1f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-border-color: var(--default-theme-border-color);\n\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-hover-color: currentColor;\n\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-color-active: var(--default-theme-color-accent);\n\n --default-sidebar-search-background: transparent;\n --default-sidebar-search-color: var(--default-theme-color-3);\n --default-sidebar-search-border-color: var(--default-theme-border-color);\n}\n\n/* advanced */\n.light-mode {\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.dark-mode {\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";
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 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: rgba(0, 0, 0, 0.05);\n --default-sidebar-search-border-color: 1px solid rgba(0, 0, 0, 0.05);\n --default-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 --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: rgba(255, 255, 255, 0.1);\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: rgba(255, 255, 255, 0.1);\n --default-sidebar-search-border-color: 1px solid rgba(255, 255, 255, 0.05);\n --default-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.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/* 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";
const marsTheme = "/* basic theme */\n.light-mode {\n --default-theme-background-1: #f9f6f0;\n --default-theme-background-2: #f2efe8;\n --default-theme-background-3: #e9e7e2;\n --default-theme-border-color: rgba(203, 165, 156, 0.6);\n\n --default-theme-color-1: #c75549;\n --default-theme-color-2: #c75549;\n --default-theme-color-3: #c75549;\n\n --default-theme-color-accent: #c75549;\n --default-theme-background-accent: #dcbfa81f;\n\n --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.dark-mode {\n --default-theme-background-1: #140507;\n --default-theme-background-2: #20090c;\n --default-theme-background-3: #321116;\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n\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\n --default-theme-color-accent: rgba(255, 255, 255, 0.9);\n --default-theme-background-accent: #441313;\n\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 --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-border-color: var(--default-theme-border-color);\n\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n\n --default-sidebar-item-active-background: var(--default-theme-background-3);\n --default-sidebar-color-active: var(--default-theme-color-accent);\n\n --default-sidebar-search-background: rgba(255, 255, 255, 0.1);\n --default-sidebar-search-color: var(--default-theme-color-3);\n --default-sidebar-search-border-color: var(--default-theme-border-color);\n z-index: 1;\n}\n/* advanced */\n.light-mode {\n --default-theme-color-green: #09533a;\n --default-theme-color-red: #aa181d;\n --default-theme-color-yellow: #ab8d2b;\n --default-theme-color-blue: #19689a;\n --default-theme-color-orange: #b26c34;\n --default-theme-color-purple: #4c2191;\n}\n.dark-mode {\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/* 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 --default-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.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\n.code-languages span {\n margin-top: 5px !important;\n}\n/* Hero section flare */\n.section-flare-item:nth-of-type(1) {\n background: #d25019;\n width: 80vw;\n height: 500px;\n margin-top: -150px;\n border-radius: 50%;\n filter: blur(100px);\n z-index: 0;\n}\n.light-mode .section-flare {\n display: none;\n}\n.section-flare {\n top: -150px !important;\n height: 100vh;\n right: -400px !important;\n left: initial;\n}\n.download-cta a,\n.section .markdown a {\n text-decoration: underline !important;\n}\n";
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";
const purpleTheme = "/* basic theme */\n.light-mode {\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f5f6f8;\n --default-theme-background-3: #eceef1;\n\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n\n --default-theme-color-accent: #5469d4;\n --default-theme-background-accent: #5469d41f;\n\n --default-theme-border-color: rgba(215, 215, 206, 0.5);\n}\n.dark-mode {\n --default-theme-background-1: #15171c;\n --default-theme-background-2: #1c1e24;\n --default-theme-background-3: #22252b;\n\n --default-theme-color-1: #fafafa;\n --default-theme-color-2: #c9ced8;\n --default-theme-color-3: #8c99ad;\n\n --default-theme-color-accent: #5469d4;\n --default-theme-background-accent: #5469d41f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.12);\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-color-1: var(--default-theme-color-1);\n --sidebar-color-2: var(--default-theme-color-2);\n --sidebar-border-color: var(--default-theme-border-color);\n\n /* Sidebar item hover */\n --sidebar-item-hover-color: currentColor;\n --sidebar-item-hover-background: var(--default-theme-background-3);\n\n /* Sidebar Active */\n --sidebar-item-active-background: var(--default-theme-background-accent);\n --sidebar-color-active: var(--default-theme-color-accent);\n\n /* Sidebar Search */\n --sidebar-search-background: var(--default-theme-background-1);\n --sidebar-search-color: var(--default-theme-color-3);\n --sidebar-search-border-color: var(--default-theme-border-color);\n}\n\n/* advanced