@waggylabs/yumekit 0.5.0-beta.75 → 0.5.0-beta.76

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.
Files changed (27) hide show
  1. package/dist/components/y-theme.js +23 -23
  2. package/dist/index.js +23 -23
  3. package/dist/styles/blue-dark.css +2 -0
  4. package/dist/styles/blue-light.css +2 -0
  5. package/dist/styles/brown-dark.css +2 -0
  6. package/dist/styles/brown-light.css +2 -0
  7. package/dist/styles/green-dark.css +2 -0
  8. package/dist/styles/green-light.css +2 -0
  9. package/dist/styles/indigo-dark.css +2 -0
  10. package/dist/styles/indigo-light.css +2 -0
  11. package/dist/styles/olive-dark.css +2 -0
  12. package/dist/styles/olive-light.css +2 -0
  13. package/dist/styles/orange-dark.css +2 -0
  14. package/dist/styles/orange-light.css +2 -0
  15. package/dist/styles/pink-dark.css +2 -0
  16. package/dist/styles/pink-light.css +2 -0
  17. package/dist/styles/purple-dark.css +2 -0
  18. package/dist/styles/purple-light.css +2 -0
  19. package/dist/styles/red-dark.css +2 -0
  20. package/dist/styles/red-light.css +2 -0
  21. package/dist/styles/teal-dark.css +2 -0
  22. package/dist/styles/teal-light.css +2 -0
  23. package/dist/styles/variables.css +2 -0
  24. package/dist/styles/yellow-dark.css +2 -0
  25. package/dist/styles/yellow-light.css +2 -0
  26. package/dist/yumekit.min.js +1 -1
  27. package/package.json +1 -1
package/dist/components/y-theme.js CHANGED
@@ -1,48 +1,48 @@
1
- var variablesCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --component-appbar-collapsed-width: 52px;\n --component-appbar-collapsed-width-small: 40px;\n --component-appbar-collapsed-width-medium: 52px;\n --component-appbar-collapsed-width-large: 64px;\n --component-appbar-mobile-breakpoint: 768px;\n --component-appbar-width: 240px;\n --component-appbar-z-index: 100;\n --component-breadcrumbs-font-size-small: 0.75em;\n --component-breadcrumbs-font-size-medium: 0.875em;\n --component-breadcrumbs-font-size-large: 1em;\n --component-break-content-font-size: 0.875em;\n --component-break-content-font-weight: 500;\n --component-dock-height-small: 52px;\n --component-dock-height-medium: 60px;\n --component-dock-height-large: 72px;\n --component-dock-z-index: 8000;\n --component-dialog-z-index: 1000;\n --component-drawer-z-index: 5000;\n --component-droplist-drag-preview-opacity: 0.85;\n --component-droplist-drag-preview-z-index: 9999;\n --component-droplist-ghost-opacity: 0.5;\n --component-menu-z-index: 1001;\n --component-select-z-index: 6000;\n --component-paginator-button-size-small: 24px;\n --component-paginator-button-size-medium: 32px;\n --component-paginator-button-size-large: 40px;\n --component-paginator-transition: 150ms;\n --component-stepper-indicator-size-small: 28px;\n --component-stepper-indicator-size-medium: 36px;\n --component-stepper-indicator-size-large: 44px;\n --component-splitter-handle-size: 10px;\n --component-splitter-grip-size: 16px;\n --component-splitter-keyboard-step: 0.01;\n --component-splitter-keyboard-step-large: 0.1;\n --component-animate-duration: 300;\n --component-animate-stagger-delay: 50;\n --component-animate-fade-opacity-start: 0;\n --component-animate-fade-opacity-end: 1;\n --component-animate-slide-distance: 16px;\n --component-animate-zoom-in-scale-start: 0.8;\n --component-animate-zoom-out-scale-start: 1.2;\n --component-animate-rotate-angle: 90;\n --component-animate-bounce-height: 16px;\n --component-animate-shake-amplitude: 8px;\n --component-animate-scale-start: 0.5;\n --component-animate-scale-end: 1;\n --component-banner-z-index: 200;\n --component-banner-border-radius: 0px;\n --component-color-popup-offset: 4px;\n --component-color-z-index: 200;\n --component-colorpicker-width-small: 200px;\n --component-colorpicker-width: 260px;\n --component-colorpicker-width-large: 320px;\n --component-colorpicker-canvas-height-small: 120px;\n --component-colorpicker-canvas-height: 160px;\n --component-colorpicker-canvas-height-large: 200px;\n --component-colorpicker-slider-height: 12px;\n --component-colorpicker-slider-thumb-size: 16px;\n --component-colorpicker-canvas-handle-size: 16px;\n --component-colorpicker-checkerboard-size: 8px;\n --component-gallery-columns: 3;\n --component-gallery-expand-z-index: 1000;\n --component-icon-size-x-large: 28px;\n --component-icon-size-large: 22px;\n --component-icon-size-medium: 18px;\n --component-icon-size-small: 14px;\n --component-icon-size-x-small: 10px;\n --component-progress-thickness-small: 4px;\n --component-progress-thickness-medium: 8px;\n --component-progress-thickness-large: 12px;\n --component-date-z-index: 200;\n --component-grid-min-item-width: 240px;\n --component-masonry-mobile-breakpoint: 576px;\n --component-masonry-tablet-breakpoint: 768px;\n --component-stack-mobile-breakpoint: 576px;\n --component-slider-track-thickness-small: 3px;\n --component-slider-track-thickness-medium: 4px;\n --component-slider-track-thickness-large: 6px;\n --component-slider-thumb-size-small: 16px;\n --component-slider-thumb-size-medium: 20px;\n --component-slider-thumb-size-large: 24px;\n --component-slider-tick-size: 4px;\n --component-tag-height-large: 36px;\n --component-tag-height-medium: 26px;\n --component-tag-height-small: 20px;\n --component-toast-z-index: 9000;\n --component-tooltip-z-index: 7000;\n --neutral-white: #ffffff;\n --neutral-black: #000000;\n --neutral-light-0: #f7f7fa;\n --neutral-light-1: #f0f0f2;\n --neutral-light-2: #dfe0e3;\n --neutral-light-3: #cacbcf;\n --neutral-light-4: #bbbdc0;\n --neutral-light-5: #acaeb2;\n --neutral-light-6: #9d9fa3;\n --neutral-light-7: #8e9195;\n --neutral-dark-0: #0c0c0d;\n --neutral-dark-1: #151617;\n --neutral-dark-2: #292a2b;\n --neutral-dark-3: #37383a;\n --neutral-dark-4: #46474a;\n --neutral-dark-5: #545659;\n --neutral-dark-6: #626568;\n --neutral-dark-7: #717377;\n --neutral-translucent-black: rgba(0, 0, 0, 0.12);\n --neutral-translucent-white: rgba(255, 255, 255, 0.12);\n --neutral: #7f8286;\n --red-light-0: #f2e6e8;\n --red-light-1: #ebcacf;\n --red-light-2: #e4aeb6;\n --red-light-3: #dc919d;\n --red-light-4: #d57585;\n --red-light-5: #ce596c;\n --red-light-6: #c73d53;\n --red-light-7: #bf203a;\n --red-dark-0: #0d0103;\n --red-dark-1: #220107;\n --red-dark-2: #38020b;\n --red-dark-3: #4d020e;\n --red-dark-4: #630312;\n --red-dark-5: #780316;\n --red-dark-6: #8d031a;\n --red-dark-7: #a3041d;\n --red-translucent: rgba(184, 4, 33, 0.12);\n --red: #b80421;\n --orange-light-0: #f2e9e6;\n --orange-light-1: #eed3ca;\n --orange-light-2: #eabdae;\n --orange-light-3: #e6a691;\n --orange-light-4: #e29075;\n --orange-light-5: #dd7a59;\n --orange-light-6: #d9643d;\n --orange-light-7: #d54d20;\n --orange-dark-0: #0d0300;\n --orange-dark-1: #260a01;\n --orange-dark-2: #3e1001;\n --orange-dark-3: #571702;\n --orange-dark-4: #6f1d02;\n --orange-dark-5: #882403;\n --orange-dark-6: #a02a03;\n --orange-dark-7: #b93104;\n --orange-translucent: rgba(209, 55, 4, 0.12);\n --orange: #d13704;\n --amber-light-0: #f2ece6;\n --amber-light-1: #eedbca;\n --amber-light-2: #eac9ae;\n --amber-light-3: #e6b891;\n --amber-light-4: #e2a675;\n --amber-light-5: #dd9559;\n --amber-light-6: #d9833d;\n --amber-light-7: #d57220;\n --amber-dark-0: #0d0c0c;\n --amber-dark-1: #26170b;\n --amber-dark-2: #3e210a;\n --amber-dark-3: #572c09;\n --amber-dark-4: #6f3608;\n --amber-dark-5: #884107;\n --amber-dark-6: #a04b06;\n --amber-dark-7: #b95605;\n --amber-translucent: rgba(209, 96, 4, 0.12);\n --amber: #d16004;\n --yellow-light-0: #f2eadf;\n --yellow-light-1: #eeddc4;\n --yellow-light-2: #eacfa8;\n --yellow-light-3: #e6c28d;\n --yellow-light-4: #e2b572;\n --yellow-light-5: #dda756;\n --yellow-light-6: #d99a3b;\n --yellow-light-7: #d58c1f;\n --yellow-dark-0: #0d0c0c;\n --yellow-dark-1: #261a0b;\n --yellow-dark-2: #3e290a;\n --yellow-dark-3: #573709;\n --yellow-dark-4: #6f4608;\n --yellow-dark-5: #885407;\n --yellow-dark-6: #a06206;\n --yellow-dark-7: #b97105;\n --yellow-translucent: rgba(209, 127, 4, 0.12);\n --yellow: #d17f04;\n --olive-light-0: #f0f0e0;\n --olive-light-1: #e2e3c5;\n --olive-light-2: #d5d6aa;\n --olive-light-3: #c7c98f;\n --olive-light-4: #babc74;\n --olive-light-5: #acaf58;\n --olive-light-6: #9ea23d;\n --olive-light-7: #919522;\n --olive-dark-0: #0d0d0c;\n --olive-dark-1: #1c1c0b;\n --olive-dark-2: #2b2c0b;\n --olive-dark-3: #393b0a;\n --olive-dark-4: #484b0a;\n --olive-dark-5: #575a09;\n --olive-dark-6: #666908;\n --olive-dark-7: #747908;\n --olive-translucent: rgba(131, 136, 7, 0.12);\n --olive: #838807;\n --green-light-0: #e4f4ec;\n --green-light-1: #cdeadb;\n --green-light-2: #b5e0cb;\n --green-light-3: #9ed6ba;\n --green-light-4: #86cca9;\n --green-light-5: #6fc298;\n --green-light-6: #57b888;\n --green-light-7: #40ae77;\n --green-dark-0: #030d08;\n --green-dark-1: #082014;\n --green-dark-2: #0c3320;\n --green-dark-3: #11462b;\n --green-dark-4: #165937;\n --green-dark-5: #1a6b43;\n --green-dark-6: #1f7e4f;\n --green-dark-7: #23915a;\n --green-translucent: rgba(40, 164, 102, 0.12);\n --green: #28a466;\n --teal-light-0: #ebf7f7;\n --teal-light-1: #ceeceb;\n --teal-light-2: #b2e1e0;\n --teal-light-3: #95d6d4;\n --teal-light-4: #79ccc8;\n --teal-light-5: #5cc1bc;\n --teal-light-6: #3fb6b1;\n --teal-light-7: #23aba5;\n --teal-dark-0: #0c0d0d;\n --teal-dark-1: #0b1f1f;\n --teal-dark-2: #0b3230;\n --teal-dark-3: #0a4442;\n --teal-dark-4: #095753;\n --teal-dark-5: #086965;\n --teal-dark-6: #087b76;\n --teal-dark-7: #078e88;\n --teal-translucent: rgba(6, 160, 153, 0.12);\n --teal: #06a099;\n --blue-light-0: #ebf5ff;\n --blue-light-1: #cee5ff;\n --blue-light-2: #b2d5ff;\n --blue-light-3: #95c5ff;\n --blue-light-4: #78b6ff;\n --blue-light-5: #5ba6ff;\n --blue-light-6: #3f96ff;\n --blue-light-7: #2286ff;\n --blue-dark-0: #0c0c0d;\n --blue-dark-1: #0b192b;\n --blue-dark-2: #0a274a;\n --blue-dark-3: #093468;\n --blue-dark-4: #094186;\n --blue-dark-5: #084ea4;\n --blue-dark-6: #075cc3;\n --blue-dark-7: #0669e1;\n --blue-translucent: rgba(5, 118, 255, 0.12);\n --blue: #0576ff;\n --indigo-light-0: #f6f2ff;\n --indigo-light-1: #e7dcff;\n --indigo-light-2: #d8c6ff;\n --indigo-light-3: #c9afff;\n --indigo-light-4: #ba99ff;\n --indigo-light-5: #aa83ff;\n --indigo-light-6: #9b6dff;\n --indigo-light-7: #8c56ff;\n --indigo-dark-0: #0d0c0c;\n --indigo-dark-1: #1b132a;\n --indigo-dark-2: #291949;\n --indigo-dark-3: #372067;\n --indigo-dark-4: #452686;\n --indigo-dark-5: #532da4;\n --indigo-dark-6: #6133c2;\n --indigo-dark-7: #6f3ae1;\n --indigo-translucent: rgba(125, 64, 255, 0.12);\n --indigo: #7d40ff;\n --purple-light-0: #f9f2ff;\n --purple-light-1: #ebd4ff;\n --purple-light-2: #ddb7ff;\n --purple-light-3: #cf99ff;\n --purple-light-4: #c27cff;\n --purple-light-5: #b45eff;\n --purple-light-6: #a640ff;\n --purple-light-7: #9823ff;\n --purple-dark-0: #0c0c0d;\n --purple-dark-1: #1c0b2b;\n --purple-dark-2: #2c0a4a;\n --purple-dark-3: #3b0968;\n --purple-dark-4: #4b0986;\n --purple-dark-5: #5b08a4;\n --purple-dark-6: #6b07c3;\n --purple-dark-7: #7a06e1;\n --purple-translucent: rgba(138, 5, 255, 0.12);\n --purple: #8a05ff;\n --pink-light-0: #f9f2ff;\n --pink-light-1: #fad4f4;\n --pink-light-2: #fbb7e9;\n --pink-light-3: #fb99de;\n --pink-light-4: #fc7cd4;\n --pink-light-5: #fd5ec9;\n --pink-light-6: #fe40be;\n --pink-light-7: #fe23b3;\n --pink-dark-0: #0c0c0d;\n --pink-dark-1: #2a0b20;\n --pink-dark-2: #490a34;\n --pink-dark-3: #670947;\n --pink-dark-4: #86095b;\n --pink-dark-5: #a4086e;\n --pink-dark-6: #c20781;\n --pink-dark-7: #e10695;\n --pink-translucent: rgba(255, 5, 168, 0.12);\n --pink: #ff05a8;\n --brown-light-0: #f2dfdf;\n --brown-light-1: #e9d0c9;\n --brown-light-2: #e0c0b3;\n --brown-light-3: #d7b19d;\n --brown-light-4: #cfa287;\n --brown-light-5: #c69270;\n --brown-light-6: #bd835a;\n --brown-light-7: #b47344;\n --brown-dark-0: #0d0c0c;\n --brown-dark-1: #211710;\n --brown-dark-2: #352215;\n --brown-dark-3: #482d19;\n --brown-dark-4: #5c381d;\n --brown-dark-5: #704321;\n --brown-dark-6: #844e26;\n --brown-dark-7: #97592a;\n --brown-translucent: rgba(171, 100, 46, 0.12);\n --brown: #ab642e;\n --border-none: 0px;\n --border-x-thin: 1px;\n --border-thin: 2px;\n --border-medium: 4px;\n --border-thick: 8px;\n --border-x-thick: 10px;\n --spacing-none: 0px;\n --spacing-4x-small: 1px;\n --spacing-2x-small: 2px;\n --spacing-x-small: 4px;\n --spacing-small: 6px;\n --spacing-medium: 8px;\n --spacing-large: 12px;\n --spacing-x-large: 16px;\n --spacing-2x-large: 24px;\n --spacing-4x-large: 32px;\n --font-size-display-1: 6em;\n --font-size-display-2: 5.5em;\n --font-size-display-3: 4.5em;\n --font-size-display-4: 3.5em;\n --font-size-h1: 2em;\n --font-size-h2: 1.5em;\n --font-size-h3: 1.17em;\n --font-size-h4: 1em;\n --font-size-h5: 0.83em;\n --font-size-paragraph: 1em;\n --font-size-small: 0.8em;\n --font-size-label: 0.83em;\n --font-size-button: 1em;\n --font-size-quote: 1.17em;\n --radii-none: 0px;\n --radii-x-small: 0.125em;\n --radii-small: 0.25em;\n --radii-medium: 0.375em;\n --radii-large: 0.5em;\n --radii-x-large: 1em;\n --radii-full: 9999px;\n --sizing-2x-small: 16px;\n --sizing-x-small: 19px;\n --sizing-small: 32px;\n --sizing-medium: 40px;\n --sizing-large: 56px;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--blue-light-1);\n --primary-background-component: var(--blue-light-0);\n --primary-background-hover: var(--blue-light-2);\n --primary-background-active: var(--blue-light-3);\n --primary-border: var(--blue-light-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--blue-dark-7);\n --primary-content-active: var(--blue-dark-6);\n --primary-content: var(--blue);\n --secondary-background-app: var(--teal-light-1);\n --secondary-background-component: var(--teal-light-0);\n --secondary-background-hover: var(--teal-light-2);\n --secondary-background-active: var(--teal-light-4);\n --secondary-border: var(--teal-light-3);\n --secondary-content-inverse: var(--neutral-black);\n --secondary-content-hover: var(--teal-dark-7);\n --secondary-content-active: var(--teal-dark-6);\n --secondary-content: var(--teal);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-padding: var(--spacing-medium);\n --component-breadcrumbs-gap-small: var(--spacing-2x-small);\n --component-breadcrumbs-gap-medium: var(--spacing-x-small);\n --component-breadcrumbs-gap-large: var(--spacing-small);\n --component-break-line-thickness: var(--border-x-thin);\n --component-break-gap: var(--spacing-small);\n --component-break-min-length: var(--sizing-x-small);\n --component-checkbox-icon-size: var(--sizing-2x-small);\n --component-checkbox-size: var(--sizing-x-small);\n --component-dock-border-width: var(--border-x-thin);\n --component-dialog-border-radius-inner: var(--radii-x-small);\n --component-dialog-border-radius-outer: var(--radii-small);\n --component-dialog-border-width: var(--border-x-thin);\n --component-dialog-inner-border-width: var(--border-x-thin);\n --component-dialog-padding: var(--spacing-medium);\n --component-drawer-border-radius: var(--radii-small);\n --component-drawer-border-width: var(--border-x-thin);\n --component-drawer-handle-padding: var(--spacing-x-small);\n --component-drawer-handle-width: var(--spacing-x-small);\n --component-drawer-padding: var(--spacing-medium);\n --component-droplist-item-padding: var(--spacing-x-small);\n --component-droplist-item-margin: var(--spacing-2x-small);\n --component-menu-border-radius: var(--radii-x-small);\n --component-menu-border-width: var(--border-x-thin);\n --component-menu-padding-horizontal: var(--spacing-small);\n --component-menu-padding-vertical: var(--spacing-x-small);\n --component-tree-border-width: var(--border-x-thin);\n --component-tree-indent: var(--spacing-x-large);\n --component-tree-padding: var(--spacing-medium);\n --component-tree-icon-gap: var(--spacing-medium);\n --component-radio-dot-offset: var(--spacing-2x-small);\n --component-radio-dot-size: var(--spacing-medium);\n --component-radio-size: var(--sizing-2x-small);\n --component-table-border-radius: var(--radii-small);\n --component-table-border-width: var(--border-x-thin);\n --component-table-border-width-header: var(--border-thin);\n --component-table-padding-large: var(--spacing-large);\n --component-table-padding-medium: var(--spacing-medium);\n --component-table-padding-small: var(--spacing-small);\n --component-datepicker-border-radius: var(--radii-medium);\n --component-datepicker-border-width: var(--border-x-thin);\n --component-paginator-spacing-small: var(--spacing-2x-small);\n --component-paginator-spacing-medium: var(--spacing-x-small);\n --component-paginator-spacing-large: var(--spacing-small);\n --component-paginator-font-size-small: var(--font-size-small);\n --component-paginator-font-size-medium: var(--font-size-label);\n --component-paginator-font-size-large: var(--font-size-paragraph);\n --component-paginator-border-radius: var(--radii-small);\n --component-paginator-border-width: var(--border-x-thin);\n --component-stepper-gap-small: var(--spacing-x-small);\n --component-stepper-gap-medium: var(--spacing-small);\n --component-stepper-gap-large: var(--spacing-medium);\n --component-splitter-handle-border-width: var(--border-x-thin);\n --component-avatar-border-radius-circle: var(--radii-full);\n --component-avatar-border-radius-square: var(--radii-small);\n --component-avatar-size-large: var(--sizing-large);\n --component-avatar-size-medium: var(--sizing-medium);\n --component-avatar-size-small: var(--sizing-small);\n --component-avatar-group-border-width: var(--spacing-x-small);\n --component-avatar-group-overlap: var(--spacing-medium);\n --component-badge-border-radius-circle: var(--radii-full);\n --component-badge-border-radius-square: var(--radii-small);\n --component-badge-padding-large: var(--spacing-small);\n --component-badge-padding-medium: var(--spacing-x-small);\n --component-badge-padding-small: var(--spacing-2x-small);\n --component-badge-size-large: var(--sizing-medium);\n --component-badge-size-medium: var(--sizing-small);\n --component-badge-size-small: var(--sizing-2x-small);\n --component-banner-gap: var(--spacing-medium);\n --component-banner-icon-size-small: var(--component-icon-size-small);\n --component-banner-icon-size-medium: var(--component-icon-size-medium);\n --component-banner-icon-size-large: var(--component-icon-size-large);\n --component-button-border-radius-inner: var(--radii-x-small);\n --component-button-border-radius-outer: var(--radii-small);\n --component-button-border-width: var(--border-thin);\n --component-button-border-width-2: var(--border-x-thin);\n --component-button-padding-large: var(--spacing-x-large);\n --component-button-padding-medium: var(--spacing-medium);\n --component-button-padding-small: var(--spacing-x-small);\n --component-card-border-radius-inner: var(--radii-small);\n --component-card-border-radius-outer: var(--radii-medium);\n --component-card-border-width: var(--border-x-thin);\n --component-card-inner-border-width: var(--border-x-thin);\n --component-card-padding-inner: var(--spacing-medium);\n --component-card-padding-outer: var(--spacing-x-large);\n --component-color-swatch-size-small: var(--sizing-small);\n --component-color-swatch-size-medium: var(--sizing-medium);\n --component-color-swatch-size-large: var(--sizing-large);\n --component-color-swatch-border-radius: var(--radii-small);\n --component-color-trigger-gap: var(--spacing-x-small);\n --component-colorpicker-gap: var(--spacing-medium);\n --component-colorpicker-border-radius: var(--radii-x-small);\n --component-gallery-gap-small: var(--spacing-x-small);\n --component-gallery-gap-medium: var(--spacing-medium);\n --component-gallery-gap-large: var(--spacing-large);\n --component-gallery-thumbnail-radius: var(--radii-small);\n --component-inputs-border-radius-inner: var(--radii-x-small);\n --component-inputs-border-radius-outer: var(--radii-small);\n --component-inputs-border-width: var(--border-thin);\n --component-inputs-padding-large: var(--spacing-x-large);\n --component-inputs-padding-medium: var(--spacing-medium);\n --component-inputs-padding-small: var(--spacing-x-small);\n --component-panelbar-border-radius: var(--radii-x-small);\n --component-panelbar-border-width: var(--border-x-thin);\n --component-panelbar-indent: var(--spacing-x-large);\n --component-panelbar-padding: var(--spacing-medium);\n --component-progress-border-radius-inner: var(--radii-small);\n --component-progress-border-radius-outer: var(--radii-medium);\n --component-progress-border-width: var(--border-x-thin);\n --component-progress-padding: var(--spacing-x-small);\n --component-progress-size-large: var(--sizing-large);\n --component-progress-size-medium: var(--sizing-medium);\n --component-progress-size-small: var(--sizing-small);\n --component-progress-segment-gap: var(--spacing-x-small);\n --component-progress-label-size: var(--font-size-label);\n --component-sidebar-border-radius: var(--radii-small);\n --component-sidebar-border-width: var(--border-x-thin);\n --component-slider-thumb-border-width: var(--border-thin);\n --component-slider-border-width: var(--border-x-thin);\n --component-slider-padding: var(--spacing-2x-small);\n --component-slider-tick-label-size: var(--font-size-label);\n --component-slider-tick-label-gap: var(--spacing-2x-small);\n --component-switch-border-radius: var(--radii-full);\n --component-switch-border-width: var(--border-thin);\n --component-switch-padding: var(--spacing-2x-small);\n --component-tab-border-radius-inner: var(--radii-x-small);\n --component-tab-border-radius-outer: var(--radii-small);\n --component-tab-border-width: var(--border-x-thin);\n --component-tab-content-padding: var(--spacing-large);\n --component-tab-gap-large: var(--spacing-large);\n --component-tab-gap-medium: var(--spacing-small);\n --component-tab-gap-small: var(--spacing-2x-small);\n --component-tab-padding-large: var(--spacing-2x-large);\n --component-tab-padding-medium: var(--spacing-large);\n --component-tab-padding-small: var(--spacing-small);\n --component-tag-border-radius-circle: var(--radii-full);\n --component-tag-border-radius-square: var(--radii-small);\n --component-tag-padding-large: var(--spacing-small);\n --component-tag-padding-medium: var(--spacing-x-small);\n --component-tag-padding-small: var(--spacing-2x-small);\n --component-tag-size-large: var(--sizing-large);\n --component-tag-size-medium: var(--sizing-medium);\n --component-tag-size-small: var(--sizing-small);\n --component-toast-border-radius: var(--radii-small);\n --component-toast-offset: var(--spacing-x-large);\n --component-toast-padding: var(--spacing-medium);\n --component-toast-padding-h: var(--spacing-x-large);\n --component-tooltip-border-radius: var(--radii-small);\n --component-tooltip-padding: var(--spacing-x-small);\n --component-tooltip-padding-h: var(--spacing-medium);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-appbar-border-width: var(--component-sidebar-border-width);\n --component-appbar-border-radius: var(--component-sidebar-border-radius);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n --component-select-accent--: var(--component-select-accent);\n --neutral--: var(--neutral);\n --red--: var(--red);\n --orange--: var(--orange);\n --amber--: var(--amber);\n --yellow--: var(--yellow);\n --olive--: var(--olive);\n --green--: var(--green);\n --teal--: var(--teal);\n --blue--: var(--blue);\n --indigo--: var(--indigo);\n --purple--: var(--purple);\n --pink--: var(--pink);\n --brown--: var(--brown);\n}\n";
1
+ var variablesCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --component-appbar-collapsed-width: 52px;\n --component-appbar-collapsed-width-small: 40px;\n --component-appbar-collapsed-width-medium: 52px;\n --component-appbar-collapsed-width-large: 64px;\n --component-appbar-mobile-breakpoint: 768px;\n --component-appbar-width: 240px;\n --component-appbar-z-index: 100;\n --component-breadcrumbs-font-size-small: 0.75em;\n --component-breadcrumbs-font-size-medium: 0.875em;\n --component-breadcrumbs-font-size-large: 1em;\n --component-break-content-font-size: 0.875em;\n --component-break-content-font-weight: 500;\n --component-dock-height-small: 52px;\n --component-dock-height-medium: 60px;\n --component-dock-height-large: 72px;\n --component-dock-z-index: 8000;\n --component-dialog-z-index: 1000;\n --component-drawer-z-index: 5000;\n --component-droplist-drag-preview-opacity: 0.85;\n --component-droplist-drag-preview-z-index: 9999;\n --component-droplist-ghost-opacity: 0.5;\n --component-menu-z-index: 1001;\n --component-select-z-index: 6000;\n --component-paginator-button-size-small: 24px;\n --component-paginator-button-size-medium: 32px;\n --component-paginator-button-size-large: 40px;\n --component-paginator-transition: 150ms;\n --component-stepper-indicator-size-small: 28px;\n --component-stepper-indicator-size-medium: 36px;\n --component-stepper-indicator-size-large: 44px;\n --component-splitter-handle-size: 10px;\n --component-splitter-grip-size: 16px;\n --component-splitter-keyboard-step: 0.01;\n --component-splitter-keyboard-step-large: 0.1;\n --component-animate-duration: 300;\n --component-animate-stagger-delay: 50;\n --component-animate-fade-opacity-start: 0;\n --component-animate-fade-opacity-end: 1;\n --component-animate-slide-distance: 16px;\n --component-animate-zoom-in-scale-start: 0.8;\n --component-animate-zoom-out-scale-start: 1.2;\n --component-animate-rotate-angle: 90;\n --component-animate-bounce-height: 16px;\n --component-animate-shake-amplitude: 8px;\n --component-animate-scale-start: 0.5;\n --component-animate-scale-end: 1;\n --component-banner-z-index: 200;\n --component-banner-border-radius: 0px;\n --component-color-popup-offset: 4px;\n --component-color-z-index: 200;\n --component-colorpicker-width-small: 200px;\n --component-colorpicker-width: 260px;\n --component-colorpicker-width-large: 320px;\n --component-colorpicker-canvas-height-small: 120px;\n --component-colorpicker-canvas-height: 160px;\n --component-colorpicker-canvas-height-large: 200px;\n --component-colorpicker-slider-height: 12px;\n --component-colorpicker-slider-thumb-size: 16px;\n --component-colorpicker-canvas-handle-size: 16px;\n --component-colorpicker-checkerboard-size: 8px;\n --component-gallery-columns: 3;\n --component-gallery-expand-z-index: 1000;\n --component-icon-size-x-large: 28px;\n --component-icon-size-large: 22px;\n --component-icon-size-medium: 18px;\n --component-icon-size-small: 14px;\n --component-icon-size-x-small: 10px;\n --component-progress-thickness-small: 4px;\n --component-progress-thickness-medium: 8px;\n --component-progress-thickness-large: 12px;\n --component-date-z-index: 200;\n --component-grid-min-item-width: 240px;\n --component-masonry-mobile-breakpoint: 576px;\n --component-masonry-tablet-breakpoint: 768px;\n --component-stack-mobile-breakpoint: 576px;\n --component-slider-track-thickness-small: 3px;\n --component-slider-track-thickness-medium: 4px;\n --component-slider-track-thickness-large: 6px;\n --component-slider-thumb-size-small: 16px;\n --component-slider-thumb-size-medium: 20px;\n --component-slider-thumb-size-large: 24px;\n --component-slider-tick-size: 4px;\n --component-tag-height-large: 36px;\n --component-tag-height-medium: 26px;\n --component-tag-height-small: 20px;\n --component-toast-z-index: 9000;\n --component-tooltip-z-index: 7000;\n --neutral-white: #ffffff;\n --neutral-black: #000000;\n --neutral-light-0: #f7f7fa;\n --neutral-light-1: #f0f0f2;\n --neutral-light-2: #dfe0e3;\n --neutral-light-3: #cacbcf;\n --neutral-light-4: #bbbdc0;\n --neutral-light-5: #acaeb2;\n --neutral-light-6: #9d9fa3;\n --neutral-light-7: #8e9195;\n --neutral-dark-0: #0c0c0d;\n --neutral-dark-1: #151617;\n --neutral-dark-2: #292a2b;\n --neutral-dark-3: #37383a;\n --neutral-dark-4: #46474a;\n --neutral-dark-5: #545659;\n --neutral-dark-6: #626568;\n --neutral-dark-7: #717377;\n --neutral-translucent-black: rgba(0, 0, 0, 0.12);\n --neutral-translucent-white: rgba(255, 255, 255, 0.12);\n --neutral: #7f8286;\n --red-light-0: #f2e6e8;\n --red-light-1: #ebcacf;\n --red-light-2: #e4aeb6;\n --red-light-3: #dc919d;\n --red-light-4: #d57585;\n --red-light-5: #ce596c;\n --red-light-6: #c73d53;\n --red-light-7: #bf203a;\n --red-dark-0: #0d0103;\n --red-dark-1: #220107;\n --red-dark-2: #38020b;\n --red-dark-3: #4d020e;\n --red-dark-4: #630312;\n --red-dark-5: #780316;\n --red-dark-6: #8d031a;\n --red-dark-7: #a3041d;\n --red-translucent: rgba(184, 4, 33, 0.12);\n --red: #b80421;\n --orange-light-0: #f2e9e6;\n --orange-light-1: #eed3ca;\n --orange-light-2: #eabdae;\n --orange-light-3: #e6a691;\n --orange-light-4: #e29075;\n --orange-light-5: #dd7a59;\n --orange-light-6: #d9643d;\n --orange-light-7: #d54d20;\n --orange-dark-0: #0d0300;\n --orange-dark-1: #260a01;\n --orange-dark-2: #3e1001;\n --orange-dark-3: #571702;\n --orange-dark-4: #6f1d02;\n --orange-dark-5: #882403;\n --orange-dark-6: #a02a03;\n --orange-dark-7: #b93104;\n --orange-translucent: rgba(209, 55, 4, 0.12);\n --orange: #d13704;\n --amber-light-0: #f2ece6;\n --amber-light-1: #eedbca;\n --amber-light-2: #eac9ae;\n --amber-light-3: #e6b891;\n --amber-light-4: #e2a675;\n --amber-light-5: #dd9559;\n --amber-light-6: #d9833d;\n --amber-light-7: #d57220;\n --amber-dark-0: #0d0c0c;\n --amber-dark-1: #26170b;\n --amber-dark-2: #3e210a;\n --amber-dark-3: #572c09;\n --amber-dark-4: #6f3608;\n --amber-dark-5: #884107;\n --amber-dark-6: #a04b06;\n --amber-dark-7: #b95605;\n --amber-translucent: rgba(209, 96, 4, 0.12);\n --amber: #d16004;\n --yellow-light-0: #f2eadf;\n --yellow-light-1: #eeddc4;\n --yellow-light-2: #eacfa8;\n --yellow-light-3: #e6c28d;\n --yellow-light-4: #e2b572;\n --yellow-light-5: #dda756;\n --yellow-light-6: #d99a3b;\n --yellow-light-7: #d58c1f;\n --yellow-dark-0: #0d0c0c;\n --yellow-dark-1: #261a0b;\n --yellow-dark-2: #3e290a;\n --yellow-dark-3: #573709;\n --yellow-dark-4: #6f4608;\n --yellow-dark-5: #885407;\n --yellow-dark-6: #a06206;\n --yellow-dark-7: #b97105;\n --yellow-translucent: rgba(209, 127, 4, 0.12);\n --yellow: #d17f04;\n --olive-light-0: #f0f0e0;\n --olive-light-1: #e2e3c5;\n --olive-light-2: #d5d6aa;\n --olive-light-3: #c7c98f;\n --olive-light-4: #babc74;\n --olive-light-5: #acaf58;\n --olive-light-6: #9ea23d;\n --olive-light-7: #919522;\n --olive-dark-0: #0d0d0c;\n --olive-dark-1: #1c1c0b;\n --olive-dark-2: #2b2c0b;\n --olive-dark-3: #393b0a;\n --olive-dark-4: #484b0a;\n --olive-dark-5: #575a09;\n --olive-dark-6: #666908;\n --olive-dark-7: #747908;\n --olive-translucent: rgba(131, 136, 7, 0.12);\n --olive: #838807;\n --green-light-0: #e4f4ec;\n --green-light-1: #cdeadb;\n --green-light-2: #b5e0cb;\n --green-light-3: #9ed6ba;\n --green-light-4: #86cca9;\n --green-light-5: #6fc298;\n --green-light-6: #57b888;\n --green-light-7: #40ae77;\n --green-dark-0: #030d08;\n --green-dark-1: #082014;\n --green-dark-2: #0c3320;\n --green-dark-3: #11462b;\n --green-dark-4: #165937;\n --green-dark-5: #1a6b43;\n --green-dark-6: #1f7e4f;\n --green-dark-7: #23915a;\n --green-translucent: rgba(40, 164, 102, 0.12);\n --green: #28a466;\n --teal-light-0: #ebf7f7;\n --teal-light-1: #ceeceb;\n --teal-light-2: #b2e1e0;\n --teal-light-3: #95d6d4;\n --teal-light-4: #79ccc8;\n --teal-light-5: #5cc1bc;\n --teal-light-6: #3fb6b1;\n --teal-light-7: #23aba5;\n --teal-dark-0: #0c0d0d;\n --teal-dark-1: #0b1f1f;\n --teal-dark-2: #0b3230;\n --teal-dark-3: #0a4442;\n --teal-dark-4: #095753;\n --teal-dark-5: #086965;\n --teal-dark-6: #087b76;\n --teal-dark-7: #078e88;\n --teal-translucent: rgba(6, 160, 153, 0.12);\n --teal: #06a099;\n --blue-light-0: #ebf5ff;\n --blue-light-1: #cee5ff;\n --blue-light-2: #b2d5ff;\n --blue-light-3: #95c5ff;\n --blue-light-4: #78b6ff;\n --blue-light-5: #5ba6ff;\n --blue-light-6: #3f96ff;\n --blue-light-7: #2286ff;\n --blue-dark-0: #0c0c0d;\n --blue-dark-1: #0b192b;\n --blue-dark-2: #0a274a;\n --blue-dark-3: #093468;\n --blue-dark-4: #094186;\n --blue-dark-5: #084ea4;\n --blue-dark-6: #075cc3;\n --blue-dark-7: #0669e1;\n --blue-translucent: rgba(5, 118, 255, 0.12);\n --blue: #0576ff;\n --indigo-light-0: #f6f2ff;\n --indigo-light-1: #e7dcff;\n --indigo-light-2: #d8c6ff;\n --indigo-light-3: #c9afff;\n --indigo-light-4: #ba99ff;\n --indigo-light-5: #aa83ff;\n --indigo-light-6: #9b6dff;\n --indigo-light-7: #8c56ff;\n --indigo-dark-0: #0d0c0c;\n --indigo-dark-1: #1b132a;\n --indigo-dark-2: #291949;\n --indigo-dark-3: #372067;\n --indigo-dark-4: #452686;\n --indigo-dark-5: #532da4;\n --indigo-dark-6: #6133c2;\n --indigo-dark-7: #6f3ae1;\n --indigo-translucent: rgba(125, 64, 255, 0.12);\n --indigo: #7d40ff;\n --purple-light-0: #f9f2ff;\n --purple-light-1: #ebd4ff;\n --purple-light-2: #ddb7ff;\n --purple-light-3: #cf99ff;\n --purple-light-4: #c27cff;\n --purple-light-5: #b45eff;\n --purple-light-6: #a640ff;\n --purple-light-7: #9823ff;\n --purple-dark-0: #0c0c0d;\n --purple-dark-1: #1c0b2b;\n --purple-dark-2: #2c0a4a;\n --purple-dark-3: #3b0968;\n --purple-dark-4: #4b0986;\n --purple-dark-5: #5b08a4;\n --purple-dark-6: #6b07c3;\n --purple-dark-7: #7a06e1;\n --purple-translucent: rgba(138, 5, 255, 0.12);\n --purple: #8a05ff;\n --pink-light-0: #f9f2ff;\n --pink-light-1: #fad4f4;\n --pink-light-2: #fbb7e9;\n --pink-light-3: #fb99de;\n --pink-light-4: #fc7cd4;\n --pink-light-5: #fd5ec9;\n --pink-light-6: #fe40be;\n --pink-light-7: #fe23b3;\n --pink-dark-0: #0c0c0d;\n --pink-dark-1: #2a0b20;\n --pink-dark-2: #490a34;\n --pink-dark-3: #670947;\n --pink-dark-4: #86095b;\n --pink-dark-5: #a4086e;\n --pink-dark-6: #c20781;\n --pink-dark-7: #e10695;\n --pink-translucent: rgba(255, 5, 168, 0.12);\n --pink: #ff05a8;\n --brown-light-0: #f2dfdf;\n --brown-light-1: #e9d0c9;\n --brown-light-2: #e0c0b3;\n --brown-light-3: #d7b19d;\n --brown-light-4: #cfa287;\n --brown-light-5: #c69270;\n --brown-light-6: #bd835a;\n --brown-light-7: #b47344;\n --brown-dark-0: #0d0c0c;\n --brown-dark-1: #211710;\n --brown-dark-2: #352215;\n --brown-dark-3: #482d19;\n --brown-dark-4: #5c381d;\n --brown-dark-5: #704321;\n --brown-dark-6: #844e26;\n --brown-dark-7: #97592a;\n --brown-translucent: rgba(171, 100, 46, 0.12);\n --brown: #ab642e;\n --border-none: 0px;\n --border-x-thin: 1px;\n --border-thin: 2px;\n --border-medium: 4px;\n --border-thick: 8px;\n --border-x-thick: 10px;\n --spacing-none: 0px;\n --spacing-4x-small: 1px;\n --spacing-2x-small: 2px;\n --spacing-x-small: 4px;\n --spacing-small: 6px;\n --spacing-medium: 8px;\n --spacing-large: 12px;\n --spacing-x-large: 16px;\n --spacing-2x-large: 24px;\n --spacing-4x-large: 32px;\n --font-size-display-1: 6em;\n --font-size-display-2: 5.5em;\n --font-size-display-3: 4.5em;\n --font-size-display-4: 3.5em;\n --font-size-h1: 2em;\n --font-size-h2: 1.5em;\n --font-size-h3: 1.17em;\n --font-size-h4: 1em;\n --font-size-h5: 0.83em;\n --font-size-paragraph: 1em;\n --font-size-small: 0.8em;\n --font-size-label: 0.83em;\n --font-size-button: 1em;\n --font-size-quote: 1.17em;\n --radii-none: 0px;\n --radii-x-small: 0.125em;\n --radii-small: 0.25em;\n --radii-medium: 0.375em;\n --radii-large: 0.5em;\n --radii-x-large: 1em;\n --radii-full: 9999px;\n --sizing-2x-small: 16px;\n --sizing-x-small: 19px;\n --sizing-small: 32px;\n --sizing-medium: 40px;\n --sizing-large: 56px;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--blue-light-1);\n --primary-background-component: var(--blue-light-0);\n --primary-background-hover: var(--blue-light-2);\n --primary-background-active: var(--blue-light-3);\n --primary-border: var(--blue-light-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--blue-dark-7);\n --primary-content-active: var(--blue-dark-6);\n --primary-content: var(--blue);\n --secondary-background-app: var(--teal-light-1);\n --secondary-background-component: var(--teal-light-0);\n --secondary-background-hover: var(--teal-light-2);\n --secondary-background-active: var(--teal-light-4);\n --secondary-border: var(--teal-light-3);\n --secondary-content-inverse: var(--neutral-black);\n --secondary-content-hover: var(--teal-dark-7);\n --secondary-content-active: var(--teal-dark-6);\n --secondary-content: var(--teal);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-padding: var(--spacing-medium);\n --component-breadcrumbs-gap-small: var(--spacing-2x-small);\n --component-breadcrumbs-gap-medium: var(--spacing-x-small);\n --component-breadcrumbs-gap-large: var(--spacing-small);\n --component-break-line-thickness: var(--border-x-thin);\n --component-break-gap: var(--spacing-small);\n --component-break-min-length: var(--sizing-x-small);\n --component-checkbox-icon-size: var(--sizing-2x-small);\n --component-checkbox-size: var(--sizing-x-small);\n --component-dock-border-width: var(--border-x-thin);\n --component-dialog-border-radius-inner: var(--radii-x-small);\n --component-dialog-border-radius-outer: var(--radii-small);\n --component-dialog-border-width: var(--border-x-thin);\n --component-dialog-inner-border-width: var(--border-x-thin);\n --component-dialog-padding: var(--spacing-medium);\n --component-drawer-border-radius: var(--radii-small);\n --component-drawer-border-width: var(--border-x-thin);\n --component-drawer-handle-padding: var(--spacing-x-small);\n --component-drawer-handle-width: var(--spacing-x-small);\n --component-drawer-padding: var(--spacing-medium);\n --component-droplist-item-padding: var(--spacing-x-small);\n --component-droplist-item-margin: var(--spacing-2x-small);\n --component-menu-border-radius: var(--radii-x-small);\n --component-menu-border-width: var(--border-x-thin);\n --component-menu-padding-horizontal: var(--spacing-small);\n --component-menu-padding-vertical: var(--spacing-x-small);\n --component-tree-border-width: var(--border-x-thin);\n --component-tree-indent: var(--spacing-x-large);\n --component-tree-padding: var(--spacing-medium);\n --component-tree-icon-gap: var(--spacing-medium);\n --component-radio-dot-offset: var(--spacing-2x-small);\n --component-radio-dot-size: var(--spacing-medium);\n --component-radio-size: var(--sizing-2x-small);\n --component-table-border-radius: var(--radii-small);\n --component-table-border-width: var(--border-x-thin);\n --component-table-border-width-header: var(--border-thin);\n --component-table-padding-large: var(--spacing-large);\n --component-table-padding-medium: var(--spacing-medium);\n --component-table-padding-small: var(--spacing-small);\n --component-datepicker-border-radius: var(--radii-medium);\n --component-datepicker-border-width: var(--border-x-thin);\n --component-paginator-spacing-small: var(--spacing-2x-small);\n --component-paginator-spacing-medium: var(--spacing-x-small);\n --component-paginator-spacing-large: var(--spacing-small);\n --component-paginator-font-size-small: var(--font-size-small);\n --component-paginator-font-size-medium: var(--font-size-label);\n --component-paginator-font-size-large: var(--font-size-paragraph);\n --component-paginator-border-radius: var(--radii-small);\n --component-paginator-border-width: var(--border-x-thin);\n --component-stepper-gap-small: var(--spacing-x-small);\n --component-stepper-gap-medium: var(--spacing-small);\n --component-stepper-gap-large: var(--spacing-medium);\n --component-splitter-handle-border-width: var(--border-x-thin);\n --component-avatar-border-radius-circle: var(--radii-full);\n --component-avatar-border-radius-square: var(--radii-small);\n --component-avatar-size-large: var(--sizing-large);\n --component-avatar-size-medium: var(--sizing-medium);\n --component-avatar-size-small: var(--sizing-small);\n --component-avatar-group-border-width: var(--spacing-x-small);\n --component-avatar-group-overlap: var(--spacing-medium);\n --component-badge-border-radius-circle: var(--radii-full);\n --component-badge-border-radius-square: var(--radii-small);\n --component-badge-padding-large: var(--spacing-small);\n --component-badge-padding-medium: var(--spacing-x-small);\n --component-badge-padding-small: var(--spacing-2x-small);\n --component-badge-size-large: var(--sizing-medium);\n --component-badge-size-medium: var(--sizing-small);\n --component-badge-size-small: var(--sizing-2x-small);\n --component-banner-gap: var(--spacing-medium);\n --component-banner-icon-size-small: var(--component-icon-size-small);\n --component-banner-icon-size-medium: var(--component-icon-size-medium);\n --component-banner-icon-size-large: var(--component-icon-size-large);\n --component-button-border-radius-inner: var(--radii-x-small);\n --component-button-border-radius-outer: var(--radii-small);\n --component-button-border-width: var(--border-thin);\n --component-button-border-width-2: var(--border-x-thin);\n --component-button-padding-large: var(--spacing-x-large);\n --component-button-padding-medium: var(--spacing-medium);\n --component-button-padding-small: var(--spacing-x-small);\n --component-card-border-radius-inner: var(--radii-small);\n --component-card-border-radius-outer: var(--radii-medium);\n --component-card-border-width: var(--border-x-thin);\n --component-card-inner-border-width: var(--border-x-thin);\n --component-card-padding-inner: var(--spacing-medium);\n --component-card-padding-outer: var(--spacing-x-large);\n --component-color-swatch-size-small: var(--sizing-small);\n --component-color-swatch-size-medium: var(--sizing-medium);\n --component-color-swatch-size-large: var(--sizing-large);\n --component-color-swatch-border-radius: var(--radii-small);\n --component-color-trigger-gap: var(--spacing-x-small);\n --component-colorpicker-gap: var(--spacing-medium);\n --component-colorpicker-border-radius: var(--radii-x-small);\n --component-gallery-gap-small: var(--spacing-x-small);\n --component-gallery-gap-medium: var(--spacing-medium);\n --component-gallery-gap-large: var(--spacing-large);\n --component-gallery-thumbnail-radius: var(--radii-small);\n --component-inputs-border-radius-inner: var(--radii-x-small);\n --component-inputs-border-radius-outer: var(--radii-small);\n --component-inputs-border-width: var(--border-thin);\n --component-inputs-padding-large: var(--spacing-x-large);\n --component-inputs-padding-medium: var(--spacing-medium);\n --component-inputs-padding-small: var(--spacing-x-small);\n --component-panelbar-border-radius: var(--radii-x-small);\n --component-panelbar-border-width: var(--border-x-thin);\n --component-panelbar-indent: var(--spacing-x-large);\n --component-panelbar-padding: var(--spacing-medium);\n --component-progress-border-radius-inner: var(--radii-small);\n --component-progress-border-radius-outer: var(--radii-medium);\n --component-progress-border-width: var(--border-x-thin);\n --component-progress-padding: var(--spacing-x-small);\n --component-progress-size-large: var(--sizing-large);\n --component-progress-size-medium: var(--sizing-medium);\n --component-progress-size-small: var(--sizing-small);\n --component-progress-segment-gap: var(--spacing-x-small);\n --component-progress-label-size: var(--font-size-label);\n --component-sidebar-border-radius: var(--radii-small);\n --component-sidebar-border-width: var(--border-x-thin);\n --component-slider-thumb-border-width: var(--border-thin);\n --component-slider-border-width: var(--border-x-thin);\n --component-slider-padding: var(--spacing-2x-small);\n --component-slider-tick-label-size: var(--font-size-label);\n --component-slider-tick-label-gap: var(--spacing-2x-small);\n --component-switch-border-radius: var(--radii-full);\n --component-switch-border-width: var(--border-thin);\n --component-switch-padding: var(--spacing-2x-small);\n --component-tab-border-radius-inner: var(--radii-x-small);\n --component-tab-border-radius-outer: var(--radii-small);\n --component-tab-border-width: var(--border-x-thin);\n --component-tab-content-padding: var(--spacing-large);\n --component-tab-gap-large: var(--spacing-large);\n --component-tab-gap-medium: var(--spacing-small);\n --component-tab-gap-small: var(--spacing-2x-small);\n --component-tab-padding-large: var(--spacing-2x-large);\n --component-tab-padding-medium: var(--spacing-large);\n --component-tab-padding-small: var(--spacing-small);\n --component-tag-border-radius-circle: var(--radii-full);\n --component-tag-border-radius-square: var(--radii-small);\n --component-tag-padding-large: var(--spacing-small);\n --component-tag-padding-medium: var(--spacing-x-small);\n --component-tag-padding-small: var(--spacing-2x-small);\n --component-tag-size-large: var(--sizing-large);\n --component-tag-size-medium: var(--sizing-medium);\n --component-tag-size-small: var(--sizing-small);\n --component-toast-border-radius: var(--radii-small);\n --component-toast-offset: var(--spacing-x-large);\n --component-toast-padding: var(--spacing-medium);\n --component-toast-padding-h: var(--spacing-x-large);\n --component-tooltip-border-radius: var(--radii-small);\n --component-tooltip-padding: var(--spacing-x-small);\n --component-tooltip-padding-h: var(--spacing-medium);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-appbar-border-width: var(--component-sidebar-border-width);\n --component-appbar-border-radius: var(--component-sidebar-border-radius);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n --component-panel-accent--: var(--component-panel-accent);\n --component-select-accent--: var(--component-select-accent);\n --neutral--: var(--neutral);\n --red--: var(--red);\n --orange--: var(--orange);\n --amber--: var(--amber);\n --yellow--: var(--yellow);\n --olive--: var(--olive);\n --green--: var(--green);\n --teal--: var(--teal);\n --blue--: var(--blue);\n --indigo--: var(--indigo);\n --purple--: var(--purple);\n --pink--: var(--pink);\n --brown--: var(--brown);\n}\n";
2
2
 
3
- var blueLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--blue-light-1);\n --primary-background-component: var(--blue-light-0);\n --primary-background-hover: var(--blue-light-2);\n --primary-background-active: var(--blue-light-3);\n --primary-border: var(--blue-light-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--blue-dark-7);\n --primary-content-active: var(--blue-dark-6);\n --primary-content: var(--blue);\n --secondary-background-app: var(--teal-light-1);\n --secondary-background-component: var(--teal-light-0);\n --secondary-background-hover: var(--teal-light-2);\n --secondary-background-active: var(--teal-light-4);\n --secondary-border: var(--teal-light-3);\n --secondary-content-inverse: var(--neutral-black);\n --secondary-content-hover: var(--teal-dark-7);\n --secondary-content-active: var(--teal-dark-6);\n --secondary-content: var(--teal);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
3
+ var blueLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--blue-light-1);\n --primary-background-component: var(--blue-light-0);\n --primary-background-hover: var(--blue-light-2);\n --primary-background-active: var(--blue-light-3);\n --primary-border: var(--blue-light-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--blue-dark-7);\n --primary-content-active: var(--blue-dark-6);\n --primary-content: var(--blue);\n --secondary-background-app: var(--teal-light-1);\n --secondary-background-component: var(--teal-light-0);\n --secondary-background-hover: var(--teal-light-2);\n --secondary-background-active: var(--teal-light-4);\n --secondary-border: var(--teal-light-3);\n --secondary-content-inverse: var(--neutral-black);\n --secondary-content-hover: var(--teal-dark-7);\n --secondary-content-active: var(--teal-dark-6);\n --secondary-content: var(--teal);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
4
4
 
5
- var blueDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--blue-dark-1);\n --primary-background-component: var(--blue-dark-0);\n --primary-background-hover: var(--blue-dark-2);\n --primary-background-active: var(--blue-dark-3);\n --primary-border: var(--blue-dark-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--blue-light-7);\n --primary-content-active: var(--blue-light-6);\n --primary-content: var(--blue);\n --secondary-background-app: var(--teal-dark-1);\n --secondary-background-component: var(--teal-dark-0);\n --secondary-background-hover: var(--teal-dark-2);\n --secondary-background-active: var(--teal-dark-4);\n --secondary-border: var(--teal-dark-3);\n --secondary-content-inverse: var(--neutral-black);\n --secondary-content-hover: var(--teal-light-7);\n --secondary-content-active: var(--teal-light-6);\n --secondary-content: var(--teal);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
5
+ var blueDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--blue-dark-1);\n --primary-background-component: var(--blue-dark-0);\n --primary-background-hover: var(--blue-dark-2);\n --primary-background-active: var(--blue-dark-3);\n --primary-border: var(--blue-dark-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--blue-light-7);\n --primary-content-active: var(--blue-light-6);\n --primary-content: var(--blue);\n --secondary-background-app: var(--teal-dark-1);\n --secondary-background-component: var(--teal-dark-0);\n --secondary-background-hover: var(--teal-dark-2);\n --secondary-background-active: var(--teal-dark-4);\n --secondary-border: var(--teal-dark-3);\n --secondary-content-inverse: var(--neutral-black);\n --secondary-content-hover: var(--teal-light-7);\n --secondary-content-active: var(--teal-light-6);\n --secondary-content: var(--teal);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
6
6
 
7
- var orangeLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--orange-light-1);\n --primary-background-component: var(--orange-light-0);\n --primary-background-hover: var(--orange-light-2);\n --primary-background-active: var(--orange-light-3);\n --primary-border: var(--orange-light-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--orange-dark-7);\n --primary-content-active: var(--orange-dark-6);\n --primary-content: var(--orange);\n --secondary-background-app: var(--amber-light-1);\n --secondary-background-component: var(--amber-light-0);\n --secondary-background-hover: var(--amber-light-2);\n --secondary-background-active: var(--amber-light-4);\n --secondary-border: var(--amber-light-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--amber-dark-7);\n --secondary-content-active: var(--amber-dark-6);\n --secondary-content: var(--amber);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
7
+ var orangeLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--orange-light-1);\n --primary-background-component: var(--orange-light-0);\n --primary-background-hover: var(--orange-light-2);\n --primary-background-active: var(--orange-light-3);\n --primary-border: var(--orange-light-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--orange-dark-7);\n --primary-content-active: var(--orange-dark-6);\n --primary-content: var(--orange);\n --secondary-background-app: var(--amber-light-1);\n --secondary-background-component: var(--amber-light-0);\n --secondary-background-hover: var(--amber-light-2);\n --secondary-background-active: var(--amber-light-4);\n --secondary-border: var(--amber-light-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--amber-dark-7);\n --secondary-content-active: var(--amber-dark-6);\n --secondary-content: var(--amber);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
8
8
 
9
- var orangeDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--orange-dark-1);\n --primary-background-component: var(--orange-dark-0);\n --primary-background-hover: var(--orange-dark-2);\n --primary-background-active: var(--orange-dark-3);\n --primary-border: var(--orange-dark-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--orange-light-7);\n --primary-content-active: var(--orange-light-6);\n --primary-content: var(--orange);\n --secondary-background-app: var(--amber-dark-1);\n --secondary-background-component: var(--amber-dark-0);\n --secondary-background-hover: var(--amber-dark-2);\n --secondary-background-active: var(--amber-dark-4);\n --secondary-border: var(--amber-dark-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--amber-light-7);\n --secondary-content-active: var(--amber-light-6);\n --secondary-content: var(--amber);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
9
+ var orangeDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--orange-dark-1);\n --primary-background-component: var(--orange-dark-0);\n --primary-background-hover: var(--orange-dark-2);\n --primary-background-active: var(--orange-dark-3);\n --primary-border: var(--orange-dark-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--orange-light-7);\n --primary-content-active: var(--orange-light-6);\n --primary-content: var(--orange);\n --secondary-background-app: var(--amber-dark-1);\n --secondary-background-component: var(--amber-dark-0);\n --secondary-background-hover: var(--amber-dark-2);\n --secondary-background-active: var(--amber-dark-4);\n --secondary-border: var(--amber-dark-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--amber-light-7);\n --secondary-content-active: var(--amber-light-6);\n --secondary-content: var(--amber);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
10
10
 
11
- var greenLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--green-light-1);\n --primary-background-component: var(--green-light-0);\n --primary-background-hover: var(--green-light-2);\n --primary-background-active: var(--green-light-3);\n --primary-border: var(--green-light-4);\n --primary-content-inverse: var(--neutral-black);\n --primary-content-hover: var(--green-dark-7);\n --primary-content-active: var(--green-dark-6);\n --primary-content: var(--green);\n --secondary-background-app: var(--teal-light-1);\n --secondary-background-component: var(--teal-light-0);\n --secondary-background-hover: var(--teal-light-2);\n --secondary-background-active: var(--teal-light-4);\n --secondary-border: var(--teal-light-3);\n --secondary-content-inverse: var(--neutral-black);\n --secondary-content-hover: var(--teal-dark-7);\n --secondary-content-active: var(--teal-dark-6);\n --secondary-content: var(--teal);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
11
+ var greenLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--green-light-1);\n --primary-background-component: var(--green-light-0);\n --primary-background-hover: var(--green-light-2);\n --primary-background-active: var(--green-light-3);\n --primary-border: var(--green-light-4);\n --primary-content-inverse: var(--neutral-black);\n --primary-content-hover: var(--green-dark-7);\n --primary-content-active: var(--green-dark-6);\n --primary-content: var(--green);\n --secondary-background-app: var(--teal-light-1);\n --secondary-background-component: var(--teal-light-0);\n --secondary-background-hover: var(--teal-light-2);\n --secondary-background-active: var(--teal-light-4);\n --secondary-border: var(--teal-light-3);\n --secondary-content-inverse: var(--neutral-black);\n --secondary-content-hover: var(--teal-dark-7);\n --secondary-content-active: var(--teal-dark-6);\n --secondary-content: var(--teal);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
12
12
 
13
- var greenDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--green-dark-1);\n --primary-background-component: var(--green-dark-0);\n --primary-background-hover: var(--green-dark-2);\n --primary-background-active: var(--green-dark-3);\n --primary-border: var(--green-dark-4);\n --primary-content-inverse: var(--neutral-black);\n --primary-content-hover: var(--green-light-7);\n --primary-content-active: var(--green-light-6);\n --primary-content: var(--green);\n --secondary-background-app: var(--teal-dark-1);\n --secondary-background-component: var(--teal-dark-0);\n --secondary-background-hover: var(--teal-dark-2);\n --secondary-background-active: var(--teal-dark-4);\n --secondary-border: var(--teal-dark-3);\n --secondary-content-inverse: var(--neutral-black);\n --secondary-content-hover: var(--teal-light-7);\n --secondary-content-active: var(--teal-light-6);\n --secondary-content: var(--teal);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
13
+ var greenDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--green-dark-1);\n --primary-background-component: var(--green-dark-0);\n --primary-background-hover: var(--green-dark-2);\n --primary-background-active: var(--green-dark-3);\n --primary-border: var(--green-dark-4);\n --primary-content-inverse: var(--neutral-black);\n --primary-content-hover: var(--green-light-7);\n --primary-content-active: var(--green-light-6);\n --primary-content: var(--green);\n --secondary-background-app: var(--teal-dark-1);\n --secondary-background-component: var(--teal-dark-0);\n --secondary-background-hover: var(--teal-dark-2);\n --secondary-background-active: var(--teal-dark-4);\n --secondary-border: var(--teal-dark-3);\n --secondary-content-inverse: var(--neutral-black);\n --secondary-content-hover: var(--teal-light-7);\n --secondary-content-active: var(--teal-light-6);\n --secondary-content: var(--teal);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
14
14
 
15
- var redLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--red-light-1);\n --primary-background-component: var(--red-light-0);\n --primary-background-hover: var(--red-light-2);\n --primary-background-active: var(--red-light-3);\n --primary-border: var(--red-light-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--red-dark-7);\n --primary-content-active: var(--red-dark-6);\n --primary-content: var(--red);\n --secondary-background-app: var(--orange-light-1);\n --secondary-background-component: var(--orange-light-0);\n --secondary-background-hover: var(--orange-light-2);\n --secondary-background-active: var(--orange-light-4);\n --secondary-border: var(--orange-light-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--orange-dark-7);\n --secondary-content-active: var(--orange-dark-6);\n --secondary-content: var(--orange);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
15
+ var redLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--red-light-1);\n --primary-background-component: var(--red-light-0);\n --primary-background-hover: var(--red-light-2);\n --primary-background-active: var(--red-light-3);\n --primary-border: var(--red-light-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--red-dark-7);\n --primary-content-active: var(--red-dark-6);\n --primary-content: var(--red);\n --secondary-background-app: var(--orange-light-1);\n --secondary-background-component: var(--orange-light-0);\n --secondary-background-hover: var(--orange-light-2);\n --secondary-background-active: var(--orange-light-4);\n --secondary-border: var(--orange-light-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--orange-dark-7);\n --secondary-content-active: var(--orange-dark-6);\n --secondary-content: var(--orange);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
16
16
 
17
- var redDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--red-dark-1);\n --primary-background-component: var(--red-dark-0);\n --primary-background-hover: var(--red-dark-2);\n --primary-background-active: var(--red-dark-3);\n --primary-border: var(--red-dark-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--red-light-7);\n --primary-content-active: var(--red-light-6);\n --primary-content: var(--red);\n --secondary-background-app: var(--orange-dark-1);\n --secondary-background-component: var(--orange-dark-0);\n --secondary-background-hover: var(--orange-dark-2);\n --secondary-background-active: var(--orange-dark-4);\n --secondary-border: var(--orange-dark-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--orange-light-7);\n --secondary-content-active: var(--orange-light-6);\n --secondary-content: var(--orange);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
17
+ var redDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--red-dark-1);\n --primary-background-component: var(--red-dark-0);\n --primary-background-hover: var(--red-dark-2);\n --primary-background-active: var(--red-dark-3);\n --primary-border: var(--red-dark-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--red-light-7);\n --primary-content-active: var(--red-light-6);\n --primary-content: var(--red);\n --secondary-background-app: var(--orange-dark-1);\n --secondary-background-component: var(--orange-dark-0);\n --secondary-background-hover: var(--orange-dark-2);\n --secondary-background-active: var(--orange-dark-4);\n --secondary-border: var(--orange-dark-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--orange-light-7);\n --secondary-content-active: var(--orange-light-6);\n --secondary-content: var(--orange);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
18
18
 
19
- var tealLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--teal-light-1);\n --primary-background-component: var(--teal-light-0);\n --primary-background-hover: var(--teal-light-2);\n --primary-background-active: var(--teal-light-3);\n --primary-border: var(--teal-light-4);\n --primary-content-inverse: var(--neutral-black);\n --primary-content-hover: var(--teal-dark-7);\n --primary-content-active: var(--teal-dark-6);\n --primary-content: var(--teal);\n --secondary-background-app: var(--blue-light-1);\n --secondary-background-component: var(--blue-light-0);\n --secondary-background-hover: var(--blue-light-2);\n --secondary-background-active: var(--blue-light-4);\n --secondary-border: var(--blue-light-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--blue-dark-7);\n --secondary-content-active: var(--blue-dark-6);\n --secondary-content: var(--blue);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
19
+ var tealLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--teal-light-1);\n --primary-background-component: var(--teal-light-0);\n --primary-background-hover: var(--teal-light-2);\n --primary-background-active: var(--teal-light-3);\n --primary-border: var(--teal-light-4);\n --primary-content-inverse: var(--neutral-black);\n --primary-content-hover: var(--teal-dark-7);\n --primary-content-active: var(--teal-dark-6);\n --primary-content: var(--teal);\n --secondary-background-app: var(--blue-light-1);\n --secondary-background-component: var(--blue-light-0);\n --secondary-background-hover: var(--blue-light-2);\n --secondary-background-active: var(--blue-light-4);\n --secondary-border: var(--blue-light-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--blue-dark-7);\n --secondary-content-active: var(--blue-dark-6);\n --secondary-content: var(--blue);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
20
20
 
21
- var tealDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--teal-dark-1);\n --primary-background-component: var(--teal-dark-0);\n --primary-background-hover: var(--teal-dark-2);\n --primary-background-active: var(--teal-dark-3);\n --primary-border: var(--teal-dark-4);\n --primary-content-inverse: var(--neutral-black);\n --primary-content-hover: var(--teal-light-7);\n --primary-content-active: var(--teal-light-6);\n --primary-content: var(--teal);\n --secondary-background-app: var(--blue-dark-1);\n --secondary-background-component: var(--blue-dark-0);\n --secondary-background-hover: var(--blue-dark-2);\n --secondary-background-active: var(--blue-dark-4);\n --secondary-border: var(--blue-dark-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--blue-light-7);\n --secondary-content-active: var(--blue-light-6);\n --secondary-content: var(--blue);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
21
+ var tealDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--teal-dark-1);\n --primary-background-component: var(--teal-dark-0);\n --primary-background-hover: var(--teal-dark-2);\n --primary-background-active: var(--teal-dark-3);\n --primary-border: var(--teal-dark-4);\n --primary-content-inverse: var(--neutral-black);\n --primary-content-hover: var(--teal-light-7);\n --primary-content-active: var(--teal-light-6);\n --primary-content: var(--teal);\n --secondary-background-app: var(--blue-dark-1);\n --secondary-background-component: var(--blue-dark-0);\n --secondary-background-hover: var(--blue-dark-2);\n --secondary-background-active: var(--blue-dark-4);\n --secondary-border: var(--blue-dark-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--blue-light-7);\n --secondary-content-active: var(--blue-light-6);\n --secondary-content: var(--blue);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
22
22
 
23
- var yellowLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--yellow-light-1);\n --primary-background-component: var(--yellow-light-0);\n --primary-background-hover: var(--yellow-light-2);\n --primary-background-active: var(--yellow-light-3);\n --primary-border: var(--yellow-light-4);\n --primary-content-inverse: var(--neutral-black);\n --primary-content-hover: var(--yellow-dark-7);\n --primary-content-active: var(--yellow-dark-6);\n --primary-content: var(--yellow);\n --secondary-background-app: var(--amber-light-1);\n --secondary-background-component: var(--amber-light-0);\n --secondary-background-hover: var(--amber-light-2);\n --secondary-background-active: var(--amber-light-4);\n --secondary-border: var(--amber-light-3);\n --secondary-content-inverse: var(--neutral-black);\n --secondary-content-hover: var(--amber-dark-7);\n --secondary-content-active: var(--amber-dark-6);\n --secondary-content: var(--amber);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
23
+ var yellowLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--yellow-light-1);\n --primary-background-component: var(--yellow-light-0);\n --primary-background-hover: var(--yellow-light-2);\n --primary-background-active: var(--yellow-light-3);\n --primary-border: var(--yellow-light-4);\n --primary-content-inverse: var(--neutral-black);\n --primary-content-hover: var(--yellow-dark-7);\n --primary-content-active: var(--yellow-dark-6);\n --primary-content: var(--yellow);\n --secondary-background-app: var(--amber-light-1);\n --secondary-background-component: var(--amber-light-0);\n --secondary-background-hover: var(--amber-light-2);\n --secondary-background-active: var(--amber-light-4);\n --secondary-border: var(--amber-light-3);\n --secondary-content-inverse: var(--neutral-black);\n --secondary-content-hover: var(--amber-dark-7);\n --secondary-content-active: var(--amber-dark-6);\n --secondary-content: var(--amber);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
24
24
 
25
- var yellowDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--yellow-dark-1);\n --primary-background-component: var(--yellow-dark-0);\n --primary-background-hover: var(--yellow-dark-2);\n --primary-background-active: var(--yellow-dark-3);\n --primary-border: var(--yellow-dark-4);\n --primary-content-inverse: var(--neutral-black);\n --primary-content-hover: var(--yellow-light-7);\n --primary-content-active: var(--yellow-light-6);\n --primary-content: var(--yellow);\n --secondary-background-app: var(--amber-dark-1);\n --secondary-background-component: var(--amber-dark-0);\n --secondary-background-hover: var(--amber-dark-2);\n --secondary-background-active: var(--amber-dark-4);\n --secondary-border: var(--amber-dark-3);\n --secondary-content-inverse: var(--neutral-black);\n --secondary-content-hover: var(--amber-light-7);\n --secondary-content-active: var(--amber-light-6);\n --secondary-content: var(--amber);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
25
+ var yellowDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--yellow-dark-1);\n --primary-background-component: var(--yellow-dark-0);\n --primary-background-hover: var(--yellow-dark-2);\n --primary-background-active: var(--yellow-dark-3);\n --primary-border: var(--yellow-dark-4);\n --primary-content-inverse: var(--neutral-black);\n --primary-content-hover: var(--yellow-light-7);\n --primary-content-active: var(--yellow-light-6);\n --primary-content: var(--yellow);\n --secondary-background-app: var(--amber-dark-1);\n --secondary-background-component: var(--amber-dark-0);\n --secondary-background-hover: var(--amber-dark-2);\n --secondary-background-active: var(--amber-dark-4);\n --secondary-border: var(--amber-dark-3);\n --secondary-content-inverse: var(--neutral-black);\n --secondary-content-hover: var(--amber-light-7);\n --secondary-content-active: var(--amber-light-6);\n --secondary-content: var(--amber);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
26
26
 
27
- var indigoLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--indigo-light-1);\n --primary-background-component: var(--indigo-light-0);\n --primary-background-hover: var(--indigo-light-2);\n --primary-background-active: var(--indigo-light-3);\n --primary-border: var(--indigo-light-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--indigo-dark-7);\n --primary-content-active: var(--indigo-dark-6);\n --primary-content: var(--indigo);\n --secondary-background-app: var(--purple-light-1);\n --secondary-background-component: var(--purple-light-0);\n --secondary-background-hover: var(--purple-light-2);\n --secondary-background-active: var(--purple-light-4);\n --secondary-border: var(--purple-light-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--purple-dark-7);\n --secondary-content-active: var(--purple-dark-6);\n --secondary-content: var(--purple);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
27
+ var indigoLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--indigo-light-1);\n --primary-background-component: var(--indigo-light-0);\n --primary-background-hover: var(--indigo-light-2);\n --primary-background-active: var(--indigo-light-3);\n --primary-border: var(--indigo-light-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--indigo-dark-7);\n --primary-content-active: var(--indigo-dark-6);\n --primary-content: var(--indigo);\n --secondary-background-app: var(--purple-light-1);\n --secondary-background-component: var(--purple-light-0);\n --secondary-background-hover: var(--purple-light-2);\n --secondary-background-active: var(--purple-light-4);\n --secondary-border: var(--purple-light-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--purple-dark-7);\n --secondary-content-active: var(--purple-dark-6);\n --secondary-content: var(--purple);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
28
28
 
29
- var indigoDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--indigo-dark-1);\n --primary-background-component: var(--indigo-dark-0);\n --primary-background-hover: var(--indigo-dark-2);\n --primary-background-active: var(--indigo-dark-3);\n --primary-border: var(--indigo-dark-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--indigo-light-7);\n --primary-content-active: var(--indigo-light-6);\n --primary-content: var(--indigo);\n --secondary-background-app: var(--purple-dark-1);\n --secondary-background-component: var(--purple-dark-0);\n --secondary-background-hover: var(--purple-dark-2);\n --secondary-background-active: var(--purple-dark-4);\n --secondary-border: var(--purple-dark-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--purple-light-7);\n --secondary-content-active: var(--purple-light-6);\n --secondary-content: var(--purple);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
29
+ var indigoDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--indigo-dark-1);\n --primary-background-component: var(--indigo-dark-0);\n --primary-background-hover: var(--indigo-dark-2);\n --primary-background-active: var(--indigo-dark-3);\n --primary-border: var(--indigo-dark-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--indigo-light-7);\n --primary-content-active: var(--indigo-light-6);\n --primary-content: var(--indigo);\n --secondary-background-app: var(--purple-dark-1);\n --secondary-background-component: var(--purple-dark-0);\n --secondary-background-hover: var(--purple-dark-2);\n --secondary-background-active: var(--purple-dark-4);\n --secondary-border: var(--purple-dark-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--purple-light-7);\n --secondary-content-active: var(--purple-light-6);\n --secondary-content: var(--purple);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
30
30
 
31
- var purpleLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--purple-light-1);\n --primary-background-component: var(--purple-light-0);\n --primary-background-hover: var(--purple-light-2);\n --primary-background-active: var(--purple-light-3);\n --primary-border: var(--purple-light-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--purple-dark-7);\n --primary-content-active: var(--purple-dark-6);\n --primary-content: var(--purple);\n --secondary-background-app: var(--indigo-light-1);\n --secondary-background-component: var(--indigo-light-0);\n --secondary-background-hover: var(--indigo-light-2);\n --secondary-background-active: var(--indigo-light-4);\n --secondary-border: var(--indigo-light-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--indigo-dark-7);\n --secondary-content-active: var(--indigo-dark-6);\n --secondary-content: var(--indigo);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
31
+ var purpleLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--purple-light-1);\n --primary-background-component: var(--purple-light-0);\n --primary-background-hover: var(--purple-light-2);\n --primary-background-active: var(--purple-light-3);\n --primary-border: var(--purple-light-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--purple-dark-7);\n --primary-content-active: var(--purple-dark-6);\n --primary-content: var(--purple);\n --secondary-background-app: var(--indigo-light-1);\n --secondary-background-component: var(--indigo-light-0);\n --secondary-background-hover: var(--indigo-light-2);\n --secondary-background-active: var(--indigo-light-4);\n --secondary-border: var(--indigo-light-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--indigo-dark-7);\n --secondary-content-active: var(--indigo-dark-6);\n --secondary-content: var(--indigo);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
32
32
 
33
- var purpleDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--purple-dark-1);\n --primary-background-component: var(--purple-dark-0);\n --primary-background-hover: var(--purple-dark-2);\n --primary-background-active: var(--purple-dark-3);\n --primary-border: var(--purple-dark-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--purple-light-7);\n --primary-content-active: var(--purple-light-6);\n --primary-content: var(--purple);\n --secondary-background-app: var(--indigo-dark-1);\n --secondary-background-component: var(--indigo-dark-0);\n --secondary-background-hover: var(--indigo-dark-2);\n --secondary-background-active: var(--indigo-dark-4);\n --secondary-border: var(--indigo-dark-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--indigo-light-7);\n --secondary-content-active: var(--indigo-light-6);\n --secondary-content: var(--indigo);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
33
+ var purpleDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--purple-dark-1);\n --primary-background-component: var(--purple-dark-0);\n --primary-background-hover: var(--purple-dark-2);\n --primary-background-active: var(--purple-dark-3);\n --primary-border: var(--purple-dark-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--purple-light-7);\n --primary-content-active: var(--purple-light-6);\n --primary-content: var(--purple);\n --secondary-background-app: var(--indigo-dark-1);\n --secondary-background-component: var(--indigo-dark-0);\n --secondary-background-hover: var(--indigo-dark-2);\n --secondary-background-active: var(--indigo-dark-4);\n --secondary-border: var(--indigo-dark-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--indigo-light-7);\n --secondary-content-active: var(--indigo-light-6);\n --secondary-content: var(--indigo);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
34
34
 
35
- var pinkLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--pink-light-1);\n --primary-background-component: var(--pink-light-0);\n --primary-background-hover: var(--pink-light-2);\n --primary-background-active: var(--pink-light-3);\n --primary-border: var(--pink-light-4);\n --primary-content-inverse: var(--neutral-black);\n --primary-content-hover: var(--pink-dark-7);\n --primary-content-active: var(--pink-dark-6);\n --primary-content: var(--pink);\n --secondary-background-app: var(--purple-light-1);\n --secondary-background-component: var(--purple-light-0);\n --secondary-background-hover: var(--purple-light-2);\n --secondary-background-active: var(--purple-light-4);\n --secondary-border: var(--purple-light-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--purple-dark-7);\n --secondary-content-active: var(--purple-dark-6);\n --secondary-content: var(--purple);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
35
+ var pinkLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--pink-light-1);\n --primary-background-component: var(--pink-light-0);\n --primary-background-hover: var(--pink-light-2);\n --primary-background-active: var(--pink-light-3);\n --primary-border: var(--pink-light-4);\n --primary-content-inverse: var(--neutral-black);\n --primary-content-hover: var(--pink-dark-7);\n --primary-content-active: var(--pink-dark-6);\n --primary-content: var(--pink);\n --secondary-background-app: var(--purple-light-1);\n --secondary-background-component: var(--purple-light-0);\n --secondary-background-hover: var(--purple-light-2);\n --secondary-background-active: var(--purple-light-4);\n --secondary-border: var(--purple-light-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--purple-dark-7);\n --secondary-content-active: var(--purple-dark-6);\n --secondary-content: var(--purple);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
36
36
 
37
- var pinkDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--pink-dark-1);\n --primary-background-component: var(--pink-dark-0);\n --primary-background-hover: var(--pink-dark-2);\n --primary-background-active: var(--pink-dark-3);\n --primary-border: var(--pink-dark-4);\n --primary-content-inverse: var(--neutral-black);\n --primary-content-hover: var(--pink-light-7);\n --primary-content-active: var(--pink-light-6);\n --primary-content: var(--pink);\n --secondary-background-app: var(--purple-dark-1);\n --secondary-background-component: var(--purple-dark-0);\n --secondary-background-hover: var(--purple-dark-2);\n --secondary-background-active: var(--purple-dark-4);\n --secondary-border: var(--purple-dark-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--purple-light-7);\n --secondary-content-active: var(--purple-light-6);\n --secondary-content: var(--purple);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
37
+ var pinkDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--pink-dark-1);\n --primary-background-component: var(--pink-dark-0);\n --primary-background-hover: var(--pink-dark-2);\n --primary-background-active: var(--pink-dark-3);\n --primary-border: var(--pink-dark-4);\n --primary-content-inverse: var(--neutral-black);\n --primary-content-hover: var(--pink-light-7);\n --primary-content-active: var(--pink-light-6);\n --primary-content: var(--pink);\n --secondary-background-app: var(--purple-dark-1);\n --secondary-background-component: var(--purple-dark-0);\n --secondary-background-hover: var(--purple-dark-2);\n --secondary-background-active: var(--purple-dark-4);\n --secondary-border: var(--purple-dark-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--purple-light-7);\n --secondary-content-active: var(--purple-light-6);\n --secondary-content: var(--purple);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
38
38
 
39
- var brownLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--brown-light-1);\n --primary-background-component: var(--brown-light-0);\n --primary-background-hover: var(--brown-light-2);\n --primary-background-active: var(--brown-light-3);\n --primary-border: var(--brown-light-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--brown-dark-7);\n --primary-content-active: var(--brown-dark-6);\n --primary-content: var(--brown);\n --secondary-background-app: var(--amber-light-1);\n --secondary-background-component: var(--amber-light-0);\n --secondary-background-hover: var(--amber-light-2);\n --secondary-background-active: var(--amber-light-4);\n --secondary-border: var(--amber-light-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--amber-dark-7);\n --secondary-content-active: var(--amber-dark-6);\n --secondary-content: var(--amber);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
39
+ var brownLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--brown-light-1);\n --primary-background-component: var(--brown-light-0);\n --primary-background-hover: var(--brown-light-2);\n --primary-background-active: var(--brown-light-3);\n --primary-border: var(--brown-light-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--brown-dark-7);\n --primary-content-active: var(--brown-dark-6);\n --primary-content: var(--brown);\n --secondary-background-app: var(--amber-light-1);\n --secondary-background-component: var(--amber-light-0);\n --secondary-background-hover: var(--amber-light-2);\n --secondary-background-active: var(--amber-light-4);\n --secondary-border: var(--amber-light-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--amber-dark-7);\n --secondary-content-active: var(--amber-dark-6);\n --secondary-content: var(--amber);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
40
40
 
41
- var brownDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--brown-dark-1);\n --primary-background-component: var(--brown-dark-0);\n --primary-background-hover: var(--brown-dark-2);\n --primary-background-active: var(--brown-dark-3);\n --primary-border: var(--brown-dark-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--brown-light-7);\n --primary-content-active: var(--brown-light-6);\n --primary-content: var(--brown);\n --secondary-background-app: var(--amber-dark-1);\n --secondary-background-component: var(--amber-dark-0);\n --secondary-background-hover: var(--amber-dark-2);\n --secondary-background-active: var(--amber-dark-4);\n --secondary-border: var(--amber-dark-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--amber-light-7);\n --secondary-content-active: var(--amber-light-6);\n --secondary-content: var(--amber);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
41
+ var brownDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--brown-dark-1);\n --primary-background-component: var(--brown-dark-0);\n --primary-background-hover: var(--brown-dark-2);\n --primary-background-active: var(--brown-dark-3);\n --primary-border: var(--brown-dark-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--brown-light-7);\n --primary-content-active: var(--brown-light-6);\n --primary-content: var(--brown);\n --secondary-background-app: var(--amber-dark-1);\n --secondary-background-component: var(--amber-dark-0);\n --secondary-background-hover: var(--amber-dark-2);\n --secondary-background-active: var(--amber-dark-4);\n --secondary-border: var(--amber-dark-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--amber-light-7);\n --secondary-content-active: var(--amber-light-6);\n --secondary-content: var(--amber);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
42
42
 
43
- var oliveLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--olive-light-1);\n --primary-background-component: var(--olive-light-0);\n --primary-background-hover: var(--olive-light-2);\n --primary-background-active: var(--olive-light-3);\n --primary-border: var(--olive-light-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--olive-dark-7);\n --primary-content-active: var(--olive-dark-6);\n --primary-content: var(--olive);\n --secondary-background-app: var(--brown-light-1);\n --secondary-background-component: var(--brown-light-0);\n --secondary-background-hover: var(--brown-light-2);\n --secondary-background-active: var(--brown-light-4);\n --secondary-border: var(--brown-light-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--brown-dark-7);\n --secondary-content-active: var(--brown-dark-6);\n --secondary-content: var(--brown);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
43
+ var oliveLightCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-light-1);\n --base-background-component: var(--neutral-light-0);\n --base-background-hover: var(--neutral-light-2);\n --base-background-active: var(--neutral-light-4);\n --base-border: var(--neutral-light-3);\n --base-content-inverse: var(--neutral-white);\n --base-content-light: var(--neutral-dark-1);\n --base-content-lighter: var(--neutral-dark-3);\n --base-content-lightest: var(--neutral-dark-5);\n --base-content: var(--neutral-dark-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--olive-light-1);\n --primary-background-component: var(--olive-light-0);\n --primary-background-hover: var(--olive-light-2);\n --primary-background-active: var(--olive-light-3);\n --primary-border: var(--olive-light-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--olive-dark-7);\n --primary-content-active: var(--olive-dark-6);\n --primary-content: var(--olive);\n --secondary-background-app: var(--brown-light-1);\n --secondary-background-component: var(--brown-light-0);\n --secondary-background-hover: var(--brown-light-2);\n --secondary-background-active: var(--brown-light-4);\n --secondary-border: var(--brown-light-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--brown-dark-7);\n --secondary-content-active: var(--brown-dark-6);\n --secondary-content: var(--brown);\n --success-background-app: var(--green-light-1);\n --success-background-component: var(--green-light-0);\n --success-background-hover: var(--green-light-2);\n --success-background-active: var(--green-light-4);\n --success-border: var(--green-light-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-dark-7);\n --success-content-active: var(--green-dark-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-light-1);\n --warning-background-component: var(--yellow-light-0);\n --warning-background-hover: var(--yellow-light-2);\n --warning-background-active: var(--yellow-light-4);\n --warning-border: var(--yellow-light-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-dark-7);\n --warning-content-active: var(--yellow-dark-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-light-1);\n --error-background-component: var(--red-light-0);\n --error-background-hover: var(--red-light-2);\n --error-background-active: var(--red-light-4);\n --error-border: var(--red-light-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-dark-7);\n --error-content-active: var(--red-dark-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-light-1);\n --help-background-component: var(--indigo-light-0);\n --help-background-hover: var(--indigo-light-2);\n --help-background-active: var(--indigo-light-3);\n --help-border: var(--indigo-light-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-dark-7);\n --help-content-active: var(--indigo-dark-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
44
44
 
45
- var oliveDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--olive-dark-1);\n --primary-background-component: var(--olive-dark-0);\n --primary-background-hover: var(--olive-dark-2);\n --primary-background-active: var(--olive-dark-3);\n --primary-border: var(--olive-dark-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--olive-light-7);\n --primary-content-active: var(--olive-light-6);\n --primary-content: var(--olive);\n --secondary-background-app: var(--brown-dark-1);\n --secondary-background-component: var(--brown-dark-0);\n --secondary-background-hover: var(--brown-dark-2);\n --secondary-background-active: var(--brown-dark-4);\n --secondary-border: var(--brown-dark-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--brown-light-7);\n --secondary-content-active: var(--brown-light-6);\n --secondary-content: var(--brown);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
45
+ var oliveDarkCSS = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --font-family-header: \"Lexend\", sans-serif;\n --font-family-body: \"Lexend\", sans-serif;\n --font-weight-body: 300;\n --base-background-app: var(--neutral-dark-1);\n --base-background-component: var(--neutral-dark-0);\n --base-background-hover: var(--neutral-dark-2);\n --base-background-active: var(--neutral-dark-4);\n --base-border: var(--neutral-dark-3);\n --base-content-inverse: var(--neutral-black);\n --base-content-light: var(--neutral-light-1);\n --base-content-lighter: var(--neutral-light-3);\n --base-content-lightest: var(--neutral-light-5);\n --base-content: var(--neutral-light-0);\n --base-shadow: 0 2px 6px var(--neutral-translucent-black);\n --primary-background-app: var(--olive-dark-1);\n --primary-background-component: var(--olive-dark-0);\n --primary-background-hover: var(--olive-dark-2);\n --primary-background-active: var(--olive-dark-3);\n --primary-border: var(--olive-dark-4);\n --primary-content-inverse: var(--neutral-white);\n --primary-content-hover: var(--olive-light-7);\n --primary-content-active: var(--olive-light-6);\n --primary-content: var(--olive);\n --secondary-background-app: var(--brown-dark-1);\n --secondary-background-component: var(--brown-dark-0);\n --secondary-background-hover: var(--brown-dark-2);\n --secondary-background-active: var(--brown-dark-4);\n --secondary-border: var(--brown-dark-3);\n --secondary-content-inverse: var(--neutral-white);\n --secondary-content-hover: var(--brown-light-7);\n --secondary-content-active: var(--brown-light-6);\n --secondary-content: var(--brown);\n --success-background-app: var(--green-dark-1);\n --success-background-component: var(--green-dark-0);\n --success-background-hover: var(--green-dark-2);\n --success-background-active: var(--green-dark-4);\n --success-border: var(--green-dark-3);\n --success-content-inverse: var(--neutral-black);\n --success-content-hover: var(--green-light-7);\n --success-content-active: var(--green-light-6);\n --success-content: var(--green);\n --warning-background-app: var(--yellow-dark-1);\n --warning-background-component: var(--yellow-dark-0);\n --warning-background-hover: var(--yellow-dark-2);\n --warning-background-active: var(--yellow-dark-4);\n --warning-border: var(--yellow-dark-3);\n --warning-content-inverse: var(--neutral-black);\n --warning-content-hover: var(--yellow-light-7);\n --warning-content-active: var(--yellow-light-6);\n --warning-content: var(--yellow);\n --error-background-app: var(--red-dark-1);\n --error-background-component: var(--red-dark-0);\n --error-background-hover: var(--red-dark-2);\n --error-background-active: var(--red-dark-4);\n --error-border: var(--red-dark-3);\n --error-content-inverse: var(--neutral-white);\n --error-content-hover: var(--red-light-7);\n --error-content-active: var(--red-light-6);\n --error-content: var(--red);\n --help-background-app: var(--indigo-dark-1);\n --help-background-component: var(--indigo-dark-0);\n --help-background-hover: var(--indigo-dark-2);\n --help-background-active: var(--indigo-dark-3);\n --help-border: var(--indigo-dark-4);\n --help-content-inverse: var(--neutral-white);\n --help-content-hover: var(--indigo-light-7);\n --help-content-active: var(--indigo-light-6);\n --help-content: var(--indigo);\n --component-appbar-background: var(--base-background-component);\n --component-appbar-color: var(--base-content);\n --component-appbar-border-color: var(--base-border);\n --component-break-line-color: var(--base-content-lightest);\n --component-break-content-color: var(--base-content-lightest);\n --component-breadcrumbs-color-hover: var(--primary-content-hover);\n --component-breadcrumbs-color-current: var(--base-content);\n --component-breadcrumbs-separator-color: var(--base-content-lighter);\n --component-checkbox-background: var(--base-background-component);\n --component-checkbox-color: var(--base-content);\n --component-checkbox-border-color: var(--base-content);\n --component-checkbox-accent: var(--primary-content-active);\n --component-dock-background: var(--base-background-component);\n --component-dock-color-active: var(--primary-content);\n --component-dock-border-color: var(--base-border);\n --component-dialog-background: var(--base-background-component);\n --component-dialog-color: var(--base-content);\n --component-dialog-border-color: var(--base-border);\n --component-dialog-hover-background: var(--base-background-hover);\n --component-dialog-accent: var(--primary-content);\n --component-dialog-shadow: var(--base-shadow);\n --component-droplist-drag-preview-shadow: var(--base-shadow);\n --component-droplist-ghost-background: var(--base-background-hover);\n --component-droplist-ghost-border-color: var(--base-border);\n --component-drawer-background: var(--base-background-component);\n --component-drawer-color: var(--base-content);\n --component-drawer-border-color: var(--base-border);\n --component-drawer-hover-background: var(--base-background-hover);\n --component-menu-background: var(--base-background-component);\n --component-menu-color: var(--base-content);\n --component-menu-border-color: var(--base-border);\n --component-menu-hover-background: var(--base-background-hover);\n --component-menu-selected-background: var(--primary-content);\n --component-menu-selected-color: var(--primary-background-component);\n --component-menu-shadow: var(--base-shadow);\n --component-tree-background: var(--base-background-component);\n --component-tree-item-color: var(--base-content);\n --component-tree-item-hover-background: var(--base-background-hover);\n --component-tree-item-selected-color: var(--primary-content);\n --component-tree-item-selected-background: var(--primary-background-active);\n --component-tree-item-accent: var(--primary-content);\n --component-tree-item-active-border: var(--base-background-active);\n --component-radio-color: var(--base-content);\n --component-radio-accent: var(--primary-content-active);\n --component-datepicker-background: var(--base-background-component);\n --component-datepicker-border-color: var(--base-border);\n --component-datepicker-header-color: var(--base-content-light);\n --component-datepicker-shadow: var(--base-shadow);\n --component-select-background: var(--base-background-app);\n --component-select-color: var(--base-content);\n --component-select-border-color: var(--base-border);\n --component-select-accent: var(--primary-content);\n --component-select-accent-contrast: var(--base-background-component);\n --component-select-label-color: var(--base-content-light);\n --component-select-hover-background: var(--base-background-hover);\n --component-select-shadow: var(--base-shadow);\n --component-select-error-color: var(--error-content);\n --component-select-error-background: var(--error-background-component);\n --component-select-error-border-color: var(--error-border);\n --component-paginator-background: var(--base-background-component);\n --component-paginator-color: var(--base-content);\n --component-paginator-border-color: var(--base-border);\n --component-paginator-hover-background: var(--base-background-hover);\n --component-paginator-active-background: var(--primary-background-active);\n --component-paginator-active-color: var(--primary-content);\n --component-paginator-disabled-color: var(--base-content-lightest);\n --component-paginator-ellipsis-color: var(--base-content-lighter);\n --component-stepper-connector-color-complete: var(--primary-content);\n --component-stepper-color-pending: var(--base-border);\n --component-stepper-color-active-text: var(--primary-content-inverse);\n --component-stepper-color-complete-text: var(--success-content-inverse);\n --component-stepper-color-error-text: var(--error-content-inverse);\n --component-stepper-label-color: var(--base-content);\n --component-splitter-handle-background: var(--base-background-component);\n --component-splitter-handle-hover-background: var(--base-background-hover);\n --component-splitter-handle-active-background: var(--primary-content);\n --component-splitter-handle-border-color: var(--base-border);\n --component-splitter-handle-grip-color: var(--base-content-lighter);\n --component-splitter-handle-active-grip-color: var(--primary-content-inverse);\n --component-table-color-light: var(--base-content-lightest);\n --component-table-border-color: var(--base-border);\n --component-table-hover-background: var(--base-background-hover);\n --component-table-active-background: var(--base-background-active);\n --component-input-background-disabled: var(--base-background-component);\n --component-input-color: var(--base-content);\n --component-input-border-color: var(--base-border);\n --component-input-accent: var(--primary-content);\n --component-input-label-color: var(--base-content-light);\n --component-input-icon-color: var(--base-content-lighter);\n --component-input-error-color: var(--error-content);\n --component-input-error-background: var(--error-background-component);\n --component-input-error-border-color: var(--error-border);\n --component-panel-background: var(--base-background-component);\n --component-panel-color: var(--base-content);\n --component-panel-expanded-background: var(--base-background-app);\n --component-panel-accent: var(--primary-content);\n --component-panel-accent-hover-background: var(--primary-background-active);\n --component-panel-active-border: var(--base-background-active);\n --component-panel-hover-background: var(--base-background-hover);\n --component-tabs-background: var(--base-background-component);\n --component-tabs-color: var(--base-content);\n --component-tabs-border-color: var(--base-border);\n --component-tabs-accent: var(--primary-content);\n\n /* DEPRECATED: --X-- aliases, use --X instead. */\n --component-select-accent--: var(--component-select-accent);\n --component-panel-accent--: var(--component-panel-accent);\n --base-content--: var(--base-content);\n --primary-content--: var(--primary-content);\n --secondary-content--: var(--secondary-content);\n --success-content--: var(--success-content);\n --warning-content--: var(--warning-content);\n --error-content--: var(--error-content);\n --help-content--: var(--help-content);\n}\n";
46
46
 
47
47
  const THEMES = {
48
48
  "blue-light": blueLightCSS,