@scalar/api-client 1.2.27 → 1.2.28

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 CHANGED
@@ -1,5 +1,14 @@
1
1
  # @scalar/api-client
2
2
 
3
+ ## 1.2.28
4
+
5
+ ### Patch Changes
6
+
7
+ - 1ce9661: feat: intro cards redesign
8
+ - Updated dependencies [1ce9661]
9
+ - @scalar/themes@0.7.10
10
+ - @scalar/components@0.7.9
11
+
3
12
  ## 1.2.27
4
13
 
5
14
  ### Patch Changes
@@ -1 +1 @@
1
- {"version":3,"file":"SecuritySchemeSelector.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/ApiClient/Request/RequestAuthentication/SecuritySchemeSelector.vue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;;;;;;;;;;;;;;AAuPpE,wBAmBG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
1
+ {"version":3,"file":"SecuritySchemeSelector.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/ApiClient/Request/RequestAuthentication/SecuritySchemeSelector.vue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;;;;;;;;;;;;;;AAyPpE,wBAmBG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
package/dist/index.css CHANGED
@@ -1005,7 +1005,7 @@ to {
1005
1005
  .scalar-api-client__item__options {
1006
1006
  position: relative;
1007
1007
  z-index: 1;
1008
- padding: 6px 9px;
1008
+ padding: 6px 18px;
1009
1009
  border-bottom: 0.5px solid var(--scalar-border-color);
1010
1010
  }
1011
1011
  .scalar-api-client__item__options span {
@@ -1252,7 +1252,7 @@ to {
1252
1252
  background: var(--scalar-button-1-hover);
1253
1253
  }
1254
1254
 
1255
- .security-scheme-selector[data-v-0aeee614] {
1255
+ .security-scheme-selector[data-v-44b7136f] {
1256
1256
  position: relative;
1257
1257
  display: flex;
1258
1258
  border-radius: var(--scalar-radius);
@@ -1262,15 +1262,17 @@ to {
1262
1262
  gap: 4px;
1263
1263
  cursor: pointer;
1264
1264
  }
1265
- .security-scheme-selector[data-v-0aeee614]:hover {
1265
+ .security-scheme-selector[data-v-44b7136f]:hover {
1266
1266
  color: var(--scalar-color-1);
1267
1267
  }
1268
- .security-scheme-label[data-v-0aeee614] {
1268
+ .security-scheme-label[data-v-44b7136f] {
1269
1269
  color: var(--scalar-color-3);
1270
1270
  font-size: var(--scalar-mini);
1271
- margin-left: 9px;
1272
1271
  }
1273
- .security-scheme-selector select[data-v-0aeee614] {
1272
+ .security-scheme-selector:hover .security-scheme-label[data-v-44b7136f] {
1273
+ color: var(--scalar-color-1);
1274
+ }
1275
+ .security-scheme-selector select[data-v-44b7136f] {
1274
1276
  position: absolute;
1275
1277
  cursor: pointer;
1276
1278
  opacity: 0;
@@ -1278,11 +1280,12 @@ to {
1278
1280
  -moz-appearance: none;
1279
1281
  -webkit-appearance: none;
1280
1282
  appearance: none;
1283
+ width: 100%;
1281
1284
  /** Increase clickable area */
1282
1285
  margin-top: -5px;
1283
1286
  padding: 10px 0;
1284
1287
  }
1285
- .security-scheme-selector svg[data-v-0aeee614] {
1288
+ .security-scheme-selector svg[data-v-44b7136f] {
1286
1289
  width: 12px;
1287
1290
  stroke: currentColor;
1288
1291
  }
package/dist/index.js CHANGED
@@ -14,15 +14,15 @@ import prettyBytes from "pretty-bytes";
14
14
  import prettyMilliseconds from "pretty-ms";
15
15
  import { useFloating, autoUpdate, offset, flip, shift as shift$1 } from "@floating-ui/vue";
16
16
  import contentType from "content-type";
17
- const alternateTheme = "/* basic theme */\n:root {\n --scalar-text-decoration: underline;\n --scalar-text-decoration-hover: underline;\n}\n.light-mode,\n.light-mode .dark-mode {\n --scalar-background-1: #f9f9f9;\n --scalar-background-2: #f1f1f1;\n --scalar-background-3: #e7e7e7;\n --scalar-background-card: #fff;\n\n --scalar-color-1: #2a2f45;\n --scalar-color-2: #757575;\n --scalar-color-3: #8e8e8e;\n\n --scalar-color-accent: var(--scalar-color-1);\n --scalar-background-accent: var(--scalar-background-3);\n\n --scalar-border-color: rgba(0, 0, 0, 0.1);\n --scalar-code-languages-background-supersede: var(--scalar-background-1);\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n.dark-mode {\n --scalar-background-1: #131313;\n --scalar-background-2: #1d1d1d;\n --scalar-background-3: #272727;\n --scalar-background-card: #1d1d1d;\n\n --scalar-color-1: rgba(255, 255, 255, 0.9);\n --scalar-color-2: rgba(255, 255, 255, 0.62);\n --scalar-color-3: rgba(255, 255, 255, 0.44);\n\n --scalar-color-accent: var(--scalar-color-1);\n --scalar-background-accent: var(--scalar-background-3);\n\n --scalar-border-color: rgba(255, 255, 255, 0.1);\n --scalar-code-languages-background-supersede: var(--scalar-background-3);\n --scalar-code-language-color-supersede: var(--scalar-color-3);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-hover-color: currentColor;\n\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n --scalar-sidebar-search-background: transparent;\n --scalar-sidebar-search-color: var(--scalar-color-3);\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-indent-border: var(--scalar-sidebar-border-color);\n --scalar-sidebar-indent-border-hover: var(--scalar-sidebar-border-color);\n --scalar-sidebar-indent-border-active: var(--scalar-sidebar-border-color);\n}\n/* advanced */\n.light-mode .dark-mode,\n.light-mode {\n --scalar-color-green: #069061;\n --scalar-color-red: #ef0006;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0082d0;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: #00b648;\n --scalar-color-red: #dd2f2c;\n --scalar-color-yellow: #ffc90d;\n --scalar-color-blue: #4eb3ec;\n --scalar-color-orange: #ff8d4d;\n --scalar-color-purple: #b191f9;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n\n.code-languages-background:before {\n box-shadow: inset 0 0 0 1px var(--scalar-border-color) !important;\n}\n.scalar-api-client__item,\n.scalar-card,\n.dark-mode .dark-mode.scalar-card {\n --scalar-background-1: var(--scalar-background-card);\n --scalar-background-2: var(--scalar-background-1);\n --scalar-background-3: var(--scalar-background-1);\n}\n.dark-mode .dark-mode.scalar-card {\n --scalar-background-3: var(--scalar-background-3);\n}\n.t-doc__sidebar {\n --scalar-color-green: var(--scalar-color-1);\n --scalar-color-red: var(--scalar-color-1);\n --scalar-color-yellow: var(--scalar-color-1);\n --scalar-color-blue: var(--scalar-color-1);\n --scalar-color-orange: var(--scalar-color-1);\n --scalar-color-purple: var(--scalar-color-1);\n}\n";
18
- const bluePlanetTheme = "/* basic theme */\n:root {\n --scalar-text-decoration: underline;\n --scalar-text-decoration-hover: underline;\n}\n.light-mode {\n --scalar-background-1: #f0f2f5;\n --scalar-background-2: #eaecf0;\n --scalar-background-3: #e0e2e6;\n --scalar-border-color: rgb(228, 228, 231);\n\n --scalar-color-1: rgb(9, 9, 11);\n --scalar-color-2: rgb(113, 113, 122);\n --scalar-color-3: rgba(25, 25, 28, 0.5);\n\n --scalar-color-accent: var(--scalar-color-1);\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n.light-mode .scalar-card.dark-mode,\n.dark-mode {\n --scalar-background-1: #000e23;\n --scalar-background-2: #01132e;\n --scalar-background-3: #03193b;\n --scalar-border-color: rgba(255, 255, 255, 0.12);\n\n --scalar-color-1: #fafafa;\n --scalar-color-2: rgb(161, 161, 170);\n --scalar-color-3: rgba(255, 255, 255, 0.533);\n\n --scalar-color-accent: var(--scalar-color-1);\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-hover-color: currentColor;\n\n --scalar-sidebar-item-active-background: var(--scalar-background-3);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n --scalar-sidebar-search-background: rgba(255, 255, 255, 0.1);\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n z-index: 1;\n}\n.light-mode .t-doc__sidebar {\n --scalar-sidebar-search-background: white;\n}\n/* advanced */\n.light-mode {\n --scalar-color-green: #069061;\n --scalar-color-red: #ef0006;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0082d0;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: rgba(69, 255, 165, 0.823);\n --scalar-color-red: #ff8589;\n --scalar-color-yellow: #ffcc4d;\n --scalar-color-blue: #6bc1fe;\n --scalar-color-orange: #f98943;\n --scalar-color-purple: #b191f9;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n/* Custom theme */\n/* Document header */\n@keyframes headerbackground {\n from {\n background: transparent;\n backdrop-filter: none;\n }\n to {\n background: var(--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(--scalar-background-1) !important;\n}\n.code-languages-background:before {\n box-shadow: inset 0 0 0 2px var(--scalar-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(--scalar-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(--scalar-background-1));\n width: 100vw;\n}\n.light-mode .section-flare {\n display: none;\n}\n.light-mode .scalar-card {\n --scalar-background-1: #fff;\n --scalar-background-2: #fff;\n --scalar-background-3: #fff;\n}\n";
19
- const deepSpaceTheme = "/* basic theme */\n:root {\n --scalar-text-decoration: underline;\n --scalar-text-decoration-hover: underline;\n}\n.light-mode {\n --scalar-color-1: rgb(9, 9, 11);\n --scalar-color-2: rgb(113, 113, 122);\n --scalar-color-3: rgba(25, 25, 28, 0.5);\n --scalar-color-accent: var(--scalar-color-1);\n\n --scalar-background-1: #fff;\n --scalar-background-2: #f4f4f5;\n --scalar-background-3: #e3e3e6;\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-border-color: rgb(228, 228, 231);\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n.dark-mode {\n --scalar-color-1: #fafafa;\n --scalar-color-2: rgb(161, 161, 170);\n --scalar-color-3: rgba(255, 255, 255, 0.533);\n --scalar-color-accent: var(--scalar-color-1);\n\n --scalar-background-1: #09090b;\n --scalar-background-2: #18181b;\n --scalar-background-3: #2c2c30;\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-border-color: rgba(255, 255, 255, 0.12);\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n\n --scalar-sidebar-item-active-background: var(--scalar-background-3);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n --scalar-sidebar-search-background: transparent;\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n.light-mode .t-doc__sidebar {\n --scalar-sidebar-item-active-background: #09090b;\n --scalar-sidebar-color-active: var(--scalar-sidebar-background-1);\n}\n/* advanced */\n.light-mode {\n --scalar-color-green: #069061;\n --scalar-color-red: #ef0006;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0082d0;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: rgba(69, 255, 165, 0.823);\n --scalar-color-red: #ff8589;\n --scalar-color-yellow: #ffcc4d;\n --scalar-color-blue: #6bc1fe;\n --scalar-color-orange: #f98943;\n --scalar-color-purple: #b191f9;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n/* Custom theme */\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\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 --scalar-background-3: transparent;\n padding-top: 0;\n}\n.code-languages-background {\n background: var(--scalar-background-1) !important;\n}\n.code-languages-background:before {\n box-shadow: inset 0 0 0 2px var(--scalar-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(--scalar-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";
17
+ const alternateTheme = "/* basic theme */\n:root {\n --scalar-text-decoration: underline;\n --scalar-text-decoration-hover: underline;\n}\n.light-mode,\n.light-mode .dark-mode {\n --scalar-background-1: #f9f9f9;\n --scalar-background-2: #f1f1f1;\n --scalar-background-3: #e7e7e7;\n --scalar-background-card: #fff;\n\n --scalar-color-1: #2a2f45;\n --scalar-color-2: #757575;\n --scalar-color-3: #8e8e8e;\n\n --scalar-color-accent: var(--scalar-color-1);\n --scalar-background-accent: var(--scalar-background-3);\n\n --scalar-border-color: rgba(0, 0, 0, 0.1);\n}\n.dark-mode {\n --scalar-background-1: #131313;\n --scalar-background-2: #1d1d1d;\n --scalar-background-3: #272727;\n --scalar-background-card: #1d1d1d;\n\n --scalar-color-1: rgba(255, 255, 255, 0.9);\n --scalar-color-2: rgba(255, 255, 255, 0.62);\n --scalar-color-3: rgba(255, 255, 255, 0.44);\n\n --scalar-color-accent: var(--scalar-color-1);\n --scalar-background-accent: var(--scalar-background-3);\n\n --scalar-border-color: rgba(255, 255, 255, 0.1);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-hover-color: currentColor;\n\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n --scalar-sidebar-search-background: transparent;\n --scalar-sidebar-search-color: var(--scalar-color-3);\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-indent-border: var(--scalar-sidebar-border-color);\n --scalar-sidebar-indent-border-hover: var(--scalar-sidebar-border-color);\n --scalar-sidebar-indent-border-active: var(--scalar-sidebar-border-color);\n}\n/* advanced */\n.light-mode .dark-mode,\n.light-mode {\n --scalar-color-green: #069061;\n --scalar-color-red: #ef0006;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0082d0;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: #00b648;\n --scalar-color-red: #dd2f2c;\n --scalar-color-yellow: #ffc90d;\n --scalar-color-blue: #4eb3ec;\n --scalar-color-orange: #ff8d4d;\n --scalar-color-purple: #b191f9;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n\n.scalar-api-client__item,\n.scalar-card,\n.dark-mode .dark-mode.scalar-card {\n --scalar-background-1: var(--scalar-background-card);\n --scalar-background-2: var(--scalar-background-1);\n --scalar-background-3: var(--scalar-background-1);\n}\n.dark-mode .dark-mode.scalar-card {\n --scalar-background-3: var(--scalar-background-3);\n}\n.t-doc__sidebar {\n --scalar-color-green: var(--scalar-color-1);\n --scalar-color-red: var(--scalar-color-1);\n --scalar-color-yellow: var(--scalar-color-1);\n --scalar-color-blue: var(--scalar-color-1);\n --scalar-color-orange: var(--scalar-color-1);\n --scalar-color-purple: var(--scalar-color-1);\n}\n";
18
+ const bluePlanetTheme = "/* basic theme */\n:root {\n --scalar-text-decoration: underline;\n --scalar-text-decoration-hover: underline;\n}\n.light-mode {\n --scalar-background-1: #f0f2f5;\n --scalar-background-2: #eaecf0;\n --scalar-background-3: #e0e2e6;\n --scalar-border-color: rgb(228, 228, 231);\n\n --scalar-color-1: rgb(9, 9, 11);\n --scalar-color-2: rgb(113, 113, 122);\n --scalar-color-3: rgba(25, 25, 28, 0.5);\n\n --scalar-color-accent: var(--scalar-color-1);\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n.light-mode .scalar-card.dark-mode,\n.dark-mode {\n --scalar-background-1: #000e23;\n --scalar-background-2: #01132e;\n --scalar-background-3: #03193b;\n --scalar-border-color: rgba(255, 255, 255, 0.12);\n\n --scalar-color-1: #fafafa;\n --scalar-color-2: rgb(161, 161, 170);\n --scalar-color-3: rgba(255, 255, 255, 0.533);\n\n --scalar-color-accent: var(--scalar-color-1);\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-hover-color: currentColor;\n\n --scalar-sidebar-item-active-background: var(--scalar-background-3);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n --scalar-sidebar-search-background: rgba(255, 255, 255, 0.1);\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n z-index: 1;\n}\n.light-mode .t-doc__sidebar {\n --scalar-sidebar-search-background: white;\n}\n/* advanced */\n.light-mode {\n --scalar-color-green: #069061;\n --scalar-color-red: #ef0006;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0082d0;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: rgba(69, 255, 165, 0.823);\n --scalar-color-red: #ff8589;\n --scalar-color-yellow: #ffcc4d;\n --scalar-color-blue: #6bc1fe;\n --scalar-color-orange: #f98943;\n --scalar-color-purple: #b191f9;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n/* Custom theme */\n/* Document header */\n@keyframes headerbackground {\n from {\n background: transparent;\n backdrop-filter: none;\n }\n to {\n background: var(--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/* 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(--scalar-background-1));\n width: 100vw;\n}\n.light-mode .section-flare {\n display: none;\n}\n.light-mode .scalar-card {\n --scalar-background-1: #fff;\n --scalar-background-2: #fff;\n --scalar-background-3: #fff;\n}\n";
19
+ const deepSpaceTheme = "/* basic theme */\n:root {\n --scalar-text-decoration: underline;\n --scalar-text-decoration-hover: underline;\n}\n.light-mode {\n --scalar-color-1: rgb(9, 9, 11);\n --scalar-color-2: rgb(113, 113, 122);\n --scalar-color-3: rgba(25, 25, 28, 0.5);\n --scalar-color-accent: var(--scalar-color-1);\n\n --scalar-background-1: #fff;\n --scalar-background-2: #f4f4f5;\n --scalar-background-3: #e3e3e6;\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-border-color: rgb(228, 228, 231);\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n.dark-mode {\n --scalar-color-1: #fafafa;\n --scalar-color-2: rgb(161, 161, 170);\n --scalar-color-3: rgba(255, 255, 255, 0.533);\n --scalar-color-accent: var(--scalar-color-1);\n\n --scalar-background-1: #09090b;\n --scalar-background-2: #18181b;\n --scalar-background-3: #2c2c30;\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-border-color: rgba(255, 255, 255, 0.12);\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n\n --scalar-sidebar-item-active-background: var(--scalar-background-3);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n --scalar-sidebar-search-background: transparent;\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n.light-mode .t-doc__sidebar {\n --scalar-sidebar-item-active-background: #09090b;\n --scalar-sidebar-color-active: var(--scalar-sidebar-background-1);\n}\n/* advanced */\n.light-mode {\n --scalar-color-green: #069061;\n --scalar-color-red: #ef0006;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0082d0;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: rgba(69, 255, 165, 0.823);\n --scalar-color-red: #ff8589;\n --scalar-color-yellow: #ffcc4d;\n --scalar-color-blue: #6bc1fe;\n --scalar-color-orange: #f98943;\n --scalar-color-purple: #b191f9;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n/* Custom theme */\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\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 --scalar-background-3: transparent;\n padding-top: 0;\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";
20
20
  const defaultTheme = "/* basic theme */\n.light-mode {\n --scalar-background-1: #fff;\n --scalar-background-2: #f6f6f6;\n --scalar-background-3: #e7e7e7;\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-color-1: #2a2f45;\n --scalar-color-2: #757575;\n --scalar-color-3: #8e8e8e;\n\n --scalar-color-accent: #0099ff;\n --scalar-border-color: rgba(0, 0, 0, 0.1);\n}\n.dark-mode {\n --scalar-background-1: #0f0f0f;\n --scalar-background-2: #1a1a1a;\n --scalar-background-3: #272727;\n\n --scalar-color-1: rgba(255, 255, 255, 0.9);\n --scalar-color-2: rgba(255, 255, 255, 0.62);\n --scalar-color-3: rgba(255, 255, 255, 0.44);\n\n --scalar-color-accent: #3ea6ff;\n --scalar-background-accent: #3ea6ff1f;\n\n --scalar-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 --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-hover-color: currentColor;\n\n --scalar-sidebar-item-active-background: var(--scalar-background-2);\n --scalar-sidebar-color-active: var(--scalar-color-1);\n\n --scalar-sidebar-search-background: transparent;\n --scalar-sidebar-search-color: var(--scalar-color-3);\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n}\n\n/* advanced */\n.light-mode {\n --scalar-color-green: #069061;\n --scalar-color-red: #ef0006;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0082d0;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: #00b648;\n --scalar-color-red: #dc1b19;\n --scalar-color-yellow: #ffc90d;\n --scalar-color-blue: #4eb3ec;\n --scalar-color-orange: #ff8d4d;\n --scalar-color-purple: #b191f9;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n";
21
- const keplerTheme = "/* basic theme */\n.light-mode {\n --scalar-color-1: #2a2f45;\n --scalar-color-2: #757575;\n --scalar-color-3: #8e8e8e;\n --scalar-color-accent: #7070ff;\n\n --scalar-background-1: #fff;\n --scalar-background-2: #f6f6f6;\n --scalar-background-3: #e7e7e7;\n --scalar-background-accent: #7070ff1f;\n\n --scalar-border-color: rgba(0, 0, 0, 0.1);\n\n --scalar-code-language-color-supersede: var(--scalar-color-3);\n}\n.dark-mode {\n --scalar-color-1: #f7f8f8;\n --scalar-color-2: rgb(180, 188, 208);\n --scalar-color-3: #b4bcd099;\n --scalar-color-accent: #828fff;\n\n --scalar-background-1: #000212;\n --scalar-background-2: rgba(255, 255, 255, 0.05);\n --scalar-background-3: rgba(255, 255, 255, 0.09);\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-border-color: #242537;\n --scalar-code-language-color-supersede: var(--scalar-color-3);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n --scalar-sidebar-search-background: rgba(0, 0, 0, 0.05);\n --scalar-sidebar-search-border-color: 1px solid rgba(0, 0, 0, 0.05);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n --scalar-background-2: rgba(0, 0, 0, 0.03);\n}\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: rgba(255, 255, 255, 0.1);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n --scalar-sidebar-search-background: rgba(255, 255, 255, 0.1);\n --scalar-sidebar-search-border-color: 1px solid rgba(255, 255, 255, 0.05);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n/* advanced */\n.light-mode {\n --scalar-color-green: #069061;\n --scalar-color-red: #ef0006;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0082d0;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: #00b648;\n --scalar-color-red: #dc1b19;\n --scalar-color-yellow: #ffc90d;\n --scalar-color-blue: #4eb3ec;\n --scalar-color-orange: #ff8d4d;\n --scalar-color-purple: #b191f9;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n/* Custom Theme */\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\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 --scalar-background-2: transparent !important;\n --scalar-background-1: transparent !important;\n}\n.light-mode .dark-mode.scalar-card *,\n.light-mode .dark-mode.scalar-card {\n --scalar-background-1: #0d0f1e !important;\n --scalar-background-2: #0d0f1e !important;\n --scalar-background-3: #191b29 !important;\n}\n.light-mode .dark-mode.scalar-card {\n background: #191b29 !important;\n}\n.badge {\n box-shadow: 0 0 0 1px var(--scalar-border-color);\n margin-right: 6px;\n}\n\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n background: transparent;\n box-shadow: none;\n}\n.code-languages__active {\n --scalar-code-language-color-supersede: var(--scalar-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(--scalar-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: 100vh;\n}\n";
22
- const marsTheme = "/* basic theme */\n:root {\n --scalar-text-decoration: underline;\n --scalar-text-decoration-hover: underline;\n}\n.light-mode {\n --scalar-background-1: #f9f6f0;\n --scalar-background-2: #f2efe8;\n --scalar-background-3: #e9e7e2;\n --scalar-border-color: rgba(203, 165, 156, 0.6);\n\n --scalar-color-1: #c75549;\n --scalar-color-2: #c75549;\n --scalar-color-3: #c75549;\n\n --scalar-color-accent: #c75549;\n --scalar-background-accent: #dcbfa81f;\n\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n.dark-mode {\n --scalar-background-1: #140507;\n --scalar-background-2: #20090c;\n --scalar-background-3: #321116;\n --scalar-border-color: rgba(255, 255, 255, 0.1);\n\n --scalar-color-1: rgba(255, 255, 255, 0.9);\n --scalar-color-2: rgba(255, 255, 255, 0.62);\n --scalar-color-3: rgba(255, 255, 255, 0.44);\n\n --scalar-color-accent: rgba(255, 255, 255, 0.9);\n --scalar-background-accent: #441313;\n\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n\n --scalar-sidebar-item-active-background: var(--scalar-background-3);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n --scalar-sidebar-search-background: rgba(255, 255, 255, 0.1);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n z-index: 1;\n}\n/* advanced */\n.light-mode {\n --scalar-color-green: #09533a;\n --scalar-color-red: #aa181d;\n --scalar-color-yellow: #ab8d2b;\n --scalar-color-blue: #19689a;\n --scalar-color-orange: #b26c34;\n --scalar-color-purple: #4c2191;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: rgba(69, 255, 165, 0.823);\n --scalar-color-red: #ff8589;\n --scalar-color-yellow: #ffcc4d;\n --scalar-color-blue: #6bc1fe;\n --scalar-color-orange: #f98943;\n --scalar-color-purple: #b191f9;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n/* Custom Theme */\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\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 --scalar-sidebar-search-background: white;\n}\n.examples .scalar-card-footer {\n --scalar-background-3: transparent;\n padding-top: 0;\n}\n.code-languages-background {\n background: var(--scalar-background-1) !important;\n}\n.code-languages-background:before {\n box-shadow: inset 0 0 0 2px var(--scalar-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(--scalar-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";
23
- const moonTheme = ".light-mode {\n color-scheme: light;\n --scalar-color-1: #000000;\n --scalar-color-2: #000000;\n --scalar-color-3: #000000;\n --scalar-color-accent: #645b0f;\n --scalar-background-1: #ccc9b3;\n --scalar-background-2: #c2bfaa;\n --scalar-background-3: #b8b5a1;\n --scalar-background-accent: #000000;\n\n --scalar-border-color: rgba(0, 0, 0, 0.2);\n --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);\n --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --scalar-lifted-brightness: 1;\n --scalar-backdrop-brightness: 1;\n\n --scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --scalar-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--scalar-border-color) 0px 0 0 1px;\n\n --scalar-button-1: rgb(49 53 56);\n --scalar-button-1-color: #fff;\n --scalar-button-1-hover: rgb(28 31 33);\n\n --scalar-color-red: #b91c1c;\n --scalar-color-orange: #a16207;\n --scalar-color-green: #047857;\n --scalar-color-blue: #1d4ed8;\n --scalar-color-orange: #c2410c;\n --scalar-color-purple: #6d28d9;\n\n --scalar-code-languages-background-supersede: var(--scalar-background-3);\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n\n.dark-mode {\n color-scheme: dark;\n --scalar-color-1: #fffef3;\n --scalar-color-2: #fffef3;\n --scalar-color-3: #fffef3;\n --scalar-color-accent: #c3b531;\n --scalar-background-1: #313332;\n --scalar-background-2: #393b3a;\n --scalar-background-3: #414342;\n --scalar-background-accent: #fffef3;\n\n --scalar-border-color: rgba(255, 255, 255, 0.1);\n --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);\n --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --scalar-lifted-brightness: 1.45;\n --scalar-backdrop-brightness: 0.5;\n\n --scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --scalar-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 --scalar-button-1: #f6f6f6;\n --scalar-button-1-color: #000;\n --scalar-button-1-hover: #e7e7e7;\n\n --scalar-color-green: #00b648;\n --scalar-color-red: #dc1b19;\n --scalar-color-yellow: #ffc90d;\n --scalar-color-blue: #4eb3ec;\n --scalar-color-orange: #ff8d4d;\n --scalar-color-purple: #b191f9;\n\n --scalar-code-languages-background-supersede: var(--scalar-background-3);\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-sidebar-background-1);\n --scalar-sidebar-search-background: var(--scalar-background-3);\n --scalar-sidebar-search-border-color: var(--scalar-sidebar-search-background);\n --scalar-sidebar-search--color: var(--scalar-color-3);\n}\n\n.dark-mode .sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-sidebar-background-1);\n --scalar-sidebar-search-background: var(--scalar-background-3);\n --scalar-sidebar-search-border-color: var(--scalar-sidebar-search-background);\n --scalar-sidebar-search--color: var(--scalar-color-3);\n}\n";
21
+ const keplerTheme = "/* basic theme */\n.light-mode {\n --scalar-color-1: #2a2f45;\n --scalar-color-2: #757575;\n --scalar-color-3: #8e8e8e;\n --scalar-color-accent: #7070ff;\n\n --scalar-background-1: #fff;\n --scalar-background-2: #f6f6f6;\n --scalar-background-3: #e7e7e7;\n --scalar-background-accent: #7070ff1f;\n\n --scalar-border-color: rgba(0, 0, 0, 0.1);\n\n --scalar-code-language-color-supersede: var(--scalar-color-3);\n}\n.dark-mode {\n --scalar-color-1: #f7f8f8;\n --scalar-color-2: rgb(180, 188, 208);\n --scalar-color-3: #b4bcd099;\n --scalar-color-accent: #828fff;\n\n --scalar-background-1: #000212;\n --scalar-background-2: rgba(255, 255, 255, 0.05);\n --scalar-background-3: rgba(255, 255, 255, 0.09);\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-border-color: #242537;\n --scalar-code-language-color-supersede: var(--scalar-color-3);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n --scalar-sidebar-search-background: rgba(0, 0, 0, 0.05);\n --scalar-sidebar-search-border-color: 1px solid rgba(0, 0, 0, 0.05);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n --scalar-background-2: rgba(0, 0, 0, 0.03);\n}\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: rgba(255, 255, 255, 0.1);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n --scalar-sidebar-search-background: rgba(255, 255, 255, 0.1);\n --scalar-sidebar-search-border-color: 1px solid rgba(255, 255, 255, 0.05);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n/* advanced */\n.light-mode {\n --scalar-color-green: #069061;\n --scalar-color-red: #ef0006;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #0082d0;\n --scalar-color-orange: #fb892c;\n --scalar-color-purple: #5203d1;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: #00b648;\n --scalar-color-red: #dc1b19;\n --scalar-color-yellow: #ffc90d;\n --scalar-color-blue: #4eb3ec;\n --scalar-color-orange: #ff8d4d;\n --scalar-color-purple: #b191f9;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n/* Custom Theme */\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\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 --scalar-background-2: transparent !important;\n --scalar-background-1: transparent !important;\n}\n.light-mode .dark-mode.scalar-card *,\n.light-mode .dark-mode.scalar-card {\n --scalar-background-1: #0d0f1e !important;\n --scalar-background-2: #0d0f1e !important;\n --scalar-background-3: #191b29 !important;\n}\n.light-mode .dark-mode.scalar-card {\n background: #191b29 !important;\n}\n.badge {\n box-shadow: 0 0 0 1px var(--scalar-border-color);\n margin-right: 6px;\n}\n\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n background: transparent;\n box-shadow: none;\n}\n/* Hero Section Flare */\n.section-flare {\n width: 100vw;\n background: radial-gradient(\n ellipse 80% 50% at 50% -20%,\n rgba(120, 119, 198, 0.3),\n transparent\n );\n height: 100vh;\n}\n";
22
+ const marsTheme = "/* basic theme */\n:root {\n --scalar-text-decoration: underline;\n --scalar-text-decoration-hover: underline;\n}\n.light-mode {\n --scalar-background-1: #f9f6f0;\n --scalar-background-2: #f2efe8;\n --scalar-background-3: #e9e7e2;\n --scalar-border-color: rgba(203, 165, 156, 0.6);\n\n --scalar-color-1: #c75549;\n --scalar-color-2: #c75549;\n --scalar-color-3: #c75549;\n\n --scalar-color-accent: #c75549;\n --scalar-background-accent: #dcbfa81f;\n\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n.dark-mode {\n --scalar-background-1: #140507;\n --scalar-background-2: #20090c;\n --scalar-background-3: #321116;\n --scalar-border-color: rgba(255, 255, 255, 0.1);\n\n --scalar-color-1: rgba(255, 255, 255, 0.9);\n --scalar-color-2: rgba(255, 255, 255, 0.62);\n --scalar-color-3: rgba(255, 255, 255, 0.44);\n\n --scalar-color-accent: rgba(255, 255, 255, 0.9);\n --scalar-background-accent: #441313;\n\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n\n --scalar-sidebar-item-active-background: var(--scalar-background-3);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n --scalar-sidebar-search-background: rgba(255, 255, 255, 0.1);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n z-index: 1;\n}\n/* advanced */\n.light-mode {\n --scalar-color-green: #09533a;\n --scalar-color-red: #aa181d;\n --scalar-color-yellow: #ab8d2b;\n --scalar-color-blue: #19689a;\n --scalar-color-orange: #b26c34;\n --scalar-color-purple: #4c2191;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: rgba(69, 255, 165, 0.823);\n --scalar-color-red: #ff8589;\n --scalar-color-yellow: #ffcc4d;\n --scalar-color-blue: #6bc1fe;\n --scalar-color-orange: #f98943;\n --scalar-color-purple: #b191f9;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n/* Custom Theme */\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\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 --scalar-sidebar-search-background: white;\n}\n.examples .scalar-card-footer {\n --scalar-background-3: transparent;\n padding-top: 0;\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";
23
+ const moonTheme = ".light-mode {\n color-scheme: light;\n --scalar-color-1: #000000;\n --scalar-color-2: #000000;\n --scalar-color-3: #000000;\n --scalar-color-accent: #645b0f;\n --scalar-background-1: #ccc9b3;\n --scalar-background-2: #c2bfaa;\n --scalar-background-3: #b8b5a1;\n --scalar-background-accent: #000000;\n\n --scalar-border-color: rgba(0, 0, 0, 0.2);\n --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);\n --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --scalar-lifted-brightness: 1;\n --scalar-backdrop-brightness: 1;\n\n --scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --scalar-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--scalar-border-color) 0px 0 0 1px;\n\n --scalar-button-1: rgb(49 53 56);\n --scalar-button-1-color: #fff;\n --scalar-button-1-hover: rgb(28 31 33);\n\n --scalar-color-red: #b91c1c;\n --scalar-color-orange: #a16207;\n --scalar-color-green: #047857;\n --scalar-color-blue: #1d4ed8;\n --scalar-color-orange: #c2410c;\n --scalar-color-purple: #6d28d9;\n}\n\n.dark-mode {\n color-scheme: dark;\n --scalar-color-1: #fffef3;\n --scalar-color-2: #fffef3;\n --scalar-color-3: #fffef3;\n --scalar-color-accent: #c3b531;\n --scalar-background-1: #313332;\n --scalar-background-2: #393b3a;\n --scalar-background-3: #414342;\n --scalar-background-accent: #fffef3;\n\n --scalar-border-color: rgba(255, 255, 255, 0.1);\n --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);\n --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --scalar-lifted-brightness: 1.45;\n --scalar-backdrop-brightness: 0.5;\n\n --scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --scalar-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 --scalar-button-1: #f6f6f6;\n --scalar-button-1-color: #000;\n --scalar-button-1-hover: #e7e7e7;\n\n --scalar-color-green: #00b648;\n --scalar-color-red: #dc1b19;\n --scalar-color-yellow: #ffc90d;\n --scalar-color-blue: #4eb3ec;\n --scalar-color-orange: #ff8d4d;\n --scalar-color-purple: #b191f9;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-sidebar-background-1);\n --scalar-sidebar-search-background: var(--scalar-background-3);\n --scalar-sidebar-search-border-color: var(--scalar-sidebar-search-background);\n --scalar-sidebar-search--color: var(--scalar-color-3);\n}\n\n.dark-mode .sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-sidebar-background-1);\n --scalar-sidebar-search-background: var(--scalar-background-3);\n --scalar-sidebar-search-border-color: var(--scalar-sidebar-search-background);\n --scalar-sidebar-search--color: var(--scalar-color-3);\n}\n";
24
24
  const purpleTheme = "/* basic theme */\n.light-mode {\n --scalar-background-1: #fff;\n --scalar-background-2: #f5f6f8;\n --scalar-background-3: #eceef1;\n\n --scalar-color-1: #2a2f45;\n --scalar-color-2: #757575;\n --scalar-color-3: #8e8e8e;\n\n --scalar-color-accent: #5469d4;\n --scalar-background-accent: #5469d41f;\n\n --scalar-border-color: rgba(215, 215, 206, 0.5);\n}\n.dark-mode {\n --scalar-background-1: #15171c;\n --scalar-background-2: #1c1e24;\n --scalar-background-3: #22252b;\n\n --scalar-color-1: #fafafa;\n --scalar-color-2: #c9ced8;\n --scalar-color-3: #8c99ad;\n\n --scalar-color-accent: #5469d4;\n --scalar-background-accent: #5469d41f;\n\n --scalar-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 --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-3);\n\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n --scalar-sidebar-search-background: var(--scalar-background-1);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n}\n\n/* advanced */\n.light-mode {\n --scalar-color-green: #17803d;\n --scalar-color-red: #e10909;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #1763a6;\n --scalar-color-orange: #e25b09;\n --scalar-color-purple: #5c3993;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: #30a159;\n --scalar-color-red: #dc1b19;\n --scalar-color-yellow: #eec644;\n --scalar-color-blue: #2b7abf;\n --scalar-color-orange: #f07528;\n --scalar-color-purple: #7a59b1;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n";
25
- const saturnTheme = "/* basic theme */\n.light-mode {\n --scalar-background-1: #f3f3ee;\n --scalar-background-2: #e8e8e3;\n --scalar-background-3: #e4e4df;\n --scalar-border-color: rgba(215, 215, 206, 0.5);\n\n --scalar-color-1: #2a2f45;\n --scalar-color-2: #757575;\n --scalar-color-3: #8e8e8e;\n\n --scalar-color-accent: #1763a6;\n --scalar-background-accent: #1f648e1f;\n\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n --scalar-code-languages-background-supersede: var(--scalar-background-2);\n}\n.dark-mode {\n --scalar-background-1: #09090b;\n --scalar-background-2: #18181b;\n --scalar-background-3: #2c2c30;\n --scalar-border-color: rgba(255, 255, 255, 0.12);\n\n --scalar-color-1: #fafafa;\n --scalar-color-2: rgb(161, 161, 170);\n --scalar-color-3: rgba(255, 255, 255, 0.533);\n\n --scalar-color-accent: #4eb3ec;\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n --scalar-code-languages-background-supersede: var(--scalar-background-2);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-hover-color: currentColor;\n\n --scalar-sidebar-item-active-background: var(--scalar-background-3);\n --scalar-sidebar-color-active: var(--scalar-color-1);\n\n --scalar-sidebar-search-background: var(--scalar-background-1);\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n\n/* advanced */\n.light-mode {\n --scalar-color-green: #17803d;\n --scalar-color-red: #e10909;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #1763a6;\n --scalar-color-orange: #e25b09;\n --scalar-color-purple: #5c3993;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: #30a159;\n --scalar-color-red: #dc1b19;\n --scalar-color-yellow: #eec644;\n --scalar-color-blue: #2b7abf;\n --scalar-color-orange: #f07528;\n --scalar-color-purple: #7a59b1;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n.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";
25
+ const saturnTheme = "/* basic theme */\n.light-mode {\n --scalar-background-1: #f3f3ee;\n --scalar-background-2: #e8e8e3;\n --scalar-background-3: #e4e4df;\n --scalar-border-color: rgba(215, 215, 206, 0.5);\n\n --scalar-color-1: #2a2f45;\n --scalar-color-2: #757575;\n --scalar-color-3: #8e8e8e;\n\n --scalar-color-accent: #1763a6;\n --scalar-background-accent: #1f648e1f;\n}\n.dark-mode {\n --scalar-background-1: #09090b;\n --scalar-background-2: #18181b;\n --scalar-background-3: #2c2c30;\n --scalar-border-color: rgba(255, 255, 255, 0.12);\n\n --scalar-color-1: #fafafa;\n --scalar-color-2: rgb(161, 161, 170);\n --scalar-color-3: rgba(255, 255, 255, 0.533);\n\n --scalar-color-accent: #4eb3ec;\n --scalar-background-accent: #8ab4f81f;\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-hover-color: currentColor;\n\n --scalar-sidebar-item-active-background: var(--scalar-background-3);\n --scalar-sidebar-color-active: var(--scalar-color-1);\n\n --scalar-sidebar-search-background: var(--scalar-background-1);\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n\n/* advanced */\n.light-mode {\n --scalar-color-green: #17803d;\n --scalar-color-red: #e10909;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #1763a6;\n --scalar-color-orange: #e25b09;\n --scalar-color-purple: #5c3993;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: #30a159;\n --scalar-color-red: #dc1b19;\n --scalar-color-yellow: #eec644;\n --scalar-color-blue: #2b7abf;\n --scalar-color-orange: #f07528;\n --scalar-color-purple: #7a59b1;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n.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";
26
26
  const solarizedTheme = ".light-mode {\n color-scheme: light;\n --scalar-color-1: #584c27;\n --scalar-color-2: #616161;\n --scalar-color-3: #a89f84;\n --scalar-color-accent: #b58900;\n --scalar-background-1: #fdf6e3;\n --scalar-background-2: #eee8d5;\n --scalar-background-3: #ddd6c1;\n --scalar-background-accent: #b589001f;\n\n --scalar-border-color: #ded8c8;\n --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);\n --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --scalar-lifted-brightness: 1;\n --scalar-backdrop-brightness: 1;\n\n --scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --scalar-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --scalar-button-1: rgb(49 53 56);\n --scalar-button-1-color: #fff;\n --scalar-button-1-hover: rgb(28 31 33);\n\n --scalar-color-red: #b91c1c;\n --scalar-color-orange: #a16207;\n --scalar-color-green: #047857;\n --scalar-color-blue: #1d4ed8;\n --scalar-color-orange: #c2410c;\n --scalar-color-purple: #6d28d9;\n}\n\n.dark-mode {\n color-scheme: dark;\n --scalar-color-1: #fff;\n --scalar-color-2: #cccccc;\n --scalar-color-3: #6d8890;\n --scalar-color-accent: #007acc;\n --scalar-background-1: #00212b;\n --scalar-background-2: #012b36;\n --scalar-background-3: #004052;\n --scalar-background-accent: #015a6f;\n\n --scalar-border-color: rgba(255, 255, 255, 0.1);\n --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);\n --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --scalar-lifted-brightness: 1.45;\n --scalar-backdrop-brightness: 0.5;\n\n --scalar-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --scalar-shadow-2: 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 --scalar-button-1: #f6f6f6;\n --scalar-button-1-color: #000;\n --scalar-button-1-hover: #e7e7e7;\n\n --scalar-color-green: #00b648;\n --scalar-color-red: #dc1b19;\n --scalar-color-yellow: #ffc90d;\n --scalar-color-blue: #4eb3ec;\n --scalar-color-orange: #ff8d4d;\n --scalar-color-purple: #b191f9;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n --scalar-sidebar-search-background: var(--scalar-background-2);\n --scalar-sidebar-search-border-color: var(--scalar-sidebar-search-background);\n --scalar-sidebar-search--color: var(--scalar-color-3);\n}\n\n.dark-mode .sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-sidebar-color-1);\n --scalar-sidebar-search-background: var(--scalar-background-2);\n --scalar-sidebar-search-border-color: var(--scalar-sidebar-search-background);\n --scalar-sidebar-search--color: var(--scalar-color-3);\n}\n";
27
27
  const fonts = "\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900');\n@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');\n/* Inter (--scalar-font) */\n/* JetBrains Mono (--scalar-font-code) */\n";
28
28
  const _sfc_main$F = /* @__PURE__ */ defineComponent({
@@ -31791,7 +31791,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
31791
31791
  }
31792
31792
  });
31793
31793
  const SecurityScheme = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-3eb93ac9"]]);
31794
- const _withScopeId$3 = (n) => (pushScopeId("data-v-0aeee614"), n = n(), popScopeId(), n);
31794
+ const _withScopeId$3 = (n) => (pushScopeId("data-v-44b7136f"), n = n(), popScopeId(), n);
31795
31795
  const _hoisted_1$m = {
31796
31796
  key: 0,
31797
31797
  class: "security-scheme-label"
@@ -31882,7 +31882,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
31882
31882
  };
31883
31883
  }
31884
31884
  });
31885
- const SecuritySchemeSelector = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-0aeee614"]]);
31885
+ const SecuritySchemeSelector = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-44b7136f"]]);
31886
31886
  const _hoisted_1$l = {
31887
31887
  key: 0,
31888
31888
  class: "preferred-security-scheme"
package/package.json CHANGED
@@ -18,7 +18,7 @@
18
18
  "rest",
19
19
  "testing"
20
20
  ],
21
- "version": "1.2.27",
21
+ "version": "1.2.28",
22
22
  "engines": {
23
23
  "node": ">=18"
24
24
  },
@@ -42,10 +42,10 @@
42
42
  "nanoid": "^5.0.1",
43
43
  "pretty-bytes": "^6.1.1",
44
44
  "pretty-ms": "^8.0.0",
45
- "@scalar/themes": "0.7.9",
46
- "@scalar/components": "0.7.9",
47
- "@scalar/use-codemirror": "0.10.5",
45
+ "@scalar/themes": "0.7.10",
48
46
  "@scalar/use-modal": "0.3.3",
47
+ "@scalar/use-codemirror": "0.10.5",
48
+ "@scalar/components": "0.7.9",
49
49
  "@scalar/use-tooltip": "0.6.2"
50
50
  },
51
51
  "devDependencies": {
@@ -58,9 +58,9 @@
58
58
  "vitest": "^1.5.0",
59
59
  "vue": "^3.4.21",
60
60
  "vue-tsc": "^1.8.19",
61
- "@scalar/oas-utils": "0.1.11",
61
+ "@scalar/api-client-proxy": "0.5.27",
62
62
  "@scalar/echo-server": "0.6.4",
63
- "@scalar/api-client-proxy": "0.5.27"
63
+ "@scalar/oas-utils": "0.1.11"
64
64
  },
65
65
  "peerDependencies": {
66
66
  "vue": "^3.3.0",