@deephaven/components 0.55.1-beta.8 → 0.56.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/BaseStyleSheet.css +837 -3627
- package/css/BaseStyleSheet.css.map +1 -1
- package/dist/AutoCompleteInput.css +4 -4
- package/dist/AutoCompleteInput.css.map +1 -1
- package/dist/Button.d.ts.map +1 -1
- package/dist/Button.js +26 -2
- package/dist/Button.js.map +1 -1
- package/dist/ComboBox.css +7 -7
- package/dist/ComboBox.css.map +1 -1
- package/dist/CustomTimeSelect.css +9 -9
- package/dist/CustomTimeSelect.css.map +1 -1
- package/dist/DraggableItemList.css +14 -14
- package/dist/DraggableItemList.css.map +1 -1
- package/dist/ErrorBoundary.d.ts +26 -0
- package/dist/ErrorBoundary.d.ts.map +1 -0
- package/dist/ErrorBoundary.js +55 -0
- package/dist/ErrorBoundary.js.map +1 -0
- package/dist/HierarchicalCheckboxMenu.css +20 -6
- package/dist/HierarchicalCheckboxMenu.css.map +1 -1
- package/dist/HierarchicalCheckboxMenu.d.ts.map +1 -1
- package/dist/HierarchicalCheckboxMenu.js +2 -4
- package/dist/HierarchicalCheckboxMenu.js.map +1 -1
- package/dist/ItemList.css +1 -1
- package/dist/ItemList.css.map +1 -1
- package/dist/ItemListItem.css +7 -7
- package/dist/ItemListItem.css.map +1 -1
- package/dist/LoadingOverlay.css +1 -1
- package/dist/LoadingOverlay.css.map +1 -1
- package/dist/MaskedInput.css.map +1 -1
- package/dist/RandomAreaPlotAnimation.d.ts +1 -1
- package/dist/RandomAreaPlotAnimation.d.ts.map +1 -1
- package/dist/RandomAreaPlotAnimation.js +49 -13
- package/dist/RandomAreaPlotAnimation.js.map +1 -1
- package/dist/SearchInput.css +3 -3
- package/dist/SearchInput.css.map +1 -1
- package/dist/SelectValueList.css +3 -3
- package/dist/SelectValueList.css.map +1 -1
- package/dist/SocketedButton.css +33 -33
- package/dist/SocketedButton.css.map +1 -1
- package/dist/ThemeExport.module.css +33 -33
- package/dist/ThemeExport.module.css.map +1 -1
- package/dist/TimeSlider.css +10 -10
- package/dist/TimeSlider.css.map +1 -1
- package/dist/TimeSlider.module.css +10 -10
- package/dist/TimeSlider.module.css.map +1 -1
- package/dist/ToastNotification.css +4 -4
- package/dist/ToastNotification.css.map +1 -1
- package/dist/UISwitch.css +19 -19
- package/dist/UISwitch.css.map +1 -1
- package/dist/ValidateLabelInput.css +1 -1
- package/dist/ValidateLabelInput.css.map +1 -1
- package/dist/context-actions/ContextActions.css +19 -19
- package/dist/context-actions/ContextActions.css.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/menu-actions/DropdownMenu.css +2 -2
- package/dist/menu-actions/DropdownMenu.css.map +1 -1
- package/dist/navigation/MenuItem.css +9 -9
- package/dist/navigation/MenuItem.css.map +1 -1
- package/dist/navigation/Page.css.map +1 -1
- package/dist/navigation/Stack.css +2 -2
- package/dist/navigation/Stack.css.map +1 -1
- package/dist/popper/Popper.css +4 -4
- package/dist/popper/Popper.css.map +1 -1
- package/dist/theme/SpectrumThemeProvider.d.ts.map +1 -1
- package/dist/theme/SpectrumThemeProvider.js +1 -0
- package/dist/theme/SpectrumThemeProvider.js.map +1 -1
- package/dist/theme/ThemeModel.d.ts +1 -1
- package/dist/theme/ThemeModel.d.ts.map +1 -1
- package/dist/theme/ThemeModel.js +56 -7
- package/dist/theme/ThemeModel.js.map +1 -1
- package/dist/theme/ThemePicker.d.ts +4 -0
- package/dist/theme/ThemePicker.d.ts.map +1 -0
- package/dist/theme/ThemePicker.js +25 -0
- package/dist/theme/ThemePicker.js.map +1 -0
- package/dist/theme/ThemeProvider.d.ts +2 -1
- package/dist/theme/ThemeProvider.d.ts.map +1 -1
- package/dist/theme/ThemeProvider.js +10 -8
- package/dist/theme/ThemeProvider.js.map +1 -1
- package/dist/theme/ThemeUtils.d.ts +5 -3
- package/dist/theme/ThemeUtils.d.ts.map +1 -1
- package/dist/theme/ThemeUtils.js +18 -22
- package/dist/theme/ThemeUtils.js.map +1 -1
- package/dist/theme/index.d.ts +1 -0
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +1 -0
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/theme-dark/theme-dark-components.css +1 -1
- package/dist/theme/theme-dark/theme-dark-components.css.map +1 -1
- package/dist/theme/theme-dark/theme-dark-palette.css +1 -1
- package/dist/theme/theme-dark/theme-dark-palette.css.map +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic-chart.css +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic-chart.css.map +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic-editor.css +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic-editor.css.map +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic-grid.css +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic-grid.css.map +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic.css +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic.css.map +1 -1
- package/dist/theme/theme-light/theme-light-palette.css +1 -1
- package/dist/theme/theme-light/theme-light-palette.css.map +1 -1
- package/dist/theme/theme-spectrum/theme-spectrum-alias.module.css +1 -1
- package/dist/theme/theme-spectrum/theme-spectrum-alias.module.css.map +1 -1
- package/package.json +7 -7
- package/scss/BaseStyleSheet.scss +68 -60
- package/scss/bootstrap_imports.scss +49 -0
- package/scss/bootstrap_override_functions.scss +31 -0
- package/scss/bootstrap_override_mixins_background_variant.scss +16 -0
- package/scss/bootstrap_override_mixins_buttons.scss +123 -0
- package/scss/bootstrap_override_mixins_forms.scss +231 -0
- package/scss/bootstrap_override_mixins_text_emphasis.scss +21 -0
- package/scss/bootstrap_overrides.scss +144 -101
- package/scss/new_variables.scss +18 -0
- package/scss/util.scss +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-components.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-components.css"],"names":[],"mappings":"AAEA,MACE,8DACA,8EACA,uEACA,uEACA,0EAGA,mDACA,0DACA,mDACA,qDAIA,wFAIA,yFAIA,kEACA,qEAGA,sDACA,+DACA,iDAEA,oDAEA,kDACA,sDACA,6DAEA,uDACA,6DACA,2DAEA,mEACA,mEACA,uEAEA,2CACA,wDACA,yDAGA,8CACA,wCACA,uDACA,kDACA,uDACA,sEAGA,2CACA,wEACA,wFAMA,gEACA,gEACA,uNAUA,qCACA,iEACA,+DACA,wDACA,qEACA,mFAGA,oEACA,4EACA,2DAEA,mFAcA,kDAGA,gDACA,0CACA,oEAGA,gEACA","file":"theme-dark-components.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n:root {\n --dh-color-loading-spinner-primary: var(--dh-color-accent-bg);\n --dh-color-loading-spinner-secondary: hsla(var(--dh-color-gray-800-hsl), 0.5);\n --dh-color-quickactions-bg: hsla(var(--dh-color-visual-gray-hsl), 0.9);\n --dh-color-radial-reaction: hsla(var(--dh-color-visual-gray-hsl), 0.6);\n --dh-color-colorpicker-border: hsla(var(--dh-color-visual-gray-hsl), 0.1);\n\n /* Login */\n --dh-color-login-form-bg: var(--dh-color-gray-400);\n --dh-color-login-status-message: var(--dh-color-gray-600);\n --dh-color-login-logo-bg: var(--dh-color-gray-900);\n --dh-color-login-footer-fg: var(--dh-color-gray-700);\n\n /* We should base this color on something from the palette, but for now just\n * hard coding the original value */\n --dh-color-random-area-plot-animation-fg-fill: hsla(\n var(--dh-color-accent-hsl),\n 0.08\n );\n --dh-color-random-area-plot-animation-fg-stroke: hsla(\n var(--dh-color-accent-hsl),\n 0.2\n );\n --dh-color-random-area-plot-animation-bg: var(--dh-color-gray-75);\n --dh-color-random-area-plot-animation-grid: var(--dh-color-gray-300);\n\n /* Actions */\n --dh-color-action-bg: hsl(var(--dh-color-action-hsl));\n --dh-color-action-fg: hsl(var(--dh-color-action-contrast-hsl));\n --dh-color-action-border: var(--dh-color-border);\n\n --dh-color-action-down-bg: var(--dh-color-gray-300);\n\n --dh-color-action-hover-bg: var(--dh-color-black);\n --dh-color-action-hover-fg: var(--dh-color-action-fg);\n --dh-color-action-hover-border: var(--dh-color-hover-border);\n\n --dh-color-action-active-bg: var(--dh-color-accent-bg);\n --dh-color-action-active-fg: var(--dh-color-accent-contrast);\n --dh-color-action-active-border: var(--dh-color-accent-bg);\n\n --dh-color-action-active-hover-bg: var(--dh-color-accent-hover-bg);\n --dh-color-action-active-hover-fg: var(--dh-color-accent-contrast);\n --dh-color-action-active-hover-border: var(--dh-color-accent-hover-bg);\n\n --dh-color-action-disabled-bg: transparent;\n --dh-color-action-disabled-fg: var(--dh-color-gray-700);\n --dh-color-action-disabled-border: var(--dh-color-black);\n\n /* Inputs */\n --dh-color-input-bg: var(--dh-color-gray-500);\n --dh-color-input-fg: var(--dh-color-fg);\n --dh-color-input-disabled-bg: var(--dh-color-gray-300);\n --dh-color-input-border: var(--dh-color-gray-600);\n --dh-color-input-placeholder: var(--dh-color-gray-600);\n --dh-color-input-focus-border: hsla(var(--dh-color-accent-hsl), 0.85);\n\n /* Form Controls */\n --dh-color-search-icon: var(--dh-color-fg);\n --dh-color-form-control-error: hsl(var(--dh-color-visual-negative-hsl));\n --dh-color-form-control-error-shadow: hsla(\n var(--dh-color-visual-negative-hsl),\n 0.25\n );\n\n /* Selectors (pickers, dropdowns, select, etc.) */\n --dh-color-selector-fg: hsla(var(--dh-color-gray-800-hsl), 0.4);\n --dh-color-selector-hover-fg: hsl(var(--dh-color-gray-800-hsl));\n --dh-color-selector-disabled-fg: hsla(\n var(--dh-color-gray-800-hsl),\n /* \n * Other dropdowns have opacity .4 when not hovered and then an additional \n * .65 opacity applied to disabled, hence .4 * .65 == .26\n */\n 0.26\n );\n\n /* Item List */\n --dh-color-item-list-bg: transparent;\n --dh-color-item-list-active-bg: var(--dh-color-highlight-active);\n --dh-color-item-list-hover-bg: var(--dh-color-highlight-hover);\n --dh-color-item-list-selected-fg: var(--dh-color-white);\n --dh-color-item-list-selected-bg: var(--dh-color-highlight-selected);\n --dh-color-item-list-selected-hover-bg: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-item-list-selected-inactive-bg: var(--dh-color-gray-200);\n --dh-color-item-list-selected-border: hsla(var(--dh-color-accent-hsl), 0.6);\n --dh-color-item-list-drop-target-fg: var(--dh-color-white);\n\n --dh-color-item-list-keyboard-selected-bg: hsla(\n var(--dh-color-accent-hsl),\n 0.5\n );\n\n /* \n * There are a couple of related variables used in Enterprise SingleClickItemList.\n * that aren't consumed in DHC. We should see if there is a way to include these\n * in the theming variables.\n * --dh-color-item-list-keyboard-selected-border\n * --dh-color-item-list-keyboard-selected-hover-bg\n */\n\n /* Navigation Menu */\n --dh-color-menu-item-fg: var(--dh-color-gray-700);\n\n /* Tooltips */\n --dh-color-tooltip-bg: var(--dh-color-gray-400);\n --dh-color-tooltip-fg: var(--dh-color-fg);\n --dh-color-tooltip-box-shadow: hsla(var(--dh-color-black-hsl), 0.8);\n\n /* Wells */\n --dh-color-well-bg: hsla(var(--dh-color-visual-gray-hsl), 0.02);\n --dh-color-well-border: hsla(var(--dh-color-visual-gray-hsl), 0.05);\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--dh-color-gray-50-hsl: 300deg, 6.1%, 9.6%;--dh-color-gray-75-hsl: 280deg, 4.6%, 12.7%;--dh-color-gray-100-hsl: 285deg, 4.5%, 17.3%;--dh-color-gray-200-hsl: 285deg, 4.1%, 19.2%;--dh-color-gray-300-hsl: 285deg, 3.7%, 21.2%;--dh-color-gray-400-hsl: 280deg, 2.4%, 24.9%;--dh-color-gray-500-hsl: 270deg, 1.1%, 35.7%;--dh-color-gray-600-hsl: 300deg, 0.5%, 57.1%;--dh-color-gray-700-hsl: 0deg, 0.8%, 75.1%;--dh-color-gray-800-hsl: 60deg, 6.2%, 93.7%;--dh-color-gray-900-hsl: 60deg, 25%, 98.4%;--dh-color-gray-light-hsl: var(--dh-color-gray-900-hsl);--dh-color-gray-mid-hsl: var(--dh-color-gray-600-hsl);--dh-color-gray-dark-hsl: var(--dh-color-gray-300-hsl);--dh-color-black-hsl: var(--dh-color-gray-50-hsl);--dh-color-white-hsl: var(--dh-color-gray-800-hsl);--dh-color-blue-100-hsl: 222deg, 65.3%, 19.2%;--dh-color-blue-200-hsl: 222deg, 66.2%, 25.5%;--dh-color-blue-300-hsl: 222deg, 64.8%, 32.4%;--dh-color-blue-400-hsl: 222deg, 63.2%, 39.4%;--dh-color-blue-500-hsl: 222deg, 60.7%, 46.9%;--dh-color-blue-600-hsl: 222deg, 68.2%, 54.3%;--dh-color-blue-700-hsl: 222deg, 82.7%, 61.6%;--dh-color-blue-800-hsl: 222deg, 93.8%, 68.4%;--dh-color-blue-900-hsl: 222deg, 100%, 74.3%;--dh-color-blue-1000-hsl: 222deg, 100%, 79.6%;--dh-color-blue-1100-hsl: 221deg, 100%, 84.3%;--dh-color-blue-1200-hsl: 221deg, 100%, 89%;--dh-color-blue-1300-hsl: 222deg, 100%, 92.9%;--dh-color-blue-1400-hsl: 224deg, 100%, 96.3%;--dh-color-red-100-hsl: 346deg, 54.3%, 18%;--dh-color-red-200-hsl: 345deg, 55%, 23.5%;--dh-color-red-300-hsl: 346deg, 54.2%, 30%;--dh-color-red-400-hsl: 345deg, 54.3%, 36.9%;--dh-color-red-500-hsl: 345deg, 53.4%, 43.7%;--dh-color-red-600-hsl: 345deg, 54.8%, 51.4%;--dh-color-red-700-hsl: 345deg, 71.3%, 59%;--dh-color-red-800-hsl: 345deg, 91.7%, 67.1%;--dh-color-red-900-hsl: 344deg, 100%, 74.1%;--dh-color-red-1000-hsl: 343deg, 100%, 80%;--dh-color-red-1100-hsl: 343deg, 100%, 85.3%;--dh-color-red-1200-hsl: 344deg, 100%, 89.8%;--dh-color-red-1300-hsl: 344deg, 100%, 93.5%;--dh-color-red-1400-hsl: 344deg, 100%, 96.3%;--dh-color-orange-100-hsl: 20deg, 100%, 13.9%;--dh-color-orange-200-hsl: 22deg, 95.7%, 18%;--dh-color-orange-300-hsl: 23deg, 89.8%, 23.1%;--dh-color-orange-400-hsl: 22deg, 83.7%, 28.8%;--dh-color-orange-500-hsl: 22deg, 79.7%, 34.7%;--dh-color-orange-600-hsl: 22deg, 74.3%, 41.2%;--dh-color-orange-700-hsl: 22deg, 69.8%, 48%;--dh-color-orange-800-hsl: 22deg, 78.2%, 55.1%;--dh-color-orange-900-hsl: 21deg, 94.7%, 63.1%;--dh-color-orange-1000-hsl: 22deg, 100%, 70.6%;--dh-color-orange-1100-hsl: 23deg, 100%, 77.6%;--dh-color-orange-1200-hsl: 24deg, 100%, 84.3%;--dh-color-orange-1300-hsl: 24deg, 100%, 89.8%;--dh-color-orange-1400-hsl: 25deg, 100%, 94.3%;--dh-color-yellow-100-hsl: 51deg, 100%, 9%;--dh-color-yellow-200-hsl: 50deg, 100%, 12%;--dh-color-yellow-300-hsl: 51deg, 100%, 15.1%;--dh-color-yellow-400-hsl: 50deg, 90%, 19.6%;--dh-color-yellow-500-hsl: 49deg, 82.4%, 24.5%;--dh-color-yellow-600-hsl: 48deg, 75%, 29.8%;--dh-color-yellow-700-hsl: 48deg, 70.2%, 35.5%;--dh-color-yellow-800-hsl: 47deg, 65.7%, 41.2%;--dh-color-yellow-900-hsl: 47deg, 61.2%, 47.5%;--dh-color-yellow-1000-hsl: 47deg, 66.2%, 53.5%;--dh-color-yellow-1100-hsl: 46deg, 79.4%, 60%;--dh-color-yellow-1200-hsl: 46deg, 94.2%, 66.5%;--dh-color-yellow-1300-hsl: 49deg, 100%, 73.9%;--dh-color-yellow-1400-hsl: 51deg, 100%, 83.7%;--dh-color-chartreuse-100-hsl: 77deg, 100%, 8.4%;--dh-color-chartreuse-200-hsl: 75deg, 83.6%, 12%;--dh-color-chartreuse-300-hsl: 74deg, 73.2%, 16.1%;--dh-color-chartreuse-400-hsl: 71deg, 67%, 20.2%;--dh-color-chartreuse-500-hsl: 71deg, 62.2%, 24.9%;--dh-color-chartreuse-600-hsl: 70deg, 58.9%, 29.6%;--dh-color-chartreuse-700-hsl: 69deg, 55.7%, 34.5%;--dh-color-chartreuse-800-hsl: 68deg, 52.9%, 40%;--dh-color-chartreuse-900-hsl: 67deg, 50%, 45.5%;--dh-color-chartreuse-1000-hsl: 67deg, 49.2%, 51.4%;--dh-color-chartreuse-1100-hsl: 67deg, 57.8%, 57.3%;--dh-color-chartreuse-1200-hsl: 66deg, 67.2%, 64.1%;--dh-color-chartreuse-1300-hsl: 66deg, 75.7%, 72.5%;--dh-color-chartreuse-1400-hsl: 66deg, 82%, 82.5%;--dh-color-celery-100-hsl: 127deg, 42.9%, 12.4%;--dh-color-celery-200-hsl: 125deg, 43.2%, 15.9%;--dh-color-celery-300-hsl: 125deg, 42.9%, 20.6%;--dh-color-celery-400-hsl: 125deg, 42.6%, 25.3%;--dh-color-celery-500-hsl: 125deg, 41.6%, 30.2%;--dh-color-celery-600-hsl: 126deg, 40.7%, 35.7%;--dh-color-celery-700-hsl: 125deg, 39.3%, 41.4%;--dh-color-celery-800-hsl: 125deg, 36.6%, 47.6%;--dh-color-celery-900-hsl: 125deg, 39.1%, 54.9%;--dh-color-celery-1000-hsl: 125deg, 43.9%, 62.9%;--dh-color-celery-1100-hsl: 125deg, 47.9%, 71.4%;--dh-color-celery-1200-hsl: 126deg, 49.5%, 79.8%;--dh-color-celery-1300-hsl: 126deg, 48.5%, 87.1%;--dh-color-celery-1400-hsl: 127deg, 50%, 92.9%;--dh-color-green-100-hsl: 95deg, 17.1%, 13.7%;--dh-color-green-200-hsl: 92deg, 18.7%, 17.8%;--dh-color-green-300-hsl: 94deg, 21.7%, 22.5%;--dh-color-green-400-hsl: 94deg, 22.9%, 27.5%;--dh-color-green-500-hsl: 93deg, 25.6%, 32.2%;--dh-color-green-600-hsl: 95deg, 27.7%, 37.5%;--dh-color-green-700-hsl: 95deg, 29.6%, 42.4%;--dh-color-green-800-hsl: 94deg, 31.7%, 47.6%;--dh-color-green-900-hsl: 94deg, 37.5%, 52.9%;--dh-color-green-1000-hsl: 94deg, 47.4%, 58.2%;--dh-color-green-1100-hsl: 94deg, 58.9%, 63.7%;--dh-color-green-1200-hsl: 94deg, 70.9%, 70.4%;--dh-color-green-1300-hsl: 94deg, 81.5%, 78.8%;--dh-color-green-1400-hsl: 93deg, 87.7%, 87.3%;--dh-color-seafoam-100-hsl: 156deg, 13.9%, 14.1%;--dh-color-seafoam-200-hsl: 158deg, 17.4%, 18%;--dh-color-seafoam-300-hsl: 159deg, 19.7%, 22.9%;--dh-color-seafoam-400-hsl: 158deg, 22.5%, 27.8%;--dh-color-seafoam-500-hsl: 158deg, 25.7%, 32.7%;--dh-color-seafoam-600-hsl: 159deg, 28.8%, 37.5%;--dh-color-seafoam-700-hsl: 161deg, 33%, 42.2%;--dh-color-seafoam-800-hsl: 161deg, 36.4%, 46.9%;--dh-color-seafoam-900-hsl: 162deg, 41.9%, 51.4%;--dh-color-seafoam-1000-hsl: 161deg, 53.4%, 56.3%;--dh-color-seafoam-1100-hsl: 162deg, 66%, 62%;--dh-color-seafoam-1200-hsl: 161deg, 76.5%, 70%;--dh-color-seafoam-1300-hsl: 158deg, 86.5%, 79.6%;--dh-color-seafoam-1400-hsl: 156deg, 89.1%, 89.2%;--dh-color-cyan-100-hsl: 185deg, 38.5%, 12.7%;--dh-color-cyan-200-hsl: 186deg, 38.1%, 16.5%;--dh-color-cyan-300-hsl: 186deg, 38.9%, 21.2%;--dh-color-cyan-400-hsl: 185deg, 38.3%, 26.1%;--dh-color-cyan-500-hsl: 185deg, 38.4%, 31.2%;--dh-color-cyan-600-hsl: 186deg, 38%, 36.7%;--dh-color-cyan-700-hsl: 185deg, 37.7%, 42.2%;--dh-color-cyan-800-hsl: 185deg, 37.1%, 48%;--dh-color-cyan-900-hsl: 185deg, 42.5%, 54.3%;--dh-color-cyan-1000-hsl: 185deg, 52.5%, 60.4%;--dh-color-cyan-1100-hsl: 186deg, 64.5%, 66.9%;--dh-color-cyan-1200-hsl: 186deg, 78.9%, 73.9%;--dh-color-cyan-1300-hsl: 186deg, 91.6%, 81.4%;--dh-color-cyan-1400-hsl: 186deg, 100%, 89.6%;--dh-color-indigo-100-hsl: 237deg, 58.1%, 24.3%;--dh-color-indigo-200-hsl: 236deg, 51.9%, 30.2%;--dh-color-indigo-300-hsl: 236deg, 46.8%, 36.9%;--dh-color-indigo-400-hsl: 235deg, 42.6%, 43.7%;--dh-color-indigo-500-hsl: 235deg, 40.2%, 50.8%;--dh-color-indigo-600-hsl: 235deg, 48.8%, 57.8%;--dh-color-indigo-700-hsl: 234deg, 59.8%, 64.9%;--dh-color-indigo-800-hsl: 234deg, 74.8%, 72%;--dh-color-indigo-900-hsl: 234deg, 91%, 78.2%;--dh-color-indigo-1000-hsl: 234deg, 100%, 83.3%;--dh-color-indigo-1100-hsl: 234deg, 100%, 87.3%;--dh-color-indigo-1200-hsl: 235deg, 100%, 91.2%;--dh-color-indigo-1300-hsl: 232deg, 100%, 94.1%;--dh-color-indigo-1400-hsl: 236deg, 100%, 96.9%;--dh-color-purple-100-hsl: 263deg, 73.1%, 23.3%;--dh-color-purple-200-hsl: 260deg, 59.2%, 29.8%;--dh-color-purple-300-hsl: 258deg, 49.7%, 36.7%;--dh-color-purple-400-hsl: 257deg, 43.2%, 43.5%;--dh-color-purple-500-hsl: 255deg, 38.3%, 50.4%;--dh-color-purple-600-hsl: 254deg, 45%, 57.3%;--dh-color-purple-700-hsl: 253deg, 53.8%, 64.3%;--dh-color-purple-800-hsl: 251deg, 64.4%, 71.4%;--dh-color-purple-900-hsl: 250deg, 78.8%, 77.8%;--dh-color-purple-1000-hsl: 249deg, 90.6%, 83.3%;--dh-color-purple-1100-hsl: 249deg, 96.8%, 87.6%;--dh-color-purple-1200-hsl: 250deg, 100%, 91.4%;--dh-color-purple-1300-hsl: 251deg, 100%, 94.5%;--dh-color-purple-1400-hsl: 260deg, 88.2%, 96.7%;--dh-color-fuchsia-100-hsl: 301deg, 64.3%, 16.5%;--dh-color-fuchsia-200-hsl: 300deg, 53.2%, 21.8%;--dh-color-fuchsia-300-hsl: 297deg, 43.8%, 28.6%;--dh-color-fuchsia-400-hsl: 294deg, 39.2%, 35.5%;--dh-color-fuchsia-500-hsl: 291deg, 35.2%, 42.9%;--dh-color-fuchsia-600-hsl: 287deg, 32.5%, 50.6%;--dh-color-fuchsia-700-hsl: 283deg, 39.6%, 58.4%;--dh-color-fuchsia-800-hsl: 279deg, 50%, 66.3%;--dh-color-fuchsia-900-hsl: 277deg, 61.5%, 73.5%;--dh-color-fuchsia-1000-hsl: 275deg, 70.9%, 79.8%;--dh-color-fuchsia-1100-hsl: 275deg, 76.3%, 85.1%;--dh-color-fuchsia-1200-hsl: 277deg, 77.8%, 89.4%;--dh-color-fuchsia-1300-hsl: 280deg, 77.1%, 93.1%;--dh-color-fuchsia-1400-hsl: 288deg, 71.4%, 95.9%;--dh-color-magenta-100-hsl: 333deg, 90.7%, 16.9%;--dh-color-magenta-200-hsl: 334deg, 72.4%, 22.7%;--dh-color-magenta-300-hsl: 334deg, 60.3%, 29.6%;--dh-color-magenta-400-hsl: 334deg, 51.6%, 36.5%;--dh-color-magenta-500-hsl: 333deg, 45.7%, 43.3%;--dh-color-magenta-600-hsl: 332deg, 41.5%, 50.4%;--dh-color-magenta-700-hsl: 330deg, 50.7%, 57.8%;--dh-color-magenta-800-hsl: 329deg, 60.7%, 65.1%;--dh-color-magenta-900-hsl: 329deg, 75.9%, 72.4%;--dh-color-magenta-1000-hsl: 328deg, 92.5%, 79.2%;--dh-color-magenta-1100-hsl: 327deg, 100%, 84.7%;--dh-color-magenta-1200-hsl: 327deg, 100%, 89.4%;--dh-color-magenta-1300-hsl: 326deg, 100%, 93.3%;--dh-color-magenta-1400-hsl: 328deg, 100%, 96.3%;--dh-color-gray-50: hsl(var(--dh-color-gray-50-hsl));--dh-color-gray-75: hsl(var(--dh-color-gray-75-hsl));--dh-color-gray-100: hsl(var(--dh-color-gray-100-hsl));--dh-color-gray-200: hsl(var(--dh-color-gray-200-hsl));--dh-color-gray-300: hsl(var(--dh-color-gray-300-hsl));--dh-color-gray-400: hsl(var(--dh-color-gray-400-hsl));--dh-color-gray-500: hsl(var(--dh-color-gray-500-hsl));--dh-color-gray-600: hsl(var(--dh-color-gray-600-hsl));--dh-color-gray-700: hsl(var(--dh-color-gray-700-hsl));--dh-color-gray-800: hsl(var(--dh-color-gray-800-hsl));--dh-color-gray-900: hsl(var(--dh-color-gray-900-hsl));--dh-color-gray-light: hsl(var(--dh-color-gray-light-hsl));--dh-color-gray-mid: hsl(var(--dh-color-gray-mid-hsl));--dh-color-gray-dark: hsl(var(--dh-color-gray-dark-hsl));--dh-color-black: hsl(var(--dh-color-black-hsl));--dh-color-white: hsl(var(--dh-color-white-hsl));--dh-color-blue-100: hsl(var(--dh-color-blue-100-hsl));--dh-color-blue-200: hsl(var(--dh-color-blue-200-hsl));--dh-color-blue-300: hsl(var(--dh-color-blue-300-hsl));--dh-color-blue-400: hsl(var(--dh-color-blue-400-hsl));--dh-color-blue-500: hsl(var(--dh-color-blue-500-hsl));--dh-color-blue-600: hsl(var(--dh-color-blue-600-hsl));--dh-color-blue-700: hsl(var(--dh-color-blue-700-hsl));--dh-color-blue-800: hsl(var(--dh-color-blue-800-hsl));--dh-color-blue-900: hsl(var(--dh-color-blue-900-hsl));--dh-color-blue-1000: hsl(var(--dh-color-blue-1000-hsl));--dh-color-blue-1100: hsl(var(--dh-color-blue-1100-hsl));--dh-color-blue-1200: hsl(var(--dh-color-blue-1200-hsl));--dh-color-blue-1300: hsl(var(--dh-color-blue-1300-hsl));--dh-color-blue-1400: hsl(var(--dh-color-blue-1400-hsl));--dh-color-red-100: hsl(var(--dh-color-red-100-hsl));--dh-color-red-200: hsl(var(--dh-color-red-200-hsl));--dh-color-red-300: hsl(var(--dh-color-red-300-hsl));--dh-color-red-400: hsl(var(--dh-color-red-400-hsl));--dh-color-red-500: hsl(var(--dh-color-red-500-hsl));--dh-color-red-600: hsl(var(--dh-color-red-600-hsl));--dh-color-red-700: hsl(var(--dh-color-red-700-hsl));--dh-color-red-800: hsl(var(--dh-color-red-800-hsl));--dh-color-red-900: hsl(var(--dh-color-red-900-hsl));--dh-color-red-1000: hsl(var(--dh-color-red-1000-hsl));--dh-color-red-1100: hsl(var(--dh-color-red-1100-hsl));--dh-color-red-1200: hsl(var(--dh-color-red-1200-hsl));--dh-color-red-1300: hsl(var(--dh-color-red-1300-hsl));--dh-color-red-1400: hsl(var(--dh-color-red-1400-hsl));--dh-color-orange-100: hsl(var(--dh-color-orange-100-hsl));--dh-color-orange-200: hsl(var(--dh-color-orange-200-hsl));--dh-color-orange-300: hsl(var(--dh-color-orange-300-hsl));--dh-color-orange-400: hsl(var(--dh-color-orange-400-hsl));--dh-color-orange-500: hsl(var(--dh-color-orange-500-hsl));--dh-color-orange-600: hsl(var(--dh-color-orange-600-hsl));--dh-color-orange-700: hsl(var(--dh-color-orange-700-hsl));--dh-color-orange-800: hsl(var(--dh-color-orange-800-hsl));--dh-color-orange-900: hsl(var(--dh-color-orange-900-hsl));--dh-color-orange-1000: hsl(var(--dh-color-orange-1000-hsl));--dh-color-orange-1100: hsl(var(--dh-color-orange-1100-hsl));--dh-color-orange-1200: hsl(var(--dh-color-orange-1200-hsl));--dh-color-orange-1300: hsl(var(--dh-color-orange-1300-hsl));--dh-color-orange-1400: hsl(var(--dh-color-orange-1400-hsl));--dh-color-yellow-100: hsl(var(--dh-color-yellow-100-hsl));--dh-color-yellow-200: hsl(var(--dh-color-yellow-200-hsl));--dh-color-yellow-300: hsl(var(--dh-color-yellow-300-hsl));--dh-color-yellow-400: hsl(var(--dh-color-yellow-400-hsl));--dh-color-yellow-500: hsl(var(--dh-color-yellow-500-hsl));--dh-color-yellow-600: hsl(var(--dh-color-yellow-600-hsl));--dh-color-yellow-700: hsl(var(--dh-color-yellow-700-hsl));--dh-color-yellow-800: hsl(var(--dh-color-yellow-800-hsl));--dh-color-yellow-900: hsl(var(--dh-color-yellow-900-hsl));--dh-color-yellow-1000: hsl(var(--dh-color-yellow-1000-hsl));--dh-color-yellow-1100: hsl(var(--dh-color-yellow-1100-hsl));--dh-color-yellow-1200: hsl(var(--dh-color-yellow-1200-hsl));--dh-color-yellow-1300: hsl(var(--dh-color-yellow-1300-hsl));--dh-color-yellow-1400: hsl(var(--dh-color-yellow-1400-hsl));--dh-color-chartreuse-100: hsl(var(--dh-color-chartreuse-100-hsl));--dh-color-chartreuse-200: hsl(var(--dh-color-chartreuse-200-hsl));--dh-color-chartreuse-300: hsl(var(--dh-color-chartreuse-300-hsl));--dh-color-chartreuse-400: hsl(var(--dh-color-chartreuse-400-hsl));--dh-color-chartreuse-500: hsl(var(--dh-color-chartreuse-500-hsl));--dh-color-chartreuse-600: hsl(var(--dh-color-chartreuse-600-hsl));--dh-color-chartreuse-700: hsl(var(--dh-color-chartreuse-700-hsl));--dh-color-chartreuse-800: hsl(var(--dh-color-chartreuse-800-hsl));--dh-color-chartreuse-900: hsl(var(--dh-color-chartreuse-900-hsl));--dh-color-chartreuse-1000: hsl(var(--dh-color-chartreuse-1000-hsl));--dh-color-chartreuse-1100: hsl(var(--dh-color-chartreuse-1100-hsl));--dh-color-chartreuse-1200: hsl(var(--dh-color-chartreuse-1200-hsl));--dh-color-chartreuse-1300: hsl(var(--dh-color-chartreuse-1300-hsl));--dh-color-chartreuse-1400: hsl(var(--dh-color-chartreuse-1400-hsl));--dh-color-celery-100: hsl(var(--dh-color-celery-100-hsl));--dh-color-celery-200: hsl(var(--dh-color-celery-200-hsl));--dh-color-celery-300: hsl(var(--dh-color-celery-300-hsl));--dh-color-celery-400: hsl(var(--dh-color-celery-400-hsl));--dh-color-celery-500: hsl(var(--dh-color-celery-500-hsl));--dh-color-celery-600: hsl(var(--dh-color-celery-600-hsl));--dh-color-celery-700: hsl(var(--dh-color-celery-700-hsl));--dh-color-celery-800: hsl(var(--dh-color-celery-800-hsl));--dh-color-celery-900: hsl(var(--dh-color-celery-900-hsl));--dh-color-celery-1000: hsl(var(--dh-color-celery-1000-hsl));--dh-color-celery-1100: hsl(var(--dh-color-celery-1100-hsl));--dh-color-celery-1200: hsl(var(--dh-color-celery-1200-hsl));--dh-color-celery-1300: hsl(var(--dh-color-celery-1300-hsl));--dh-color-celery-1400: hsl(var(--dh-color-celery-1400-hsl));--dh-color-green-100: hsl(var(--dh-color-green-100-hsl));--dh-color-green-200: hsl(var(--dh-color-green-200-hsl));--dh-color-green-300: hsl(var(--dh-color-green-300-hsl));--dh-color-green-400: hsl(var(--dh-color-green-400-hsl));--dh-color-green-500: hsl(var(--dh-color-green-500-hsl));--dh-color-green-600: hsl(var(--dh-color-green-600-hsl));--dh-color-green-700: hsl(var(--dh-color-green-700-hsl));--dh-color-green-800: hsl(var(--dh-color-green-800-hsl));--dh-color-green-900: hsl(var(--dh-color-green-900-hsl));--dh-color-green-1000: hsl(var(--dh-color-green-1000-hsl));--dh-color-green-1100: hsl(var(--dh-color-green-1100-hsl));--dh-color-green-1200: hsl(var(--dh-color-green-1200-hsl));--dh-color-green-1300: hsl(var(--dh-color-green-1300-hsl));--dh-color-green-1400: hsl(var(--dh-color-green-1400-hsl));--dh-color-seafoam-100: hsl(var(--dh-color-seafoam-100-hsl));--dh-color-seafoam-200: hsl(var(--dh-color-seafoam-200-hsl));--dh-color-seafoam-300: hsl(var(--dh-color-seafoam-300-hsl));--dh-color-seafoam-400: hsl(var(--dh-color-seafoam-400-hsl));--dh-color-seafoam-500: hsl(var(--dh-color-seafoam-500-hsl));--dh-color-seafoam-600: hsl(var(--dh-color-seafoam-600-hsl));--dh-color-seafoam-700: hsl(var(--dh-color-seafoam-700-hsl));--dh-color-seafoam-800: hsl(var(--dh-color-seafoam-800-hsl));--dh-color-seafoam-900: hsl(var(--dh-color-seafoam-900-hsl));--dh-color-seafoam-1000: hsl(var(--dh-color-seafoam-1000-hsl));--dh-color-seafoam-1100: hsl(var(--dh-color-seafoam-1100-hsl));--dh-color-seafoam-1200: hsl(var(--dh-color-seafoam-1200-hsl));--dh-color-seafoam-1300: hsl(var(--dh-color-seafoam-1300-hsl));--dh-color-seafoam-1400: hsl(var(--dh-color-seafoam-1400-hsl));--dh-color-cyan-100: hsl(var(--dh-color-cyan-100-hsl));--dh-color-cyan-200: hsl(var(--dh-color-cyan-200-hsl));--dh-color-cyan-300: hsl(var(--dh-color-cyan-300-hsl));--dh-color-cyan-400: hsl(var(--dh-color-cyan-400-hsl));--dh-color-cyan-500: hsl(var(--dh-color-cyan-500-hsl));--dh-color-cyan-600: hsl(var(--dh-color-cyan-600-hsl));--dh-color-cyan-700: hsl(var(--dh-color-cyan-700-hsl));--dh-color-cyan-800: hsl(var(--dh-color-cyan-800-hsl));--dh-color-cyan-900: hsl(var(--dh-color-cyan-900-hsl));--dh-color-cyan-1000: hsl(var(--dh-color-cyan-1000-hsl));--dh-color-cyan-1100: hsl(var(--dh-color-cyan-1100-hsl));--dh-color-cyan-1200: hsl(var(--dh-color-cyan-1200-hsl));--dh-color-cyan-1300: hsl(var(--dh-color-cyan-1300-hsl));--dh-color-cyan-1400: hsl(var(--dh-color-cyan-1400-hsl));--dh-color-indigo-100: hsl(var(--dh-color-indigo-100-hsl));--dh-color-indigo-200: hsl(var(--dh-color-indigo-200-hsl));--dh-color-indigo-300: hsl(var(--dh-color-indigo-300-hsl));--dh-color-indigo-400: hsl(var(--dh-color-indigo-400-hsl));--dh-color-indigo-500: hsl(var(--dh-color-indigo-500-hsl));--dh-color-indigo-600: hsl(var(--dh-color-indigo-600-hsl));--dh-color-indigo-700: hsl(var(--dh-color-indigo-700-hsl));--dh-color-indigo-800: hsl(var(--dh-color-indigo-800-hsl));--dh-color-indigo-900: hsl(var(--dh-color-indigo-900-hsl));--dh-color-indigo-1000: hsl(var(--dh-color-indigo-1000-hsl));--dh-color-indigo-1100: hsl(var(--dh-color-indigo-1100-hsl));--dh-color-indigo-1200: hsl(var(--dh-color-indigo-1200-hsl));--dh-color-indigo-1300: hsl(var(--dh-color-indigo-1300-hsl));--dh-color-indigo-1400: hsl(var(--dh-color-indigo-1400-hsl));--dh-color-purple-100: hsl(var(--dh-color-purple-100-hsl));--dh-color-purple-200: hsl(var(--dh-color-purple-200-hsl));--dh-color-purple-300: hsl(var(--dh-color-purple-300-hsl));--dh-color-purple-400: hsl(var(--dh-color-purple-400-hsl));--dh-color-purple-500: hsl(var(--dh-color-purple-500-hsl));--dh-color-purple-600: hsl(var(--dh-color-purple-600-hsl));--dh-color-purple-700: hsl(var(--dh-color-purple-700-hsl));--dh-color-purple-800: hsl(var(--dh-color-purple-800-hsl));--dh-color-purple-900: hsl(var(--dh-color-purple-900-hsl));--dh-color-purple-1000: hsl(var(--dh-color-purple-1000-hsl));--dh-color-purple-1100: hsl(var(--dh-color-purple-1100-hsl));--dh-color-purple-1200: hsl(var(--dh-color-purple-1200-hsl));--dh-color-purple-1300: hsl(var(--dh-color-purple-1300-hsl));--dh-color-purple-1400: hsl(var(--dh-color-purple-1400-hsl));--dh-color-fuchsia-100: hsl(var(--dh-color-fuchsia-100-hsl));--dh-color-fuchsia-200: hsl(var(--dh-color-fuchsia-200-hsl));--dh-color-fuchsia-300: hsl(var(--dh-color-fuchsia-300-hsl));--dh-color-fuchsia-400: hsl(var(--dh-color-fuchsia-400-hsl));--dh-color-fuchsia-500: hsl(var(--dh-color-fuchsia-500-hsl));--dh-color-fuchsia-600: hsl(var(--dh-color-fuchsia-600-hsl));--dh-color-fuchsia-700: hsl(var(--dh-color-fuchsia-700-hsl));--dh-color-fuchsia-800: hsl(var(--dh-color-fuchsia-800-hsl));--dh-color-fuchsia-900: hsl(var(--dh-color-fuchsia-900-hsl));--dh-color-fuchsia-1000: hsl(var(--dh-color-fuchsia-1000-hsl));--dh-color-fuchsia-1100: hsl(var(--dh-color-fuchsia-1100-hsl));--dh-color-fuchsia-1200: hsl(var(--dh-color-fuchsia-1200-hsl));--dh-color-fuchsia-1300: hsl(var(--dh-color-fuchsia-1300-hsl));--dh-color-fuchsia-1400: hsl(var(--dh-color-fuchsia-1400-hsl));--dh-color-magenta-100: hsl(var(--dh-color-magenta-100-hsl));--dh-color-magenta-200: hsl(var(--dh-color-magenta-200-hsl));--dh-color-magenta-300: hsl(var(--dh-color-magenta-300-hsl));--dh-color-magenta-400: hsl(var(--dh-color-magenta-400-hsl));--dh-color-magenta-500: hsl(var(--dh-color-magenta-500-hsl));--dh-color-magenta-600: hsl(var(--dh-color-magenta-600-hsl));--dh-color-magenta-700: hsl(var(--dh-color-magenta-700-hsl));--dh-color-magenta-800: hsl(var(--dh-color-magenta-800-hsl));--dh-color-magenta-900: hsl(var(--dh-color-magenta-900-hsl));--dh-color-magenta-1000: hsl(var(--dh-color-magenta-1000-hsl));--dh-color-magenta-1100: hsl(var(--dh-color-magenta-1100-hsl));--dh-color-magenta-1200: hsl(var(--dh-color-magenta-1200-hsl));--dh-color-magenta-1300: hsl(var(--dh-color-magenta-1300-hsl));--dh-color-magenta-1400: hsl(var(--dh-color-magenta-1400-hsl))}/*# sourceMappingURL=theme-dark-palette.css.map */
|
|
1
|
+
:root{--dh-color-gray-50-hsl: 300deg, 6.1%, 9.6%;--dh-color-gray-75-hsl: 280deg, 4.6%, 12.7%;--dh-color-gray-100-hsl: 285deg, 4.5%, 17.3%;--dh-color-gray-200-hsl: 285deg, 4.1%, 19.2%;--dh-color-gray-300-hsl: 285deg, 3.7%, 21.2%;--dh-color-gray-400-hsl: 280deg, 2.4%, 24.9%;--dh-color-gray-500-hsl: 270deg, 1.1%, 35.7%;--dh-color-gray-600-hsl: 300deg, 0.5%, 57.1%;--dh-color-gray-700-hsl: 0deg, 0.8%, 75.1%;--dh-color-gray-800-hsl: 60deg, 6.2%, 93.7%;--dh-color-gray-900-hsl: 60deg, 25%, 98.4%;--dh-color-gray-light-hsl: var(--dh-color-gray-900-hsl);--dh-color-gray-mid-hsl: var(--dh-color-gray-600-hsl);--dh-color-gray-dark-hsl: var(--dh-color-gray-300-hsl);--dh-color-black-hsl: var(--dh-color-gray-50-hsl);--dh-color-white-hsl: var(--dh-color-gray-800-hsl);--dh-color-true-black-hsl: 0deg, 0%, 0%;--dh-color-true-white-hsl: 0deg, 0%, 100%;--dh-color-blue-100-hsl: 222deg, 65.3%, 19.2%;--dh-color-blue-200-hsl: 222deg, 66.2%, 25.5%;--dh-color-blue-300-hsl: 222deg, 64.8%, 32.4%;--dh-color-blue-400-hsl: 222deg, 63.2%, 39.4%;--dh-color-blue-500-hsl: 222deg, 60.7%, 46.9%;--dh-color-blue-600-hsl: 222deg, 68.2%, 54.3%;--dh-color-blue-700-hsl: 222deg, 82.7%, 61.6%;--dh-color-blue-800-hsl: 222deg, 93.8%, 68.4%;--dh-color-blue-900-hsl: 222deg, 100%, 74.3%;--dh-color-blue-1000-hsl: 222deg, 100%, 79.6%;--dh-color-blue-1100-hsl: 221deg, 100%, 84.3%;--dh-color-blue-1200-hsl: 221deg, 100%, 89%;--dh-color-blue-1300-hsl: 222deg, 100%, 92.9%;--dh-color-blue-1400-hsl: 224deg, 100%, 96.3%;--dh-color-red-100-hsl: 346deg, 54.3%, 18%;--dh-color-red-200-hsl: 345deg, 55%, 23.5%;--dh-color-red-300-hsl: 346deg, 54.2%, 30%;--dh-color-red-400-hsl: 345deg, 54.3%, 36.9%;--dh-color-red-500-hsl: 345deg, 53.4%, 43.7%;--dh-color-red-600-hsl: 345deg, 54.8%, 51.4%;--dh-color-red-700-hsl: 345deg, 71.3%, 59%;--dh-color-red-800-hsl: 345deg, 91.7%, 67.1%;--dh-color-red-900-hsl: 344deg, 100%, 74.1%;--dh-color-red-1000-hsl: 343deg, 100%, 80%;--dh-color-red-1100-hsl: 343deg, 100%, 85.3%;--dh-color-red-1200-hsl: 344deg, 100%, 89.8%;--dh-color-red-1300-hsl: 344deg, 100%, 93.5%;--dh-color-red-1400-hsl: 344deg, 100%, 96.3%;--dh-color-orange-100-hsl: 20deg, 100%, 13.9%;--dh-color-orange-200-hsl: 22deg, 95.7%, 18%;--dh-color-orange-300-hsl: 23deg, 89.8%, 23.1%;--dh-color-orange-400-hsl: 22deg, 83.7%, 28.8%;--dh-color-orange-500-hsl: 22deg, 79.7%, 34.7%;--dh-color-orange-600-hsl: 22deg, 74.3%, 41.2%;--dh-color-orange-700-hsl: 22deg, 69.8%, 48%;--dh-color-orange-800-hsl: 22deg, 78.2%, 55.1%;--dh-color-orange-900-hsl: 21deg, 94.7%, 63.1%;--dh-color-orange-1000-hsl: 22deg, 100%, 70.6%;--dh-color-orange-1100-hsl: 23deg, 100%, 77.6%;--dh-color-orange-1200-hsl: 24deg, 100%, 84.3%;--dh-color-orange-1300-hsl: 24deg, 100%, 89.8%;--dh-color-orange-1400-hsl: 25deg, 100%, 94.3%;--dh-color-yellow-100-hsl: 51deg, 100%, 9%;--dh-color-yellow-200-hsl: 50deg, 100%, 12%;--dh-color-yellow-300-hsl: 51deg, 100%, 15.1%;--dh-color-yellow-400-hsl: 50deg, 90%, 19.6%;--dh-color-yellow-500-hsl: 49deg, 82.4%, 24.5%;--dh-color-yellow-600-hsl: 48deg, 75%, 29.8%;--dh-color-yellow-700-hsl: 48deg, 70.2%, 35.5%;--dh-color-yellow-800-hsl: 47deg, 65.7%, 41.2%;--dh-color-yellow-900-hsl: 47deg, 61.2%, 47.5%;--dh-color-yellow-1000-hsl: 47deg, 66.2%, 53.5%;--dh-color-yellow-1100-hsl: 46deg, 79.4%, 60%;--dh-color-yellow-1200-hsl: 46deg, 94.2%, 66.5%;--dh-color-yellow-1300-hsl: 49deg, 100%, 73.9%;--dh-color-yellow-1400-hsl: 51deg, 100%, 83.7%;--dh-color-chartreuse-100-hsl: 77deg, 100%, 8.4%;--dh-color-chartreuse-200-hsl: 75deg, 83.6%, 12%;--dh-color-chartreuse-300-hsl: 74deg, 73.2%, 16.1%;--dh-color-chartreuse-400-hsl: 71deg, 67%, 20.2%;--dh-color-chartreuse-500-hsl: 71deg, 62.2%, 24.9%;--dh-color-chartreuse-600-hsl: 70deg, 58.9%, 29.6%;--dh-color-chartreuse-700-hsl: 69deg, 55.7%, 34.5%;--dh-color-chartreuse-800-hsl: 68deg, 52.9%, 40%;--dh-color-chartreuse-900-hsl: 67deg, 50%, 45.5%;--dh-color-chartreuse-1000-hsl: 67deg, 49.2%, 51.4%;--dh-color-chartreuse-1100-hsl: 67deg, 57.8%, 57.3%;--dh-color-chartreuse-1200-hsl: 66deg, 67.2%, 64.1%;--dh-color-chartreuse-1300-hsl: 66deg, 75.7%, 72.5%;--dh-color-chartreuse-1400-hsl: 66deg, 82%, 82.5%;--dh-color-celery-100-hsl: 127deg, 42.9%, 12.4%;--dh-color-celery-200-hsl: 125deg, 43.2%, 15.9%;--dh-color-celery-300-hsl: 125deg, 42.9%, 20.6%;--dh-color-celery-400-hsl: 125deg, 42.6%, 25.3%;--dh-color-celery-500-hsl: 125deg, 41.6%, 30.2%;--dh-color-celery-600-hsl: 126deg, 40.7%, 35.7%;--dh-color-celery-700-hsl: 125deg, 39.3%, 41.4%;--dh-color-celery-800-hsl: 125deg, 36.6%, 47.6%;--dh-color-celery-900-hsl: 125deg, 39.1%, 54.9%;--dh-color-celery-1000-hsl: 125deg, 43.9%, 62.9%;--dh-color-celery-1100-hsl: 125deg, 47.9%, 71.4%;--dh-color-celery-1200-hsl: 126deg, 49.5%, 79.8%;--dh-color-celery-1300-hsl: 126deg, 48.5%, 87.1%;--dh-color-celery-1400-hsl: 127deg, 50%, 92.9%;--dh-color-green-100-hsl: 95deg, 17.1%, 13.7%;--dh-color-green-200-hsl: 92deg, 18.7%, 17.8%;--dh-color-green-300-hsl: 94deg, 21.7%, 22.5%;--dh-color-green-400-hsl: 94deg, 22.9%, 27.5%;--dh-color-green-500-hsl: 93deg, 25.6%, 32.2%;--dh-color-green-600-hsl: 95deg, 27.7%, 37.5%;--dh-color-green-700-hsl: 95deg, 29.6%, 42.4%;--dh-color-green-800-hsl: 94deg, 31.7%, 47.6%;--dh-color-green-900-hsl: 94deg, 37.5%, 52.9%;--dh-color-green-1000-hsl: 94deg, 47.4%, 58.2%;--dh-color-green-1100-hsl: 94deg, 58.9%, 63.7%;--dh-color-green-1200-hsl: 94deg, 70.9%, 70.4%;--dh-color-green-1300-hsl: 94deg, 81.5%, 78.8%;--dh-color-green-1400-hsl: 93deg, 87.7%, 87.3%;--dh-color-seafoam-100-hsl: 156deg, 13.9%, 14.1%;--dh-color-seafoam-200-hsl: 158deg, 17.4%, 18%;--dh-color-seafoam-300-hsl: 159deg, 19.7%, 22.9%;--dh-color-seafoam-400-hsl: 158deg, 22.5%, 27.8%;--dh-color-seafoam-500-hsl: 158deg, 25.7%, 32.7%;--dh-color-seafoam-600-hsl: 159deg, 28.8%, 37.5%;--dh-color-seafoam-700-hsl: 161deg, 33%, 42.2%;--dh-color-seafoam-800-hsl: 161deg, 36.4%, 46.9%;--dh-color-seafoam-900-hsl: 162deg, 41.9%, 51.4%;--dh-color-seafoam-1000-hsl: 161deg, 53.4%, 56.3%;--dh-color-seafoam-1100-hsl: 162deg, 66%, 62%;--dh-color-seafoam-1200-hsl: 161deg, 76.5%, 70%;--dh-color-seafoam-1300-hsl: 158deg, 86.5%, 79.6%;--dh-color-seafoam-1400-hsl: 156deg, 89.1%, 89.2%;--dh-color-cyan-100-hsl: 185deg, 38.5%, 12.7%;--dh-color-cyan-200-hsl: 186deg, 38.1%, 16.5%;--dh-color-cyan-300-hsl: 186deg, 38.9%, 21.2%;--dh-color-cyan-400-hsl: 185deg, 38.3%, 26.1%;--dh-color-cyan-500-hsl: 185deg, 38.4%, 31.2%;--dh-color-cyan-600-hsl: 186deg, 38%, 36.7%;--dh-color-cyan-700-hsl: 185deg, 37.7%, 42.2%;--dh-color-cyan-800-hsl: 185deg, 37.1%, 48%;--dh-color-cyan-900-hsl: 185deg, 42.5%, 54.3%;--dh-color-cyan-1000-hsl: 185deg, 52.5%, 60.4%;--dh-color-cyan-1100-hsl: 186deg, 64.5%, 66.9%;--dh-color-cyan-1200-hsl: 186deg, 78.9%, 73.9%;--dh-color-cyan-1300-hsl: 186deg, 91.6%, 81.4%;--dh-color-cyan-1400-hsl: 186deg, 100%, 89.6%;--dh-color-indigo-100-hsl: 237deg, 58.1%, 24.3%;--dh-color-indigo-200-hsl: 236deg, 51.9%, 30.2%;--dh-color-indigo-300-hsl: 236deg, 46.8%, 36.9%;--dh-color-indigo-400-hsl: 235deg, 42.6%, 43.7%;--dh-color-indigo-500-hsl: 235deg, 40.2%, 50.8%;--dh-color-indigo-600-hsl: 235deg, 48.8%, 57.8%;--dh-color-indigo-700-hsl: 234deg, 59.8%, 64.9%;--dh-color-indigo-800-hsl: 234deg, 74.8%, 72%;--dh-color-indigo-900-hsl: 234deg, 91%, 78.2%;--dh-color-indigo-1000-hsl: 234deg, 100%, 83.3%;--dh-color-indigo-1100-hsl: 234deg, 100%, 87.3%;--dh-color-indigo-1200-hsl: 235deg, 100%, 91.2%;--dh-color-indigo-1300-hsl: 232deg, 100%, 94.1%;--dh-color-indigo-1400-hsl: 236deg, 100%, 96.9%;--dh-color-purple-100-hsl: 263deg, 73.1%, 23.3%;--dh-color-purple-200-hsl: 260deg, 59.2%, 29.8%;--dh-color-purple-300-hsl: 258deg, 49.7%, 36.7%;--dh-color-purple-400-hsl: 257deg, 43.2%, 43.5%;--dh-color-purple-500-hsl: 255deg, 38.3%, 50.4%;--dh-color-purple-600-hsl: 254deg, 45%, 57.3%;--dh-color-purple-700-hsl: 253deg, 53.8%, 64.3%;--dh-color-purple-800-hsl: 251deg, 64.4%, 71.4%;--dh-color-purple-900-hsl: 250deg, 78.8%, 77.8%;--dh-color-purple-1000-hsl: 249deg, 90.6%, 83.3%;--dh-color-purple-1100-hsl: 249deg, 96.8%, 87.6%;--dh-color-purple-1200-hsl: 250deg, 100%, 91.4%;--dh-color-purple-1300-hsl: 251deg, 100%, 94.5%;--dh-color-purple-1400-hsl: 260deg, 88.2%, 96.7%;--dh-color-fuchsia-100-hsl: 301deg, 64.3%, 16.5%;--dh-color-fuchsia-200-hsl: 300deg, 53.2%, 21.8%;--dh-color-fuchsia-300-hsl: 297deg, 43.8%, 28.6%;--dh-color-fuchsia-400-hsl: 294deg, 39.2%, 35.5%;--dh-color-fuchsia-500-hsl: 291deg, 35.2%, 42.9%;--dh-color-fuchsia-600-hsl: 287deg, 32.5%, 50.6%;--dh-color-fuchsia-700-hsl: 283deg, 39.6%, 58.4%;--dh-color-fuchsia-800-hsl: 279deg, 50%, 66.3%;--dh-color-fuchsia-900-hsl: 277deg, 61.5%, 73.5%;--dh-color-fuchsia-1000-hsl: 275deg, 70.9%, 79.8%;--dh-color-fuchsia-1100-hsl: 275deg, 76.3%, 85.1%;--dh-color-fuchsia-1200-hsl: 277deg, 77.8%, 89.4%;--dh-color-fuchsia-1300-hsl: 280deg, 77.1%, 93.1%;--dh-color-fuchsia-1400-hsl: 288deg, 71.4%, 95.9%;--dh-color-magenta-100-hsl: 333deg, 90.7%, 16.9%;--dh-color-magenta-200-hsl: 334deg, 72.4%, 22.7%;--dh-color-magenta-300-hsl: 334deg, 60.3%, 29.6%;--dh-color-magenta-400-hsl: 334deg, 51.6%, 36.5%;--dh-color-magenta-500-hsl: 333deg, 45.7%, 43.3%;--dh-color-magenta-600-hsl: 332deg, 41.5%, 50.4%;--dh-color-magenta-700-hsl: 330deg, 50.7%, 57.8%;--dh-color-magenta-800-hsl: 329deg, 60.7%, 65.1%;--dh-color-magenta-900-hsl: 329deg, 75.9%, 72.4%;--dh-color-magenta-1000-hsl: 328deg, 92.5%, 79.2%;--dh-color-magenta-1100-hsl: 327deg, 100%, 84.7%;--dh-color-magenta-1200-hsl: 327deg, 100%, 89.4%;--dh-color-magenta-1300-hsl: 326deg, 100%, 93.3%;--dh-color-magenta-1400-hsl: 328deg, 100%, 96.3%;--dh-color-gray-50: hsl(var(--dh-color-gray-50-hsl));--dh-color-gray-75: hsl(var(--dh-color-gray-75-hsl));--dh-color-gray-100: hsl(var(--dh-color-gray-100-hsl));--dh-color-gray-200: hsl(var(--dh-color-gray-200-hsl));--dh-color-gray-300: hsl(var(--dh-color-gray-300-hsl));--dh-color-gray-400: hsl(var(--dh-color-gray-400-hsl));--dh-color-gray-500: hsl(var(--dh-color-gray-500-hsl));--dh-color-gray-600: hsl(var(--dh-color-gray-600-hsl));--dh-color-gray-700: hsl(var(--dh-color-gray-700-hsl));--dh-color-gray-800: hsl(var(--dh-color-gray-800-hsl));--dh-color-gray-900: hsl(var(--dh-color-gray-900-hsl));--dh-color-gray-light: hsl(var(--dh-color-gray-light-hsl));--dh-color-gray-mid: hsl(var(--dh-color-gray-mid-hsl));--dh-color-gray-dark: hsl(var(--dh-color-gray-dark-hsl));--dh-color-black: hsl(var(--dh-color-black-hsl));--dh-color-white: hsl(var(--dh-color-white-hsl));--dh-color-blue-100: hsl(var(--dh-color-blue-100-hsl));--dh-color-blue-200: hsl(var(--dh-color-blue-200-hsl));--dh-color-blue-300: hsl(var(--dh-color-blue-300-hsl));--dh-color-blue-400: hsl(var(--dh-color-blue-400-hsl));--dh-color-blue-500: hsl(var(--dh-color-blue-500-hsl));--dh-color-blue-600: hsl(var(--dh-color-blue-600-hsl));--dh-color-blue-700: hsl(var(--dh-color-blue-700-hsl));--dh-color-blue-800: hsl(var(--dh-color-blue-800-hsl));--dh-color-blue-900: hsl(var(--dh-color-blue-900-hsl));--dh-color-blue-1000: hsl(var(--dh-color-blue-1000-hsl));--dh-color-blue-1100: hsl(var(--dh-color-blue-1100-hsl));--dh-color-blue-1200: hsl(var(--dh-color-blue-1200-hsl));--dh-color-blue-1300: hsl(var(--dh-color-blue-1300-hsl));--dh-color-blue-1400: hsl(var(--dh-color-blue-1400-hsl));--dh-color-red-100: hsl(var(--dh-color-red-100-hsl));--dh-color-red-200: hsl(var(--dh-color-red-200-hsl));--dh-color-red-300: hsl(var(--dh-color-red-300-hsl));--dh-color-red-400: hsl(var(--dh-color-red-400-hsl));--dh-color-red-500: hsl(var(--dh-color-red-500-hsl));--dh-color-red-600: hsl(var(--dh-color-red-600-hsl));--dh-color-red-700: hsl(var(--dh-color-red-700-hsl));--dh-color-red-800: hsl(var(--dh-color-red-800-hsl));--dh-color-red-900: hsl(var(--dh-color-red-900-hsl));--dh-color-red-1000: hsl(var(--dh-color-red-1000-hsl));--dh-color-red-1100: hsl(var(--dh-color-red-1100-hsl));--dh-color-red-1200: hsl(var(--dh-color-red-1200-hsl));--dh-color-red-1300: hsl(var(--dh-color-red-1300-hsl));--dh-color-red-1400: hsl(var(--dh-color-red-1400-hsl));--dh-color-orange-100: hsl(var(--dh-color-orange-100-hsl));--dh-color-orange-200: hsl(var(--dh-color-orange-200-hsl));--dh-color-orange-300: hsl(var(--dh-color-orange-300-hsl));--dh-color-orange-400: hsl(var(--dh-color-orange-400-hsl));--dh-color-orange-500: hsl(var(--dh-color-orange-500-hsl));--dh-color-orange-600: hsl(var(--dh-color-orange-600-hsl));--dh-color-orange-700: hsl(var(--dh-color-orange-700-hsl));--dh-color-orange-800: hsl(var(--dh-color-orange-800-hsl));--dh-color-orange-900: hsl(var(--dh-color-orange-900-hsl));--dh-color-orange-1000: hsl(var(--dh-color-orange-1000-hsl));--dh-color-orange-1100: hsl(var(--dh-color-orange-1100-hsl));--dh-color-orange-1200: hsl(var(--dh-color-orange-1200-hsl));--dh-color-orange-1300: hsl(var(--dh-color-orange-1300-hsl));--dh-color-orange-1400: hsl(var(--dh-color-orange-1400-hsl));--dh-color-yellow-100: hsl(var(--dh-color-yellow-100-hsl));--dh-color-yellow-200: hsl(var(--dh-color-yellow-200-hsl));--dh-color-yellow-300: hsl(var(--dh-color-yellow-300-hsl));--dh-color-yellow-400: hsl(var(--dh-color-yellow-400-hsl));--dh-color-yellow-500: hsl(var(--dh-color-yellow-500-hsl));--dh-color-yellow-600: hsl(var(--dh-color-yellow-600-hsl));--dh-color-yellow-700: hsl(var(--dh-color-yellow-700-hsl));--dh-color-yellow-800: hsl(var(--dh-color-yellow-800-hsl));--dh-color-yellow-900: hsl(var(--dh-color-yellow-900-hsl));--dh-color-yellow-1000: hsl(var(--dh-color-yellow-1000-hsl));--dh-color-yellow-1100: hsl(var(--dh-color-yellow-1100-hsl));--dh-color-yellow-1200: hsl(var(--dh-color-yellow-1200-hsl));--dh-color-yellow-1300: hsl(var(--dh-color-yellow-1300-hsl));--dh-color-yellow-1400: hsl(var(--dh-color-yellow-1400-hsl));--dh-color-chartreuse-100: hsl(var(--dh-color-chartreuse-100-hsl));--dh-color-chartreuse-200: hsl(var(--dh-color-chartreuse-200-hsl));--dh-color-chartreuse-300: hsl(var(--dh-color-chartreuse-300-hsl));--dh-color-chartreuse-400: hsl(var(--dh-color-chartreuse-400-hsl));--dh-color-chartreuse-500: hsl(var(--dh-color-chartreuse-500-hsl));--dh-color-chartreuse-600: hsl(var(--dh-color-chartreuse-600-hsl));--dh-color-chartreuse-700: hsl(var(--dh-color-chartreuse-700-hsl));--dh-color-chartreuse-800: hsl(var(--dh-color-chartreuse-800-hsl));--dh-color-chartreuse-900: hsl(var(--dh-color-chartreuse-900-hsl));--dh-color-chartreuse-1000: hsl(var(--dh-color-chartreuse-1000-hsl));--dh-color-chartreuse-1100: hsl(var(--dh-color-chartreuse-1100-hsl));--dh-color-chartreuse-1200: hsl(var(--dh-color-chartreuse-1200-hsl));--dh-color-chartreuse-1300: hsl(var(--dh-color-chartreuse-1300-hsl));--dh-color-chartreuse-1400: hsl(var(--dh-color-chartreuse-1400-hsl));--dh-color-celery-100: hsl(var(--dh-color-celery-100-hsl));--dh-color-celery-200: hsl(var(--dh-color-celery-200-hsl));--dh-color-celery-300: hsl(var(--dh-color-celery-300-hsl));--dh-color-celery-400: hsl(var(--dh-color-celery-400-hsl));--dh-color-celery-500: hsl(var(--dh-color-celery-500-hsl));--dh-color-celery-600: hsl(var(--dh-color-celery-600-hsl));--dh-color-celery-700: hsl(var(--dh-color-celery-700-hsl));--dh-color-celery-800: hsl(var(--dh-color-celery-800-hsl));--dh-color-celery-900: hsl(var(--dh-color-celery-900-hsl));--dh-color-celery-1000: hsl(var(--dh-color-celery-1000-hsl));--dh-color-celery-1100: hsl(var(--dh-color-celery-1100-hsl));--dh-color-celery-1200: hsl(var(--dh-color-celery-1200-hsl));--dh-color-celery-1300: hsl(var(--dh-color-celery-1300-hsl));--dh-color-celery-1400: hsl(var(--dh-color-celery-1400-hsl));--dh-color-green-100: hsl(var(--dh-color-green-100-hsl));--dh-color-green-200: hsl(var(--dh-color-green-200-hsl));--dh-color-green-300: hsl(var(--dh-color-green-300-hsl));--dh-color-green-400: hsl(var(--dh-color-green-400-hsl));--dh-color-green-500: hsl(var(--dh-color-green-500-hsl));--dh-color-green-600: hsl(var(--dh-color-green-600-hsl));--dh-color-green-700: hsl(var(--dh-color-green-700-hsl));--dh-color-green-800: hsl(var(--dh-color-green-800-hsl));--dh-color-green-900: hsl(var(--dh-color-green-900-hsl));--dh-color-green-1000: hsl(var(--dh-color-green-1000-hsl));--dh-color-green-1100: hsl(var(--dh-color-green-1100-hsl));--dh-color-green-1200: hsl(var(--dh-color-green-1200-hsl));--dh-color-green-1300: hsl(var(--dh-color-green-1300-hsl));--dh-color-green-1400: hsl(var(--dh-color-green-1400-hsl));--dh-color-seafoam-100: hsl(var(--dh-color-seafoam-100-hsl));--dh-color-seafoam-200: hsl(var(--dh-color-seafoam-200-hsl));--dh-color-seafoam-300: hsl(var(--dh-color-seafoam-300-hsl));--dh-color-seafoam-400: hsl(var(--dh-color-seafoam-400-hsl));--dh-color-seafoam-500: hsl(var(--dh-color-seafoam-500-hsl));--dh-color-seafoam-600: hsl(var(--dh-color-seafoam-600-hsl));--dh-color-seafoam-700: hsl(var(--dh-color-seafoam-700-hsl));--dh-color-seafoam-800: hsl(var(--dh-color-seafoam-800-hsl));--dh-color-seafoam-900: hsl(var(--dh-color-seafoam-900-hsl));--dh-color-seafoam-1000: hsl(var(--dh-color-seafoam-1000-hsl));--dh-color-seafoam-1100: hsl(var(--dh-color-seafoam-1100-hsl));--dh-color-seafoam-1200: hsl(var(--dh-color-seafoam-1200-hsl));--dh-color-seafoam-1300: hsl(var(--dh-color-seafoam-1300-hsl));--dh-color-seafoam-1400: hsl(var(--dh-color-seafoam-1400-hsl));--dh-color-cyan-100: hsl(var(--dh-color-cyan-100-hsl));--dh-color-cyan-200: hsl(var(--dh-color-cyan-200-hsl));--dh-color-cyan-300: hsl(var(--dh-color-cyan-300-hsl));--dh-color-cyan-400: hsl(var(--dh-color-cyan-400-hsl));--dh-color-cyan-500: hsl(var(--dh-color-cyan-500-hsl));--dh-color-cyan-600: hsl(var(--dh-color-cyan-600-hsl));--dh-color-cyan-700: hsl(var(--dh-color-cyan-700-hsl));--dh-color-cyan-800: hsl(var(--dh-color-cyan-800-hsl));--dh-color-cyan-900: hsl(var(--dh-color-cyan-900-hsl));--dh-color-cyan-1000: hsl(var(--dh-color-cyan-1000-hsl));--dh-color-cyan-1100: hsl(var(--dh-color-cyan-1100-hsl));--dh-color-cyan-1200: hsl(var(--dh-color-cyan-1200-hsl));--dh-color-cyan-1300: hsl(var(--dh-color-cyan-1300-hsl));--dh-color-cyan-1400: hsl(var(--dh-color-cyan-1400-hsl));--dh-color-indigo-100: hsl(var(--dh-color-indigo-100-hsl));--dh-color-indigo-200: hsl(var(--dh-color-indigo-200-hsl));--dh-color-indigo-300: hsl(var(--dh-color-indigo-300-hsl));--dh-color-indigo-400: hsl(var(--dh-color-indigo-400-hsl));--dh-color-indigo-500: hsl(var(--dh-color-indigo-500-hsl));--dh-color-indigo-600: hsl(var(--dh-color-indigo-600-hsl));--dh-color-indigo-700: hsl(var(--dh-color-indigo-700-hsl));--dh-color-indigo-800: hsl(var(--dh-color-indigo-800-hsl));--dh-color-indigo-900: hsl(var(--dh-color-indigo-900-hsl));--dh-color-indigo-1000: hsl(var(--dh-color-indigo-1000-hsl));--dh-color-indigo-1100: hsl(var(--dh-color-indigo-1100-hsl));--dh-color-indigo-1200: hsl(var(--dh-color-indigo-1200-hsl));--dh-color-indigo-1300: hsl(var(--dh-color-indigo-1300-hsl));--dh-color-indigo-1400: hsl(var(--dh-color-indigo-1400-hsl));--dh-color-purple-100: hsl(var(--dh-color-purple-100-hsl));--dh-color-purple-200: hsl(var(--dh-color-purple-200-hsl));--dh-color-purple-300: hsl(var(--dh-color-purple-300-hsl));--dh-color-purple-400: hsl(var(--dh-color-purple-400-hsl));--dh-color-purple-500: hsl(var(--dh-color-purple-500-hsl));--dh-color-purple-600: hsl(var(--dh-color-purple-600-hsl));--dh-color-purple-700: hsl(var(--dh-color-purple-700-hsl));--dh-color-purple-800: hsl(var(--dh-color-purple-800-hsl));--dh-color-purple-900: hsl(var(--dh-color-purple-900-hsl));--dh-color-purple-1000: hsl(var(--dh-color-purple-1000-hsl));--dh-color-purple-1100: hsl(var(--dh-color-purple-1100-hsl));--dh-color-purple-1200: hsl(var(--dh-color-purple-1200-hsl));--dh-color-purple-1300: hsl(var(--dh-color-purple-1300-hsl));--dh-color-purple-1400: hsl(var(--dh-color-purple-1400-hsl));--dh-color-fuchsia-100: hsl(var(--dh-color-fuchsia-100-hsl));--dh-color-fuchsia-200: hsl(var(--dh-color-fuchsia-200-hsl));--dh-color-fuchsia-300: hsl(var(--dh-color-fuchsia-300-hsl));--dh-color-fuchsia-400: hsl(var(--dh-color-fuchsia-400-hsl));--dh-color-fuchsia-500: hsl(var(--dh-color-fuchsia-500-hsl));--dh-color-fuchsia-600: hsl(var(--dh-color-fuchsia-600-hsl));--dh-color-fuchsia-700: hsl(var(--dh-color-fuchsia-700-hsl));--dh-color-fuchsia-800: hsl(var(--dh-color-fuchsia-800-hsl));--dh-color-fuchsia-900: hsl(var(--dh-color-fuchsia-900-hsl));--dh-color-fuchsia-1000: hsl(var(--dh-color-fuchsia-1000-hsl));--dh-color-fuchsia-1100: hsl(var(--dh-color-fuchsia-1100-hsl));--dh-color-fuchsia-1200: hsl(var(--dh-color-fuchsia-1200-hsl));--dh-color-fuchsia-1300: hsl(var(--dh-color-fuchsia-1300-hsl));--dh-color-fuchsia-1400: hsl(var(--dh-color-fuchsia-1400-hsl));--dh-color-magenta-100: hsl(var(--dh-color-magenta-100-hsl));--dh-color-magenta-200: hsl(var(--dh-color-magenta-200-hsl));--dh-color-magenta-300: hsl(var(--dh-color-magenta-300-hsl));--dh-color-magenta-400: hsl(var(--dh-color-magenta-400-hsl));--dh-color-magenta-500: hsl(var(--dh-color-magenta-500-hsl));--dh-color-magenta-600: hsl(var(--dh-color-magenta-600-hsl));--dh-color-magenta-700: hsl(var(--dh-color-magenta-700-hsl));--dh-color-magenta-800: hsl(var(--dh-color-magenta-800-hsl));--dh-color-magenta-900: hsl(var(--dh-color-magenta-900-hsl));--dh-color-magenta-1000: hsl(var(--dh-color-magenta-1000-hsl));--dh-color-magenta-1100: hsl(var(--dh-color-magenta-1100-hsl));--dh-color-magenta-1200: hsl(var(--dh-color-magenta-1200-hsl));--dh-color-magenta-1300: hsl(var(--dh-color-magenta-1300-hsl));--dh-color-magenta-1400: hsl(var(--dh-color-magenta-1400-hsl))}/*# sourceMappingURL=theme-dark-palette.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-palette.css"],"names":[],"mappings":"AACA,MAEE,2CACA,4CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,2CACA,4CACA,2CAEA,wDACA,sDACA,uDAGA,kDACA,mDAGA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,6CACA,8CACA,8CACA,4CACA,8CACA,8CAGA,2CACA,2CACA,2CACA,6CACA,6CACA,6CACA,2CACA,6CACA,4CACA,2CACA,6CACA,6CACA,6CACA,6CAGA,8CACA,6CACA,+CACA,+CACA,+CACA,+CACA,6CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CAGA,2CACA,4CACA,8CACA,6CACA,+CACA,6CACA,+CACA,+CACA,+CACA,gDACA,8CACA,gDACA,+CACA,+CAGA,iDACA,iDACA,mDACA,iDACA,mDACA,mDACA,mDACA,iDACA,iDACA,oDACA,oDACA,oDACA,oDACA,kDAGA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,iDACA,iDACA,iDACA,iDACA,+CAGA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,+CACA,+CACA,+CACA,+CACA,+CAGA,iDACA,+CACA,iDACA,iDACA,iDACA,iDACA,+CACA,iDACA,iDACA,kDACA,8CACA,gDACA,kDACA,kDAGA,8CACA,8CACA,8CACA,8CACA,8CACA,4CACA,8CACA,4CACA,8CACA,+CACA,+CACA,+CACA,+CACA,8CAGA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,8CACA,8CACA,gDACA,gDACA,gDACA,gDACA,gDAGA,gDACA,gDACA,gDACA,gDACA,gDACA,8CACA,gDACA,gDACA,gDACA,iDACA,iDACA,gDACA,gDACA,iDAGA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,+CACA,iDACA,kDACA,kDACA,kDACA,kDACA,kDAGA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,kDACA,iDACA,iDACA,iDACA,iDAGA,qDACA,qDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDAEA,2DACA,uDACA,yDAGA,iDACA,iDAGA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,yDACA,yDACA,yDACA,yDACA,yDAGA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,uDACA,uDACA,uDACA,uDACA,uDAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,qEACA,qEACA,qEACA,qEACA,qEAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,2DACA,2DACA,2DACA,2DACA,2DAGA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,+DACA,+DACA,+DACA,+DACA,+DAGA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,yDACA,yDACA,yDACA,yDACA,yDAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,+DACA,+DACA,+DACA,+DACA,+DAGA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,+DACA,+DACA,+DACA,+DACA","file":"theme-dark-palette.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n:root {\n /* Gray */\n --dh-color-gray-50-hsl: 300deg, 6.1%, 9.6%;\n --dh-color-gray-75-hsl: 280deg, 4.6%, 12.7%;\n --dh-color-gray-100-hsl: 285deg, 4.5%, 17.3%;\n --dh-color-gray-200-hsl: 285deg, 4.1%, 19.2%;\n --dh-color-gray-300-hsl: 285deg, 3.7%, 21.2%;\n --dh-color-gray-400-hsl: 280deg, 2.4%, 24.9%;\n --dh-color-gray-500-hsl: 270deg, 1.1%, 35.7%;\n --dh-color-gray-600-hsl: 300deg, 0.5%, 57.1%;\n --dh-color-gray-700-hsl: 0deg, 0.8%, 75.1%;\n --dh-color-gray-800-hsl: 60deg, 6.2%, 93.7%;\n --dh-color-gray-900-hsl: 60deg, 25%, 98.4%;\n\n --dh-color-gray-light-hsl: var(--dh-color-gray-900-hsl);\n --dh-color-gray-mid-hsl: var(--dh-color-gray-600-hsl);\n --dh-color-gray-dark-hsl: var(--dh-color-gray-300-hsl);\n\n /** Black & White */\n --dh-color-black-hsl: var(--dh-color-gray-50-hsl);\n --dh-color-white-hsl: var(--dh-color-gray-800-hsl);\n\n /* Blue HSL components */\n --dh-color-blue-100-hsl: 222deg, 65.3%, 19.2%;\n --dh-color-blue-200-hsl: 222deg, 66.2%, 25.5%;\n --dh-color-blue-300-hsl: 222deg, 64.8%, 32.4%;\n --dh-color-blue-400-hsl: 222deg, 63.2%, 39.4%;\n --dh-color-blue-500-hsl: 222deg, 60.7%, 46.9%;\n --dh-color-blue-600-hsl: 222deg, 68.2%, 54.3%;\n --dh-color-blue-700-hsl: 222deg, 82.7%, 61.6%;\n --dh-color-blue-800-hsl: 222deg, 93.8%, 68.4%;\n --dh-color-blue-900-hsl: 222deg, 100%, 74.3%;\n --dh-color-blue-1000-hsl: 222deg, 100%, 79.6%;\n --dh-color-blue-1100-hsl: 221deg, 100%, 84.3%;\n --dh-color-blue-1200-hsl: 221deg, 100%, 89%;\n --dh-color-blue-1300-hsl: 222deg, 100%, 92.9%;\n --dh-color-blue-1400-hsl: 224deg, 100%, 96.3%;\n\n /* Reds HSL components */\n --dh-color-red-100-hsl: 346deg, 54.3%, 18%;\n --dh-color-red-200-hsl: 345deg, 55%, 23.5%;\n --dh-color-red-300-hsl: 346deg, 54.2%, 30%;\n --dh-color-red-400-hsl: 345deg, 54.3%, 36.9%;\n --dh-color-red-500-hsl: 345deg, 53.4%, 43.7%;\n --dh-color-red-600-hsl: 345deg, 54.8%, 51.4%;\n --dh-color-red-700-hsl: 345deg, 71.3%, 59%;\n --dh-color-red-800-hsl: 345deg, 91.7%, 67.1%;\n --dh-color-red-900-hsl: 344deg, 100%, 74.1%;\n --dh-color-red-1000-hsl: 343deg, 100%, 80%;\n --dh-color-red-1100-hsl: 343deg, 100%, 85.3%;\n --dh-color-red-1200-hsl: 344deg, 100%, 89.8%;\n --dh-color-red-1300-hsl: 344deg, 100%, 93.5%;\n --dh-color-red-1400-hsl: 344deg, 100%, 96.3%;\n\n /* Orange HSL components */\n --dh-color-orange-100-hsl: 20deg, 100%, 13.9%;\n --dh-color-orange-200-hsl: 22deg, 95.7%, 18%;\n --dh-color-orange-300-hsl: 23deg, 89.8%, 23.1%;\n --dh-color-orange-400-hsl: 22deg, 83.7%, 28.8%;\n --dh-color-orange-500-hsl: 22deg, 79.7%, 34.7%;\n --dh-color-orange-600-hsl: 22deg, 74.3%, 41.2%;\n --dh-color-orange-700-hsl: 22deg, 69.8%, 48%;\n --dh-color-orange-800-hsl: 22deg, 78.2%, 55.1%;\n --dh-color-orange-900-hsl: 21deg, 94.7%, 63.1%;\n --dh-color-orange-1000-hsl: 22deg, 100%, 70.6%;\n --dh-color-orange-1100-hsl: 23deg, 100%, 77.6%;\n --dh-color-orange-1200-hsl: 24deg, 100%, 84.3%;\n --dh-color-orange-1300-hsl: 24deg, 100%, 89.8%;\n --dh-color-orange-1400-hsl: 25deg, 100%, 94.3%;\n\n /* Yellow HSL components */\n --dh-color-yellow-100-hsl: 51deg, 100%, 9%;\n --dh-color-yellow-200-hsl: 50deg, 100%, 12%;\n --dh-color-yellow-300-hsl: 51deg, 100%, 15.1%;\n --dh-color-yellow-400-hsl: 50deg, 90%, 19.6%;\n --dh-color-yellow-500-hsl: 49deg, 82.4%, 24.5%;\n --dh-color-yellow-600-hsl: 48deg, 75%, 29.8%;\n --dh-color-yellow-700-hsl: 48deg, 70.2%, 35.5%;\n --dh-color-yellow-800-hsl: 47deg, 65.7%, 41.2%;\n --dh-color-yellow-900-hsl: 47deg, 61.2%, 47.5%;\n --dh-color-yellow-1000-hsl: 47deg, 66.2%, 53.5%;\n --dh-color-yellow-1100-hsl: 46deg, 79.4%, 60%;\n --dh-color-yellow-1200-hsl: 46deg, 94.2%, 66.5%;\n --dh-color-yellow-1300-hsl: 49deg, 100%, 73.9%;\n --dh-color-yellow-1400-hsl: 51deg, 100%, 83.7%;\n\n /* Chartreuse HSL components */\n --dh-color-chartreuse-100-hsl: 77deg, 100%, 8.4%;\n --dh-color-chartreuse-200-hsl: 75deg, 83.6%, 12%;\n --dh-color-chartreuse-300-hsl: 74deg, 73.2%, 16.1%;\n --dh-color-chartreuse-400-hsl: 71deg, 67%, 20.2%;\n --dh-color-chartreuse-500-hsl: 71deg, 62.2%, 24.9%;\n --dh-color-chartreuse-600-hsl: 70deg, 58.9%, 29.6%;\n --dh-color-chartreuse-700-hsl: 69deg, 55.7%, 34.5%;\n --dh-color-chartreuse-800-hsl: 68deg, 52.9%, 40%;\n --dh-color-chartreuse-900-hsl: 67deg, 50%, 45.5%;\n --dh-color-chartreuse-1000-hsl: 67deg, 49.2%, 51.4%;\n --dh-color-chartreuse-1100-hsl: 67deg, 57.8%, 57.3%;\n --dh-color-chartreuse-1200-hsl: 66deg, 67.2%, 64.1%;\n --dh-color-chartreuse-1300-hsl: 66deg, 75.7%, 72.5%;\n --dh-color-chartreuse-1400-hsl: 66deg, 82%, 82.5%;\n\n /* Celery HSL components */\n --dh-color-celery-100-hsl: 127deg, 42.9%, 12.4%;\n --dh-color-celery-200-hsl: 125deg, 43.2%, 15.9%;\n --dh-color-celery-300-hsl: 125deg, 42.9%, 20.6%;\n --dh-color-celery-400-hsl: 125deg, 42.6%, 25.3%;\n --dh-color-celery-500-hsl: 125deg, 41.6%, 30.2%;\n --dh-color-celery-600-hsl: 126deg, 40.7%, 35.7%;\n --dh-color-celery-700-hsl: 125deg, 39.3%, 41.4%;\n --dh-color-celery-800-hsl: 125deg, 36.6%, 47.6%;\n --dh-color-celery-900-hsl: 125deg, 39.1%, 54.9%;\n --dh-color-celery-1000-hsl: 125deg, 43.9%, 62.9%;\n --dh-color-celery-1100-hsl: 125deg, 47.9%, 71.4%;\n --dh-color-celery-1200-hsl: 126deg, 49.5%, 79.8%;\n --dh-color-celery-1300-hsl: 126deg, 48.5%, 87.1%;\n --dh-color-celery-1400-hsl: 127deg, 50%, 92.9%;\n\n /* Green HSL components */\n --dh-color-green-100-hsl: 95deg, 17.1%, 13.7%;\n --dh-color-green-200-hsl: 92deg, 18.7%, 17.8%;\n --dh-color-green-300-hsl: 94deg, 21.7%, 22.5%;\n --dh-color-green-400-hsl: 94deg, 22.9%, 27.5%;\n --dh-color-green-500-hsl: 93deg, 25.6%, 32.2%;\n --dh-color-green-600-hsl: 95deg, 27.7%, 37.5%;\n --dh-color-green-700-hsl: 95deg, 29.6%, 42.4%;\n --dh-color-green-800-hsl: 94deg, 31.7%, 47.6%;\n --dh-color-green-900-hsl: 94deg, 37.5%, 52.9%;\n --dh-color-green-1000-hsl: 94deg, 47.4%, 58.2%;\n --dh-color-green-1100-hsl: 94deg, 58.9%, 63.7%;\n --dh-color-green-1200-hsl: 94deg, 70.9%, 70.4%;\n --dh-color-green-1300-hsl: 94deg, 81.5%, 78.8%;\n --dh-color-green-1400-hsl: 93deg, 87.7%, 87.3%;\n\n /* Seafoam HSL components */\n --dh-color-seafoam-100-hsl: 156deg, 13.9%, 14.1%;\n --dh-color-seafoam-200-hsl: 158deg, 17.4%, 18%;\n --dh-color-seafoam-300-hsl: 159deg, 19.7%, 22.9%;\n --dh-color-seafoam-400-hsl: 158deg, 22.5%, 27.8%;\n --dh-color-seafoam-500-hsl: 158deg, 25.7%, 32.7%;\n --dh-color-seafoam-600-hsl: 159deg, 28.8%, 37.5%;\n --dh-color-seafoam-700-hsl: 161deg, 33%, 42.2%;\n --dh-color-seafoam-800-hsl: 161deg, 36.4%, 46.9%;\n --dh-color-seafoam-900-hsl: 162deg, 41.9%, 51.4%;\n --dh-color-seafoam-1000-hsl: 161deg, 53.4%, 56.3%;\n --dh-color-seafoam-1100-hsl: 162deg, 66%, 62%;\n --dh-color-seafoam-1200-hsl: 161deg, 76.5%, 70%;\n --dh-color-seafoam-1300-hsl: 158deg, 86.5%, 79.6%;\n --dh-color-seafoam-1400-hsl: 156deg, 89.1%, 89.2%;\n\n /* Cyan HSL components */\n --dh-color-cyan-100-hsl: 185deg, 38.5%, 12.7%;\n --dh-color-cyan-200-hsl: 186deg, 38.1%, 16.5%;\n --dh-color-cyan-300-hsl: 186deg, 38.9%, 21.2%;\n --dh-color-cyan-400-hsl: 185deg, 38.3%, 26.1%;\n --dh-color-cyan-500-hsl: 185deg, 38.4%, 31.2%;\n --dh-color-cyan-600-hsl: 186deg, 38%, 36.7%;\n --dh-color-cyan-700-hsl: 185deg, 37.7%, 42.2%;\n --dh-color-cyan-800-hsl: 185deg, 37.1%, 48%;\n --dh-color-cyan-900-hsl: 185deg, 42.5%, 54.3%;\n --dh-color-cyan-1000-hsl: 185deg, 52.5%, 60.4%;\n --dh-color-cyan-1100-hsl: 186deg, 64.5%, 66.9%;\n --dh-color-cyan-1200-hsl: 186deg, 78.9%, 73.9%;\n --dh-color-cyan-1300-hsl: 186deg, 91.6%, 81.4%;\n --dh-color-cyan-1400-hsl: 186deg, 100%, 89.6%;\n\n /* Indigo HSL components */\n --dh-color-indigo-100-hsl: 237deg, 58.1%, 24.3%;\n --dh-color-indigo-200-hsl: 236deg, 51.9%, 30.2%;\n --dh-color-indigo-300-hsl: 236deg, 46.8%, 36.9%;\n --dh-color-indigo-400-hsl: 235deg, 42.6%, 43.7%;\n --dh-color-indigo-500-hsl: 235deg, 40.2%, 50.8%;\n --dh-color-indigo-600-hsl: 235deg, 48.8%, 57.8%;\n --dh-color-indigo-700-hsl: 234deg, 59.8%, 64.9%;\n --dh-color-indigo-800-hsl: 234deg, 74.8%, 72%;\n --dh-color-indigo-900-hsl: 234deg, 91%, 78.2%;\n --dh-color-indigo-1000-hsl: 234deg, 100%, 83.3%;\n --dh-color-indigo-1100-hsl: 234deg, 100%, 87.3%;\n --dh-color-indigo-1200-hsl: 235deg, 100%, 91.2%;\n --dh-color-indigo-1300-hsl: 232deg, 100%, 94.1%;\n --dh-color-indigo-1400-hsl: 236deg, 100%, 96.9%;\n\n /* Purple HSL components */\n --dh-color-purple-100-hsl: 263deg, 73.1%, 23.3%;\n --dh-color-purple-200-hsl: 260deg, 59.2%, 29.8%;\n --dh-color-purple-300-hsl: 258deg, 49.7%, 36.7%;\n --dh-color-purple-400-hsl: 257deg, 43.2%, 43.5%;\n --dh-color-purple-500-hsl: 255deg, 38.3%, 50.4%;\n --dh-color-purple-600-hsl: 254deg, 45%, 57.3%;\n --dh-color-purple-700-hsl: 253deg, 53.8%, 64.3%;\n --dh-color-purple-800-hsl: 251deg, 64.4%, 71.4%;\n --dh-color-purple-900-hsl: 250deg, 78.8%, 77.8%;\n --dh-color-purple-1000-hsl: 249deg, 90.6%, 83.3%;\n --dh-color-purple-1100-hsl: 249deg, 96.8%, 87.6%;\n --dh-color-purple-1200-hsl: 250deg, 100%, 91.4%;\n --dh-color-purple-1300-hsl: 251deg, 100%, 94.5%;\n --dh-color-purple-1400-hsl: 260deg, 88.2%, 96.7%;\n\n /* Fuchsia HSL components */\n --dh-color-fuchsia-100-hsl: 301deg, 64.3%, 16.5%;\n --dh-color-fuchsia-200-hsl: 300deg, 53.2%, 21.8%;\n --dh-color-fuchsia-300-hsl: 297deg, 43.8%, 28.6%;\n --dh-color-fuchsia-400-hsl: 294deg, 39.2%, 35.5%;\n --dh-color-fuchsia-500-hsl: 291deg, 35.2%, 42.9%;\n --dh-color-fuchsia-600-hsl: 287deg, 32.5%, 50.6%;\n --dh-color-fuchsia-700-hsl: 283deg, 39.6%, 58.4%;\n --dh-color-fuchsia-800-hsl: 279deg, 50%, 66.3%;\n --dh-color-fuchsia-900-hsl: 277deg, 61.5%, 73.5%;\n --dh-color-fuchsia-1000-hsl: 275deg, 70.9%, 79.8%;\n --dh-color-fuchsia-1100-hsl: 275deg, 76.3%, 85.1%;\n --dh-color-fuchsia-1200-hsl: 277deg, 77.8%, 89.4%;\n --dh-color-fuchsia-1300-hsl: 280deg, 77.1%, 93.1%;\n --dh-color-fuchsia-1400-hsl: 288deg, 71.4%, 95.9%;\n\n /* Magenta HSL components */\n --dh-color-magenta-100-hsl: 333deg, 90.7%, 16.9%;\n --dh-color-magenta-200-hsl: 334deg, 72.4%, 22.7%;\n --dh-color-magenta-300-hsl: 334deg, 60.3%, 29.6%;\n --dh-color-magenta-400-hsl: 334deg, 51.6%, 36.5%;\n --dh-color-magenta-500-hsl: 333deg, 45.7%, 43.3%;\n --dh-color-magenta-600-hsl: 332deg, 41.5%, 50.4%;\n --dh-color-magenta-700-hsl: 330deg, 50.7%, 57.8%;\n --dh-color-magenta-800-hsl: 329deg, 60.7%, 65.1%;\n --dh-color-magenta-900-hsl: 329deg, 75.9%, 72.4%;\n --dh-color-magenta-1000-hsl: 328deg, 92.5%, 79.2%;\n --dh-color-magenta-1100-hsl: 327deg, 100%, 84.7%;\n --dh-color-magenta-1200-hsl: 327deg, 100%, 89.4%;\n --dh-color-magenta-1300-hsl: 326deg, 100%, 93.3%;\n --dh-color-magenta-1400-hsl: 328deg, 100%, 96.3%;\n\n /* Grays */\n --dh-color-gray-50: hsl(var(--dh-color-gray-50-hsl));\n --dh-color-gray-75: hsl(var(--dh-color-gray-75-hsl));\n --dh-color-gray-100: hsl(var(--dh-color-gray-100-hsl));\n --dh-color-gray-200: hsl(var(--dh-color-gray-200-hsl));\n --dh-color-gray-300: hsl(var(--dh-color-gray-300-hsl));\n --dh-color-gray-400: hsl(var(--dh-color-gray-400-hsl));\n --dh-color-gray-500: hsl(var(--dh-color-gray-500-hsl));\n --dh-color-gray-600: hsl(var(--dh-color-gray-600-hsl));\n --dh-color-gray-700: hsl(var(--dh-color-gray-700-hsl));\n --dh-color-gray-800: hsl(var(--dh-color-gray-800-hsl));\n --dh-color-gray-900: hsl(var(--dh-color-gray-900-hsl));\n\n --dh-color-gray-light: hsl(var(--dh-color-gray-light-hsl));\n --dh-color-gray-mid: hsl(var(--dh-color-gray-mid-hsl));\n --dh-color-gray-dark: hsl(var(--dh-color-gray-dark-hsl));\n\n /** Black & White */\n --dh-color-black: hsl(var(--dh-color-black-hsl));\n --dh-color-white: hsl(var(--dh-color-white-hsl));\n\n /* Blue */\n --dh-color-blue-100: hsl(var(--dh-color-blue-100-hsl));\n --dh-color-blue-200: hsl(var(--dh-color-blue-200-hsl));\n --dh-color-blue-300: hsl(var(--dh-color-blue-300-hsl));\n --dh-color-blue-400: hsl(var(--dh-color-blue-400-hsl));\n --dh-color-blue-500: hsl(var(--dh-color-blue-500-hsl));\n --dh-color-blue-600: hsl(var(--dh-color-blue-600-hsl));\n --dh-color-blue-700: hsl(var(--dh-color-blue-700-hsl));\n --dh-color-blue-800: hsl(var(--dh-color-blue-800-hsl));\n --dh-color-blue-900: hsl(var(--dh-color-blue-900-hsl));\n --dh-color-blue-1000: hsl(var(--dh-color-blue-1000-hsl));\n --dh-color-blue-1100: hsl(var(--dh-color-blue-1100-hsl));\n --dh-color-blue-1200: hsl(var(--dh-color-blue-1200-hsl));\n --dh-color-blue-1300: hsl(var(--dh-color-blue-1300-hsl));\n --dh-color-blue-1400: hsl(var(--dh-color-blue-1400-hsl));\n\n /* Red */\n --dh-color-red-100: hsl(var(--dh-color-red-100-hsl));\n --dh-color-red-200: hsl(var(--dh-color-red-200-hsl));\n --dh-color-red-300: hsl(var(--dh-color-red-300-hsl));\n --dh-color-red-400: hsl(var(--dh-color-red-400-hsl));\n --dh-color-red-500: hsl(var(--dh-color-red-500-hsl));\n --dh-color-red-600: hsl(var(--dh-color-red-600-hsl));\n --dh-color-red-700: hsl(var(--dh-color-red-700-hsl));\n --dh-color-red-800: hsl(var(--dh-color-red-800-hsl));\n --dh-color-red-900: hsl(var(--dh-color-red-900-hsl));\n --dh-color-red-1000: hsl(var(--dh-color-red-1000-hsl));\n --dh-color-red-1100: hsl(var(--dh-color-red-1100-hsl));\n --dh-color-red-1200: hsl(var(--dh-color-red-1200-hsl));\n --dh-color-red-1300: hsl(var(--dh-color-red-1300-hsl));\n --dh-color-red-1400: hsl(var(--dh-color-red-1400-hsl));\n\n /* Orange */\n --dh-color-orange-100: hsl(var(--dh-color-orange-100-hsl));\n --dh-color-orange-200: hsl(var(--dh-color-orange-200-hsl));\n --dh-color-orange-300: hsl(var(--dh-color-orange-300-hsl));\n --dh-color-orange-400: hsl(var(--dh-color-orange-400-hsl));\n --dh-color-orange-500: hsl(var(--dh-color-orange-500-hsl));\n --dh-color-orange-600: hsl(var(--dh-color-orange-600-hsl));\n --dh-color-orange-700: hsl(var(--dh-color-orange-700-hsl));\n --dh-color-orange-800: hsl(var(--dh-color-orange-800-hsl));\n --dh-color-orange-900: hsl(var(--dh-color-orange-900-hsl));\n --dh-color-orange-1000: hsl(var(--dh-color-orange-1000-hsl));\n --dh-color-orange-1100: hsl(var(--dh-color-orange-1100-hsl));\n --dh-color-orange-1200: hsl(var(--dh-color-orange-1200-hsl));\n --dh-color-orange-1300: hsl(var(--dh-color-orange-1300-hsl));\n --dh-color-orange-1400: hsl(var(--dh-color-orange-1400-hsl));\n\n /* Yellow */\n --dh-color-yellow-100: hsl(var(--dh-color-yellow-100-hsl));\n --dh-color-yellow-200: hsl(var(--dh-color-yellow-200-hsl));\n --dh-color-yellow-300: hsl(var(--dh-color-yellow-300-hsl));\n --dh-color-yellow-400: hsl(var(--dh-color-yellow-400-hsl));\n --dh-color-yellow-500: hsl(var(--dh-color-yellow-500-hsl));\n --dh-color-yellow-600: hsl(var(--dh-color-yellow-600-hsl));\n --dh-color-yellow-700: hsl(var(--dh-color-yellow-700-hsl));\n --dh-color-yellow-800: hsl(var(--dh-color-yellow-800-hsl));\n --dh-color-yellow-900: hsl(var(--dh-color-yellow-900-hsl));\n --dh-color-yellow-1000: hsl(var(--dh-color-yellow-1000-hsl));\n --dh-color-yellow-1100: hsl(var(--dh-color-yellow-1100-hsl));\n --dh-color-yellow-1200: hsl(var(--dh-color-yellow-1200-hsl));\n --dh-color-yellow-1300: hsl(var(--dh-color-yellow-1300-hsl));\n --dh-color-yellow-1400: hsl(var(--dh-color-yellow-1400-hsl));\n\n /* Chartreuse */\n --dh-color-chartreuse-100: hsl(var(--dh-color-chartreuse-100-hsl));\n --dh-color-chartreuse-200: hsl(var(--dh-color-chartreuse-200-hsl));\n --dh-color-chartreuse-300: hsl(var(--dh-color-chartreuse-300-hsl));\n --dh-color-chartreuse-400: hsl(var(--dh-color-chartreuse-400-hsl));\n --dh-color-chartreuse-500: hsl(var(--dh-color-chartreuse-500-hsl));\n --dh-color-chartreuse-600: hsl(var(--dh-color-chartreuse-600-hsl));\n --dh-color-chartreuse-700: hsl(var(--dh-color-chartreuse-700-hsl));\n --dh-color-chartreuse-800: hsl(var(--dh-color-chartreuse-800-hsl));\n --dh-color-chartreuse-900: hsl(var(--dh-color-chartreuse-900-hsl));\n --dh-color-chartreuse-1000: hsl(var(--dh-color-chartreuse-1000-hsl));\n --dh-color-chartreuse-1100: hsl(var(--dh-color-chartreuse-1100-hsl));\n --dh-color-chartreuse-1200: hsl(var(--dh-color-chartreuse-1200-hsl));\n --dh-color-chartreuse-1300: hsl(var(--dh-color-chartreuse-1300-hsl));\n --dh-color-chartreuse-1400: hsl(var(--dh-color-chartreuse-1400-hsl));\n\n /* Celery */\n --dh-color-celery-100: hsl(var(--dh-color-celery-100-hsl));\n --dh-color-celery-200: hsl(var(--dh-color-celery-200-hsl));\n --dh-color-celery-300: hsl(var(--dh-color-celery-300-hsl));\n --dh-color-celery-400: hsl(var(--dh-color-celery-400-hsl));\n --dh-color-celery-500: hsl(var(--dh-color-celery-500-hsl));\n --dh-color-celery-600: hsl(var(--dh-color-celery-600-hsl));\n --dh-color-celery-700: hsl(var(--dh-color-celery-700-hsl));\n --dh-color-celery-800: hsl(var(--dh-color-celery-800-hsl));\n --dh-color-celery-900: hsl(var(--dh-color-celery-900-hsl));\n --dh-color-celery-1000: hsl(var(--dh-color-celery-1000-hsl));\n --dh-color-celery-1100: hsl(var(--dh-color-celery-1100-hsl));\n --dh-color-celery-1200: hsl(var(--dh-color-celery-1200-hsl));\n --dh-color-celery-1300: hsl(var(--dh-color-celery-1300-hsl));\n --dh-color-celery-1400: hsl(var(--dh-color-celery-1400-hsl));\n\n /* Green */\n --dh-color-green-100: hsl(var(--dh-color-green-100-hsl));\n --dh-color-green-200: hsl(var(--dh-color-green-200-hsl));\n --dh-color-green-300: hsl(var(--dh-color-green-300-hsl));\n --dh-color-green-400: hsl(var(--dh-color-green-400-hsl));\n --dh-color-green-500: hsl(var(--dh-color-green-500-hsl));\n --dh-color-green-600: hsl(var(--dh-color-green-600-hsl));\n --dh-color-green-700: hsl(var(--dh-color-green-700-hsl));\n --dh-color-green-800: hsl(var(--dh-color-green-800-hsl));\n --dh-color-green-900: hsl(var(--dh-color-green-900-hsl));\n --dh-color-green-1000: hsl(var(--dh-color-green-1000-hsl));\n --dh-color-green-1100: hsl(var(--dh-color-green-1100-hsl));\n --dh-color-green-1200: hsl(var(--dh-color-green-1200-hsl));\n --dh-color-green-1300: hsl(var(--dh-color-green-1300-hsl));\n --dh-color-green-1400: hsl(var(--dh-color-green-1400-hsl));\n\n /* Seafoam */\n --dh-color-seafoam-100: hsl(var(--dh-color-seafoam-100-hsl));\n --dh-color-seafoam-200: hsl(var(--dh-color-seafoam-200-hsl));\n --dh-color-seafoam-300: hsl(var(--dh-color-seafoam-300-hsl));\n --dh-color-seafoam-400: hsl(var(--dh-color-seafoam-400-hsl));\n --dh-color-seafoam-500: hsl(var(--dh-color-seafoam-500-hsl));\n --dh-color-seafoam-600: hsl(var(--dh-color-seafoam-600-hsl));\n --dh-color-seafoam-700: hsl(var(--dh-color-seafoam-700-hsl));\n --dh-color-seafoam-800: hsl(var(--dh-color-seafoam-800-hsl));\n --dh-color-seafoam-900: hsl(var(--dh-color-seafoam-900-hsl));\n --dh-color-seafoam-1000: hsl(var(--dh-color-seafoam-1000-hsl));\n --dh-color-seafoam-1100: hsl(var(--dh-color-seafoam-1100-hsl));\n --dh-color-seafoam-1200: hsl(var(--dh-color-seafoam-1200-hsl));\n --dh-color-seafoam-1300: hsl(var(--dh-color-seafoam-1300-hsl));\n --dh-color-seafoam-1400: hsl(var(--dh-color-seafoam-1400-hsl));\n\n /* Cyan */\n --dh-color-cyan-100: hsl(var(--dh-color-cyan-100-hsl));\n --dh-color-cyan-200: hsl(var(--dh-color-cyan-200-hsl));\n --dh-color-cyan-300: hsl(var(--dh-color-cyan-300-hsl));\n --dh-color-cyan-400: hsl(var(--dh-color-cyan-400-hsl));\n --dh-color-cyan-500: hsl(var(--dh-color-cyan-500-hsl));\n --dh-color-cyan-600: hsl(var(--dh-color-cyan-600-hsl));\n --dh-color-cyan-700: hsl(var(--dh-color-cyan-700-hsl));\n --dh-color-cyan-800: hsl(var(--dh-color-cyan-800-hsl));\n --dh-color-cyan-900: hsl(var(--dh-color-cyan-900-hsl));\n --dh-color-cyan-1000: hsl(var(--dh-color-cyan-1000-hsl));\n --dh-color-cyan-1100: hsl(var(--dh-color-cyan-1100-hsl));\n --dh-color-cyan-1200: hsl(var(--dh-color-cyan-1200-hsl));\n --dh-color-cyan-1300: hsl(var(--dh-color-cyan-1300-hsl));\n --dh-color-cyan-1400: hsl(var(--dh-color-cyan-1400-hsl));\n\n /* Indigo */\n --dh-color-indigo-100: hsl(var(--dh-color-indigo-100-hsl));\n --dh-color-indigo-200: hsl(var(--dh-color-indigo-200-hsl));\n --dh-color-indigo-300: hsl(var(--dh-color-indigo-300-hsl));\n --dh-color-indigo-400: hsl(var(--dh-color-indigo-400-hsl));\n --dh-color-indigo-500: hsl(var(--dh-color-indigo-500-hsl));\n --dh-color-indigo-600: hsl(var(--dh-color-indigo-600-hsl));\n --dh-color-indigo-700: hsl(var(--dh-color-indigo-700-hsl));\n --dh-color-indigo-800: hsl(var(--dh-color-indigo-800-hsl));\n --dh-color-indigo-900: hsl(var(--dh-color-indigo-900-hsl));\n --dh-color-indigo-1000: hsl(var(--dh-color-indigo-1000-hsl));\n --dh-color-indigo-1100: hsl(var(--dh-color-indigo-1100-hsl));\n --dh-color-indigo-1200: hsl(var(--dh-color-indigo-1200-hsl));\n --dh-color-indigo-1300: hsl(var(--dh-color-indigo-1300-hsl));\n --dh-color-indigo-1400: hsl(var(--dh-color-indigo-1400-hsl));\n\n /* Purple */\n --dh-color-purple-100: hsl(var(--dh-color-purple-100-hsl));\n --dh-color-purple-200: hsl(var(--dh-color-purple-200-hsl));\n --dh-color-purple-300: hsl(var(--dh-color-purple-300-hsl));\n --dh-color-purple-400: hsl(var(--dh-color-purple-400-hsl));\n --dh-color-purple-500: hsl(var(--dh-color-purple-500-hsl));\n --dh-color-purple-600: hsl(var(--dh-color-purple-600-hsl));\n --dh-color-purple-700: hsl(var(--dh-color-purple-700-hsl));\n --dh-color-purple-800: hsl(var(--dh-color-purple-800-hsl));\n --dh-color-purple-900: hsl(var(--dh-color-purple-900-hsl));\n --dh-color-purple-1000: hsl(var(--dh-color-purple-1000-hsl));\n --dh-color-purple-1100: hsl(var(--dh-color-purple-1100-hsl));\n --dh-color-purple-1200: hsl(var(--dh-color-purple-1200-hsl));\n --dh-color-purple-1300: hsl(var(--dh-color-purple-1300-hsl));\n --dh-color-purple-1400: hsl(var(--dh-color-purple-1400-hsl));\n\n /* Fuchsia */\n --dh-color-fuchsia-100: hsl(var(--dh-color-fuchsia-100-hsl));\n --dh-color-fuchsia-200: hsl(var(--dh-color-fuchsia-200-hsl));\n --dh-color-fuchsia-300: hsl(var(--dh-color-fuchsia-300-hsl));\n --dh-color-fuchsia-400: hsl(var(--dh-color-fuchsia-400-hsl));\n --dh-color-fuchsia-500: hsl(var(--dh-color-fuchsia-500-hsl));\n --dh-color-fuchsia-600: hsl(var(--dh-color-fuchsia-600-hsl));\n --dh-color-fuchsia-700: hsl(var(--dh-color-fuchsia-700-hsl));\n --dh-color-fuchsia-800: hsl(var(--dh-color-fuchsia-800-hsl));\n --dh-color-fuchsia-900: hsl(var(--dh-color-fuchsia-900-hsl));\n --dh-color-fuchsia-1000: hsl(var(--dh-color-fuchsia-1000-hsl));\n --dh-color-fuchsia-1100: hsl(var(--dh-color-fuchsia-1100-hsl));\n --dh-color-fuchsia-1200: hsl(var(--dh-color-fuchsia-1200-hsl));\n --dh-color-fuchsia-1300: hsl(var(--dh-color-fuchsia-1300-hsl));\n --dh-color-fuchsia-1400: hsl(var(--dh-color-fuchsia-1400-hsl));\n\n /* Magenta */\n --dh-color-magenta-100: hsl(var(--dh-color-magenta-100-hsl));\n --dh-color-magenta-200: hsl(var(--dh-color-magenta-200-hsl));\n --dh-color-magenta-300: hsl(var(--dh-color-magenta-300-hsl));\n --dh-color-magenta-400: hsl(var(--dh-color-magenta-400-hsl));\n --dh-color-magenta-500: hsl(var(--dh-color-magenta-500-hsl));\n --dh-color-magenta-600: hsl(var(--dh-color-magenta-600-hsl));\n --dh-color-magenta-700: hsl(var(--dh-color-magenta-700-hsl));\n --dh-color-magenta-800: hsl(var(--dh-color-magenta-800-hsl));\n --dh-color-magenta-900: hsl(var(--dh-color-magenta-900-hsl));\n --dh-color-magenta-1000: hsl(var(--dh-color-magenta-1000-hsl));\n --dh-color-magenta-1100: hsl(var(--dh-color-magenta-1100-hsl));\n --dh-color-magenta-1200: hsl(var(--dh-color-magenta-1200-hsl));\n --dh-color-magenta-1300: hsl(var(--dh-color-magenta-1300-hsl));\n --dh-color-magenta-1400: hsl(var(--dh-color-magenta-1400-hsl));\n}\n"]}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-palette.css"],"names":[],"mappings":"AACA,MAEE,2CACA,4CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,2CACA,4CACA,2CAEA,wDACA,sDACA,uDAGA,kDACA,mDACA,wCACA,0CAGA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,6CACA,8CACA,8CACA,4CACA,8CACA,8CAGA,2CACA,2CACA,2CACA,6CACA,6CACA,6CACA,2CACA,6CACA,4CACA,2CACA,6CACA,6CACA,6CACA,6CAGA,8CACA,6CACA,+CACA,+CACA,+CACA,+CACA,6CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CAGA,2CACA,4CACA,8CACA,6CACA,+CACA,6CACA,+CACA,+CACA,+CACA,gDACA,8CACA,gDACA,+CACA,+CAGA,iDACA,iDACA,mDACA,iDACA,mDACA,mDACA,mDACA,iDACA,iDACA,oDACA,oDACA,oDACA,oDACA,kDAGA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,iDACA,iDACA,iDACA,iDACA,+CAGA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,+CACA,+CACA,+CACA,+CACA,+CAGA,iDACA,+CACA,iDACA,iDACA,iDACA,iDACA,+CACA,iDACA,iDACA,kDACA,8CACA,gDACA,kDACA,kDAGA,8CACA,8CACA,8CACA,8CACA,8CACA,4CACA,8CACA,4CACA,8CACA,+CACA,+CACA,+CACA,+CACA,8CAGA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,8CACA,8CACA,gDACA,gDACA,gDACA,gDACA,gDAGA,gDACA,gDACA,gDACA,gDACA,gDACA,8CACA,gDACA,gDACA,gDACA,iDACA,iDACA,gDACA,gDACA,iDAGA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,+CACA,iDACA,kDACA,kDACA,kDACA,kDACA,kDAGA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,kDACA,iDACA,iDACA,iDACA,iDAGA,qDACA,qDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDAEA,2DACA,uDACA,yDAGA,iDACA,iDAGA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,yDACA,yDACA,yDACA,yDACA,yDAGA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,uDACA,uDACA,uDACA,uDACA,uDAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,qEACA,qEACA,qEACA,qEACA,qEAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,2DACA,2DACA,2DACA,2DACA,2DAGA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,+DACA,+DACA,+DACA,+DACA,+DAGA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,yDACA,yDACA,yDACA,yDACA,yDAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,+DACA,+DACA,+DACA,+DACA,+DAGA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,+DACA,+DACA,+DACA,+DACA","file":"theme-dark-palette.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n:root {\n /* Gray */\n --dh-color-gray-50-hsl: 300deg, 6.1%, 9.6%;\n --dh-color-gray-75-hsl: 280deg, 4.6%, 12.7%;\n --dh-color-gray-100-hsl: 285deg, 4.5%, 17.3%;\n --dh-color-gray-200-hsl: 285deg, 4.1%, 19.2%;\n --dh-color-gray-300-hsl: 285deg, 3.7%, 21.2%;\n --dh-color-gray-400-hsl: 280deg, 2.4%, 24.9%;\n --dh-color-gray-500-hsl: 270deg, 1.1%, 35.7%;\n --dh-color-gray-600-hsl: 300deg, 0.5%, 57.1%;\n --dh-color-gray-700-hsl: 0deg, 0.8%, 75.1%;\n --dh-color-gray-800-hsl: 60deg, 6.2%, 93.7%;\n --dh-color-gray-900-hsl: 60deg, 25%, 98.4%;\n\n --dh-color-gray-light-hsl: var(--dh-color-gray-900-hsl);\n --dh-color-gray-mid-hsl: var(--dh-color-gray-600-hsl);\n --dh-color-gray-dark-hsl: var(--dh-color-gray-300-hsl);\n\n /** Black & White */\n --dh-color-black-hsl: var(--dh-color-gray-50-hsl);\n --dh-color-white-hsl: var(--dh-color-gray-800-hsl);\n --dh-color-true-black-hsl: 0deg, 0%, 0%;\n --dh-color-true-white-hsl: 0deg, 0%, 100%;\n\n /* Blue HSL components */\n --dh-color-blue-100-hsl: 222deg, 65.3%, 19.2%;\n --dh-color-blue-200-hsl: 222deg, 66.2%, 25.5%;\n --dh-color-blue-300-hsl: 222deg, 64.8%, 32.4%;\n --dh-color-blue-400-hsl: 222deg, 63.2%, 39.4%;\n --dh-color-blue-500-hsl: 222deg, 60.7%, 46.9%;\n --dh-color-blue-600-hsl: 222deg, 68.2%, 54.3%;\n --dh-color-blue-700-hsl: 222deg, 82.7%, 61.6%;\n --dh-color-blue-800-hsl: 222deg, 93.8%, 68.4%;\n --dh-color-blue-900-hsl: 222deg, 100%, 74.3%;\n --dh-color-blue-1000-hsl: 222deg, 100%, 79.6%;\n --dh-color-blue-1100-hsl: 221deg, 100%, 84.3%;\n --dh-color-blue-1200-hsl: 221deg, 100%, 89%;\n --dh-color-blue-1300-hsl: 222deg, 100%, 92.9%;\n --dh-color-blue-1400-hsl: 224deg, 100%, 96.3%;\n\n /* Reds HSL components */\n --dh-color-red-100-hsl: 346deg, 54.3%, 18%;\n --dh-color-red-200-hsl: 345deg, 55%, 23.5%;\n --dh-color-red-300-hsl: 346deg, 54.2%, 30%;\n --dh-color-red-400-hsl: 345deg, 54.3%, 36.9%;\n --dh-color-red-500-hsl: 345deg, 53.4%, 43.7%;\n --dh-color-red-600-hsl: 345deg, 54.8%, 51.4%;\n --dh-color-red-700-hsl: 345deg, 71.3%, 59%;\n --dh-color-red-800-hsl: 345deg, 91.7%, 67.1%;\n --dh-color-red-900-hsl: 344deg, 100%, 74.1%;\n --dh-color-red-1000-hsl: 343deg, 100%, 80%;\n --dh-color-red-1100-hsl: 343deg, 100%, 85.3%;\n --dh-color-red-1200-hsl: 344deg, 100%, 89.8%;\n --dh-color-red-1300-hsl: 344deg, 100%, 93.5%;\n --dh-color-red-1400-hsl: 344deg, 100%, 96.3%;\n\n /* Orange HSL components */\n --dh-color-orange-100-hsl: 20deg, 100%, 13.9%;\n --dh-color-orange-200-hsl: 22deg, 95.7%, 18%;\n --dh-color-orange-300-hsl: 23deg, 89.8%, 23.1%;\n --dh-color-orange-400-hsl: 22deg, 83.7%, 28.8%;\n --dh-color-orange-500-hsl: 22deg, 79.7%, 34.7%;\n --dh-color-orange-600-hsl: 22deg, 74.3%, 41.2%;\n --dh-color-orange-700-hsl: 22deg, 69.8%, 48%;\n --dh-color-orange-800-hsl: 22deg, 78.2%, 55.1%;\n --dh-color-orange-900-hsl: 21deg, 94.7%, 63.1%;\n --dh-color-orange-1000-hsl: 22deg, 100%, 70.6%;\n --dh-color-orange-1100-hsl: 23deg, 100%, 77.6%;\n --dh-color-orange-1200-hsl: 24deg, 100%, 84.3%;\n --dh-color-orange-1300-hsl: 24deg, 100%, 89.8%;\n --dh-color-orange-1400-hsl: 25deg, 100%, 94.3%;\n\n /* Yellow HSL components */\n --dh-color-yellow-100-hsl: 51deg, 100%, 9%;\n --dh-color-yellow-200-hsl: 50deg, 100%, 12%;\n --dh-color-yellow-300-hsl: 51deg, 100%, 15.1%;\n --dh-color-yellow-400-hsl: 50deg, 90%, 19.6%;\n --dh-color-yellow-500-hsl: 49deg, 82.4%, 24.5%;\n --dh-color-yellow-600-hsl: 48deg, 75%, 29.8%;\n --dh-color-yellow-700-hsl: 48deg, 70.2%, 35.5%;\n --dh-color-yellow-800-hsl: 47deg, 65.7%, 41.2%;\n --dh-color-yellow-900-hsl: 47deg, 61.2%, 47.5%;\n --dh-color-yellow-1000-hsl: 47deg, 66.2%, 53.5%;\n --dh-color-yellow-1100-hsl: 46deg, 79.4%, 60%;\n --dh-color-yellow-1200-hsl: 46deg, 94.2%, 66.5%;\n --dh-color-yellow-1300-hsl: 49deg, 100%, 73.9%;\n --dh-color-yellow-1400-hsl: 51deg, 100%, 83.7%;\n\n /* Chartreuse HSL components */\n --dh-color-chartreuse-100-hsl: 77deg, 100%, 8.4%;\n --dh-color-chartreuse-200-hsl: 75deg, 83.6%, 12%;\n --dh-color-chartreuse-300-hsl: 74deg, 73.2%, 16.1%;\n --dh-color-chartreuse-400-hsl: 71deg, 67%, 20.2%;\n --dh-color-chartreuse-500-hsl: 71deg, 62.2%, 24.9%;\n --dh-color-chartreuse-600-hsl: 70deg, 58.9%, 29.6%;\n --dh-color-chartreuse-700-hsl: 69deg, 55.7%, 34.5%;\n --dh-color-chartreuse-800-hsl: 68deg, 52.9%, 40%;\n --dh-color-chartreuse-900-hsl: 67deg, 50%, 45.5%;\n --dh-color-chartreuse-1000-hsl: 67deg, 49.2%, 51.4%;\n --dh-color-chartreuse-1100-hsl: 67deg, 57.8%, 57.3%;\n --dh-color-chartreuse-1200-hsl: 66deg, 67.2%, 64.1%;\n --dh-color-chartreuse-1300-hsl: 66deg, 75.7%, 72.5%;\n --dh-color-chartreuse-1400-hsl: 66deg, 82%, 82.5%;\n\n /* Celery HSL components */\n --dh-color-celery-100-hsl: 127deg, 42.9%, 12.4%;\n --dh-color-celery-200-hsl: 125deg, 43.2%, 15.9%;\n --dh-color-celery-300-hsl: 125deg, 42.9%, 20.6%;\n --dh-color-celery-400-hsl: 125deg, 42.6%, 25.3%;\n --dh-color-celery-500-hsl: 125deg, 41.6%, 30.2%;\n --dh-color-celery-600-hsl: 126deg, 40.7%, 35.7%;\n --dh-color-celery-700-hsl: 125deg, 39.3%, 41.4%;\n --dh-color-celery-800-hsl: 125deg, 36.6%, 47.6%;\n --dh-color-celery-900-hsl: 125deg, 39.1%, 54.9%;\n --dh-color-celery-1000-hsl: 125deg, 43.9%, 62.9%;\n --dh-color-celery-1100-hsl: 125deg, 47.9%, 71.4%;\n --dh-color-celery-1200-hsl: 126deg, 49.5%, 79.8%;\n --dh-color-celery-1300-hsl: 126deg, 48.5%, 87.1%;\n --dh-color-celery-1400-hsl: 127deg, 50%, 92.9%;\n\n /* Green HSL components */\n --dh-color-green-100-hsl: 95deg, 17.1%, 13.7%;\n --dh-color-green-200-hsl: 92deg, 18.7%, 17.8%;\n --dh-color-green-300-hsl: 94deg, 21.7%, 22.5%;\n --dh-color-green-400-hsl: 94deg, 22.9%, 27.5%;\n --dh-color-green-500-hsl: 93deg, 25.6%, 32.2%;\n --dh-color-green-600-hsl: 95deg, 27.7%, 37.5%;\n --dh-color-green-700-hsl: 95deg, 29.6%, 42.4%;\n --dh-color-green-800-hsl: 94deg, 31.7%, 47.6%;\n --dh-color-green-900-hsl: 94deg, 37.5%, 52.9%;\n --dh-color-green-1000-hsl: 94deg, 47.4%, 58.2%;\n --dh-color-green-1100-hsl: 94deg, 58.9%, 63.7%;\n --dh-color-green-1200-hsl: 94deg, 70.9%, 70.4%;\n --dh-color-green-1300-hsl: 94deg, 81.5%, 78.8%;\n --dh-color-green-1400-hsl: 93deg, 87.7%, 87.3%;\n\n /* Seafoam HSL components */\n --dh-color-seafoam-100-hsl: 156deg, 13.9%, 14.1%;\n --dh-color-seafoam-200-hsl: 158deg, 17.4%, 18%;\n --dh-color-seafoam-300-hsl: 159deg, 19.7%, 22.9%;\n --dh-color-seafoam-400-hsl: 158deg, 22.5%, 27.8%;\n --dh-color-seafoam-500-hsl: 158deg, 25.7%, 32.7%;\n --dh-color-seafoam-600-hsl: 159deg, 28.8%, 37.5%;\n --dh-color-seafoam-700-hsl: 161deg, 33%, 42.2%;\n --dh-color-seafoam-800-hsl: 161deg, 36.4%, 46.9%;\n --dh-color-seafoam-900-hsl: 162deg, 41.9%, 51.4%;\n --dh-color-seafoam-1000-hsl: 161deg, 53.4%, 56.3%;\n --dh-color-seafoam-1100-hsl: 162deg, 66%, 62%;\n --dh-color-seafoam-1200-hsl: 161deg, 76.5%, 70%;\n --dh-color-seafoam-1300-hsl: 158deg, 86.5%, 79.6%;\n --dh-color-seafoam-1400-hsl: 156deg, 89.1%, 89.2%;\n\n /* Cyan HSL components */\n --dh-color-cyan-100-hsl: 185deg, 38.5%, 12.7%;\n --dh-color-cyan-200-hsl: 186deg, 38.1%, 16.5%;\n --dh-color-cyan-300-hsl: 186deg, 38.9%, 21.2%;\n --dh-color-cyan-400-hsl: 185deg, 38.3%, 26.1%;\n --dh-color-cyan-500-hsl: 185deg, 38.4%, 31.2%;\n --dh-color-cyan-600-hsl: 186deg, 38%, 36.7%;\n --dh-color-cyan-700-hsl: 185deg, 37.7%, 42.2%;\n --dh-color-cyan-800-hsl: 185deg, 37.1%, 48%;\n --dh-color-cyan-900-hsl: 185deg, 42.5%, 54.3%;\n --dh-color-cyan-1000-hsl: 185deg, 52.5%, 60.4%;\n --dh-color-cyan-1100-hsl: 186deg, 64.5%, 66.9%;\n --dh-color-cyan-1200-hsl: 186deg, 78.9%, 73.9%;\n --dh-color-cyan-1300-hsl: 186deg, 91.6%, 81.4%;\n --dh-color-cyan-1400-hsl: 186deg, 100%, 89.6%;\n\n /* Indigo HSL components */\n --dh-color-indigo-100-hsl: 237deg, 58.1%, 24.3%;\n --dh-color-indigo-200-hsl: 236deg, 51.9%, 30.2%;\n --dh-color-indigo-300-hsl: 236deg, 46.8%, 36.9%;\n --dh-color-indigo-400-hsl: 235deg, 42.6%, 43.7%;\n --dh-color-indigo-500-hsl: 235deg, 40.2%, 50.8%;\n --dh-color-indigo-600-hsl: 235deg, 48.8%, 57.8%;\n --dh-color-indigo-700-hsl: 234deg, 59.8%, 64.9%;\n --dh-color-indigo-800-hsl: 234deg, 74.8%, 72%;\n --dh-color-indigo-900-hsl: 234deg, 91%, 78.2%;\n --dh-color-indigo-1000-hsl: 234deg, 100%, 83.3%;\n --dh-color-indigo-1100-hsl: 234deg, 100%, 87.3%;\n --dh-color-indigo-1200-hsl: 235deg, 100%, 91.2%;\n --dh-color-indigo-1300-hsl: 232deg, 100%, 94.1%;\n --dh-color-indigo-1400-hsl: 236deg, 100%, 96.9%;\n\n /* Purple HSL components */\n --dh-color-purple-100-hsl: 263deg, 73.1%, 23.3%;\n --dh-color-purple-200-hsl: 260deg, 59.2%, 29.8%;\n --dh-color-purple-300-hsl: 258deg, 49.7%, 36.7%;\n --dh-color-purple-400-hsl: 257deg, 43.2%, 43.5%;\n --dh-color-purple-500-hsl: 255deg, 38.3%, 50.4%;\n --dh-color-purple-600-hsl: 254deg, 45%, 57.3%;\n --dh-color-purple-700-hsl: 253deg, 53.8%, 64.3%;\n --dh-color-purple-800-hsl: 251deg, 64.4%, 71.4%;\n --dh-color-purple-900-hsl: 250deg, 78.8%, 77.8%;\n --dh-color-purple-1000-hsl: 249deg, 90.6%, 83.3%;\n --dh-color-purple-1100-hsl: 249deg, 96.8%, 87.6%;\n --dh-color-purple-1200-hsl: 250deg, 100%, 91.4%;\n --dh-color-purple-1300-hsl: 251deg, 100%, 94.5%;\n --dh-color-purple-1400-hsl: 260deg, 88.2%, 96.7%;\n\n /* Fuchsia HSL components */\n --dh-color-fuchsia-100-hsl: 301deg, 64.3%, 16.5%;\n --dh-color-fuchsia-200-hsl: 300deg, 53.2%, 21.8%;\n --dh-color-fuchsia-300-hsl: 297deg, 43.8%, 28.6%;\n --dh-color-fuchsia-400-hsl: 294deg, 39.2%, 35.5%;\n --dh-color-fuchsia-500-hsl: 291deg, 35.2%, 42.9%;\n --dh-color-fuchsia-600-hsl: 287deg, 32.5%, 50.6%;\n --dh-color-fuchsia-700-hsl: 283deg, 39.6%, 58.4%;\n --dh-color-fuchsia-800-hsl: 279deg, 50%, 66.3%;\n --dh-color-fuchsia-900-hsl: 277deg, 61.5%, 73.5%;\n --dh-color-fuchsia-1000-hsl: 275deg, 70.9%, 79.8%;\n --dh-color-fuchsia-1100-hsl: 275deg, 76.3%, 85.1%;\n --dh-color-fuchsia-1200-hsl: 277deg, 77.8%, 89.4%;\n --dh-color-fuchsia-1300-hsl: 280deg, 77.1%, 93.1%;\n --dh-color-fuchsia-1400-hsl: 288deg, 71.4%, 95.9%;\n\n /* Magenta HSL components */\n --dh-color-magenta-100-hsl: 333deg, 90.7%, 16.9%;\n --dh-color-magenta-200-hsl: 334deg, 72.4%, 22.7%;\n --dh-color-magenta-300-hsl: 334deg, 60.3%, 29.6%;\n --dh-color-magenta-400-hsl: 334deg, 51.6%, 36.5%;\n --dh-color-magenta-500-hsl: 333deg, 45.7%, 43.3%;\n --dh-color-magenta-600-hsl: 332deg, 41.5%, 50.4%;\n --dh-color-magenta-700-hsl: 330deg, 50.7%, 57.8%;\n --dh-color-magenta-800-hsl: 329deg, 60.7%, 65.1%;\n --dh-color-magenta-900-hsl: 329deg, 75.9%, 72.4%;\n --dh-color-magenta-1000-hsl: 328deg, 92.5%, 79.2%;\n --dh-color-magenta-1100-hsl: 327deg, 100%, 84.7%;\n --dh-color-magenta-1200-hsl: 327deg, 100%, 89.4%;\n --dh-color-magenta-1300-hsl: 326deg, 100%, 93.3%;\n --dh-color-magenta-1400-hsl: 328deg, 100%, 96.3%;\n\n /* Grays */\n --dh-color-gray-50: hsl(var(--dh-color-gray-50-hsl));\n --dh-color-gray-75: hsl(var(--dh-color-gray-75-hsl));\n --dh-color-gray-100: hsl(var(--dh-color-gray-100-hsl));\n --dh-color-gray-200: hsl(var(--dh-color-gray-200-hsl));\n --dh-color-gray-300: hsl(var(--dh-color-gray-300-hsl));\n --dh-color-gray-400: hsl(var(--dh-color-gray-400-hsl));\n --dh-color-gray-500: hsl(var(--dh-color-gray-500-hsl));\n --dh-color-gray-600: hsl(var(--dh-color-gray-600-hsl));\n --dh-color-gray-700: hsl(var(--dh-color-gray-700-hsl));\n --dh-color-gray-800: hsl(var(--dh-color-gray-800-hsl));\n --dh-color-gray-900: hsl(var(--dh-color-gray-900-hsl));\n\n --dh-color-gray-light: hsl(var(--dh-color-gray-light-hsl));\n --dh-color-gray-mid: hsl(var(--dh-color-gray-mid-hsl));\n --dh-color-gray-dark: hsl(var(--dh-color-gray-dark-hsl));\n\n /** Black & White */\n --dh-color-black: hsl(var(--dh-color-black-hsl));\n --dh-color-white: hsl(var(--dh-color-white-hsl));\n\n /* Blue */\n --dh-color-blue-100: hsl(var(--dh-color-blue-100-hsl));\n --dh-color-blue-200: hsl(var(--dh-color-blue-200-hsl));\n --dh-color-blue-300: hsl(var(--dh-color-blue-300-hsl));\n --dh-color-blue-400: hsl(var(--dh-color-blue-400-hsl));\n --dh-color-blue-500: hsl(var(--dh-color-blue-500-hsl));\n --dh-color-blue-600: hsl(var(--dh-color-blue-600-hsl));\n --dh-color-blue-700: hsl(var(--dh-color-blue-700-hsl));\n --dh-color-blue-800: hsl(var(--dh-color-blue-800-hsl));\n --dh-color-blue-900: hsl(var(--dh-color-blue-900-hsl));\n --dh-color-blue-1000: hsl(var(--dh-color-blue-1000-hsl));\n --dh-color-blue-1100: hsl(var(--dh-color-blue-1100-hsl));\n --dh-color-blue-1200: hsl(var(--dh-color-blue-1200-hsl));\n --dh-color-blue-1300: hsl(var(--dh-color-blue-1300-hsl));\n --dh-color-blue-1400: hsl(var(--dh-color-blue-1400-hsl));\n\n /* Red */\n --dh-color-red-100: hsl(var(--dh-color-red-100-hsl));\n --dh-color-red-200: hsl(var(--dh-color-red-200-hsl));\n --dh-color-red-300: hsl(var(--dh-color-red-300-hsl));\n --dh-color-red-400: hsl(var(--dh-color-red-400-hsl));\n --dh-color-red-500: hsl(var(--dh-color-red-500-hsl));\n --dh-color-red-600: hsl(var(--dh-color-red-600-hsl));\n --dh-color-red-700: hsl(var(--dh-color-red-700-hsl));\n --dh-color-red-800: hsl(var(--dh-color-red-800-hsl));\n --dh-color-red-900: hsl(var(--dh-color-red-900-hsl));\n --dh-color-red-1000: hsl(var(--dh-color-red-1000-hsl));\n --dh-color-red-1100: hsl(var(--dh-color-red-1100-hsl));\n --dh-color-red-1200: hsl(var(--dh-color-red-1200-hsl));\n --dh-color-red-1300: hsl(var(--dh-color-red-1300-hsl));\n --dh-color-red-1400: hsl(var(--dh-color-red-1400-hsl));\n\n /* Orange */\n --dh-color-orange-100: hsl(var(--dh-color-orange-100-hsl));\n --dh-color-orange-200: hsl(var(--dh-color-orange-200-hsl));\n --dh-color-orange-300: hsl(var(--dh-color-orange-300-hsl));\n --dh-color-orange-400: hsl(var(--dh-color-orange-400-hsl));\n --dh-color-orange-500: hsl(var(--dh-color-orange-500-hsl));\n --dh-color-orange-600: hsl(var(--dh-color-orange-600-hsl));\n --dh-color-orange-700: hsl(var(--dh-color-orange-700-hsl));\n --dh-color-orange-800: hsl(var(--dh-color-orange-800-hsl));\n --dh-color-orange-900: hsl(var(--dh-color-orange-900-hsl));\n --dh-color-orange-1000: hsl(var(--dh-color-orange-1000-hsl));\n --dh-color-orange-1100: hsl(var(--dh-color-orange-1100-hsl));\n --dh-color-orange-1200: hsl(var(--dh-color-orange-1200-hsl));\n --dh-color-orange-1300: hsl(var(--dh-color-orange-1300-hsl));\n --dh-color-orange-1400: hsl(var(--dh-color-orange-1400-hsl));\n\n /* Yellow */\n --dh-color-yellow-100: hsl(var(--dh-color-yellow-100-hsl));\n --dh-color-yellow-200: hsl(var(--dh-color-yellow-200-hsl));\n --dh-color-yellow-300: hsl(var(--dh-color-yellow-300-hsl));\n --dh-color-yellow-400: hsl(var(--dh-color-yellow-400-hsl));\n --dh-color-yellow-500: hsl(var(--dh-color-yellow-500-hsl));\n --dh-color-yellow-600: hsl(var(--dh-color-yellow-600-hsl));\n --dh-color-yellow-700: hsl(var(--dh-color-yellow-700-hsl));\n --dh-color-yellow-800: hsl(var(--dh-color-yellow-800-hsl));\n --dh-color-yellow-900: hsl(var(--dh-color-yellow-900-hsl));\n --dh-color-yellow-1000: hsl(var(--dh-color-yellow-1000-hsl));\n --dh-color-yellow-1100: hsl(var(--dh-color-yellow-1100-hsl));\n --dh-color-yellow-1200: hsl(var(--dh-color-yellow-1200-hsl));\n --dh-color-yellow-1300: hsl(var(--dh-color-yellow-1300-hsl));\n --dh-color-yellow-1400: hsl(var(--dh-color-yellow-1400-hsl));\n\n /* Chartreuse */\n --dh-color-chartreuse-100: hsl(var(--dh-color-chartreuse-100-hsl));\n --dh-color-chartreuse-200: hsl(var(--dh-color-chartreuse-200-hsl));\n --dh-color-chartreuse-300: hsl(var(--dh-color-chartreuse-300-hsl));\n --dh-color-chartreuse-400: hsl(var(--dh-color-chartreuse-400-hsl));\n --dh-color-chartreuse-500: hsl(var(--dh-color-chartreuse-500-hsl));\n --dh-color-chartreuse-600: hsl(var(--dh-color-chartreuse-600-hsl));\n --dh-color-chartreuse-700: hsl(var(--dh-color-chartreuse-700-hsl));\n --dh-color-chartreuse-800: hsl(var(--dh-color-chartreuse-800-hsl));\n --dh-color-chartreuse-900: hsl(var(--dh-color-chartreuse-900-hsl));\n --dh-color-chartreuse-1000: hsl(var(--dh-color-chartreuse-1000-hsl));\n --dh-color-chartreuse-1100: hsl(var(--dh-color-chartreuse-1100-hsl));\n --dh-color-chartreuse-1200: hsl(var(--dh-color-chartreuse-1200-hsl));\n --dh-color-chartreuse-1300: hsl(var(--dh-color-chartreuse-1300-hsl));\n --dh-color-chartreuse-1400: hsl(var(--dh-color-chartreuse-1400-hsl));\n\n /* Celery */\n --dh-color-celery-100: hsl(var(--dh-color-celery-100-hsl));\n --dh-color-celery-200: hsl(var(--dh-color-celery-200-hsl));\n --dh-color-celery-300: hsl(var(--dh-color-celery-300-hsl));\n --dh-color-celery-400: hsl(var(--dh-color-celery-400-hsl));\n --dh-color-celery-500: hsl(var(--dh-color-celery-500-hsl));\n --dh-color-celery-600: hsl(var(--dh-color-celery-600-hsl));\n --dh-color-celery-700: hsl(var(--dh-color-celery-700-hsl));\n --dh-color-celery-800: hsl(var(--dh-color-celery-800-hsl));\n --dh-color-celery-900: hsl(var(--dh-color-celery-900-hsl));\n --dh-color-celery-1000: hsl(var(--dh-color-celery-1000-hsl));\n --dh-color-celery-1100: hsl(var(--dh-color-celery-1100-hsl));\n --dh-color-celery-1200: hsl(var(--dh-color-celery-1200-hsl));\n --dh-color-celery-1300: hsl(var(--dh-color-celery-1300-hsl));\n --dh-color-celery-1400: hsl(var(--dh-color-celery-1400-hsl));\n\n /* Green */\n --dh-color-green-100: hsl(var(--dh-color-green-100-hsl));\n --dh-color-green-200: hsl(var(--dh-color-green-200-hsl));\n --dh-color-green-300: hsl(var(--dh-color-green-300-hsl));\n --dh-color-green-400: hsl(var(--dh-color-green-400-hsl));\n --dh-color-green-500: hsl(var(--dh-color-green-500-hsl));\n --dh-color-green-600: hsl(var(--dh-color-green-600-hsl));\n --dh-color-green-700: hsl(var(--dh-color-green-700-hsl));\n --dh-color-green-800: hsl(var(--dh-color-green-800-hsl));\n --dh-color-green-900: hsl(var(--dh-color-green-900-hsl));\n --dh-color-green-1000: hsl(var(--dh-color-green-1000-hsl));\n --dh-color-green-1100: hsl(var(--dh-color-green-1100-hsl));\n --dh-color-green-1200: hsl(var(--dh-color-green-1200-hsl));\n --dh-color-green-1300: hsl(var(--dh-color-green-1300-hsl));\n --dh-color-green-1400: hsl(var(--dh-color-green-1400-hsl));\n\n /* Seafoam */\n --dh-color-seafoam-100: hsl(var(--dh-color-seafoam-100-hsl));\n --dh-color-seafoam-200: hsl(var(--dh-color-seafoam-200-hsl));\n --dh-color-seafoam-300: hsl(var(--dh-color-seafoam-300-hsl));\n --dh-color-seafoam-400: hsl(var(--dh-color-seafoam-400-hsl));\n --dh-color-seafoam-500: hsl(var(--dh-color-seafoam-500-hsl));\n --dh-color-seafoam-600: hsl(var(--dh-color-seafoam-600-hsl));\n --dh-color-seafoam-700: hsl(var(--dh-color-seafoam-700-hsl));\n --dh-color-seafoam-800: hsl(var(--dh-color-seafoam-800-hsl));\n --dh-color-seafoam-900: hsl(var(--dh-color-seafoam-900-hsl));\n --dh-color-seafoam-1000: hsl(var(--dh-color-seafoam-1000-hsl));\n --dh-color-seafoam-1100: hsl(var(--dh-color-seafoam-1100-hsl));\n --dh-color-seafoam-1200: hsl(var(--dh-color-seafoam-1200-hsl));\n --dh-color-seafoam-1300: hsl(var(--dh-color-seafoam-1300-hsl));\n --dh-color-seafoam-1400: hsl(var(--dh-color-seafoam-1400-hsl));\n\n /* Cyan */\n --dh-color-cyan-100: hsl(var(--dh-color-cyan-100-hsl));\n --dh-color-cyan-200: hsl(var(--dh-color-cyan-200-hsl));\n --dh-color-cyan-300: hsl(var(--dh-color-cyan-300-hsl));\n --dh-color-cyan-400: hsl(var(--dh-color-cyan-400-hsl));\n --dh-color-cyan-500: hsl(var(--dh-color-cyan-500-hsl));\n --dh-color-cyan-600: hsl(var(--dh-color-cyan-600-hsl));\n --dh-color-cyan-700: hsl(var(--dh-color-cyan-700-hsl));\n --dh-color-cyan-800: hsl(var(--dh-color-cyan-800-hsl));\n --dh-color-cyan-900: hsl(var(--dh-color-cyan-900-hsl));\n --dh-color-cyan-1000: hsl(var(--dh-color-cyan-1000-hsl));\n --dh-color-cyan-1100: hsl(var(--dh-color-cyan-1100-hsl));\n --dh-color-cyan-1200: hsl(var(--dh-color-cyan-1200-hsl));\n --dh-color-cyan-1300: hsl(var(--dh-color-cyan-1300-hsl));\n --dh-color-cyan-1400: hsl(var(--dh-color-cyan-1400-hsl));\n\n /* Indigo */\n --dh-color-indigo-100: hsl(var(--dh-color-indigo-100-hsl));\n --dh-color-indigo-200: hsl(var(--dh-color-indigo-200-hsl));\n --dh-color-indigo-300: hsl(var(--dh-color-indigo-300-hsl));\n --dh-color-indigo-400: hsl(var(--dh-color-indigo-400-hsl));\n --dh-color-indigo-500: hsl(var(--dh-color-indigo-500-hsl));\n --dh-color-indigo-600: hsl(var(--dh-color-indigo-600-hsl));\n --dh-color-indigo-700: hsl(var(--dh-color-indigo-700-hsl));\n --dh-color-indigo-800: hsl(var(--dh-color-indigo-800-hsl));\n --dh-color-indigo-900: hsl(var(--dh-color-indigo-900-hsl));\n --dh-color-indigo-1000: hsl(var(--dh-color-indigo-1000-hsl));\n --dh-color-indigo-1100: hsl(var(--dh-color-indigo-1100-hsl));\n --dh-color-indigo-1200: hsl(var(--dh-color-indigo-1200-hsl));\n --dh-color-indigo-1300: hsl(var(--dh-color-indigo-1300-hsl));\n --dh-color-indigo-1400: hsl(var(--dh-color-indigo-1400-hsl));\n\n /* Purple */\n --dh-color-purple-100: hsl(var(--dh-color-purple-100-hsl));\n --dh-color-purple-200: hsl(var(--dh-color-purple-200-hsl));\n --dh-color-purple-300: hsl(var(--dh-color-purple-300-hsl));\n --dh-color-purple-400: hsl(var(--dh-color-purple-400-hsl));\n --dh-color-purple-500: hsl(var(--dh-color-purple-500-hsl));\n --dh-color-purple-600: hsl(var(--dh-color-purple-600-hsl));\n --dh-color-purple-700: hsl(var(--dh-color-purple-700-hsl));\n --dh-color-purple-800: hsl(var(--dh-color-purple-800-hsl));\n --dh-color-purple-900: hsl(var(--dh-color-purple-900-hsl));\n --dh-color-purple-1000: hsl(var(--dh-color-purple-1000-hsl));\n --dh-color-purple-1100: hsl(var(--dh-color-purple-1100-hsl));\n --dh-color-purple-1200: hsl(var(--dh-color-purple-1200-hsl));\n --dh-color-purple-1300: hsl(var(--dh-color-purple-1300-hsl));\n --dh-color-purple-1400: hsl(var(--dh-color-purple-1400-hsl));\n\n /* Fuchsia */\n --dh-color-fuchsia-100: hsl(var(--dh-color-fuchsia-100-hsl));\n --dh-color-fuchsia-200: hsl(var(--dh-color-fuchsia-200-hsl));\n --dh-color-fuchsia-300: hsl(var(--dh-color-fuchsia-300-hsl));\n --dh-color-fuchsia-400: hsl(var(--dh-color-fuchsia-400-hsl));\n --dh-color-fuchsia-500: hsl(var(--dh-color-fuchsia-500-hsl));\n --dh-color-fuchsia-600: hsl(var(--dh-color-fuchsia-600-hsl));\n --dh-color-fuchsia-700: hsl(var(--dh-color-fuchsia-700-hsl));\n --dh-color-fuchsia-800: hsl(var(--dh-color-fuchsia-800-hsl));\n --dh-color-fuchsia-900: hsl(var(--dh-color-fuchsia-900-hsl));\n --dh-color-fuchsia-1000: hsl(var(--dh-color-fuchsia-1000-hsl));\n --dh-color-fuchsia-1100: hsl(var(--dh-color-fuchsia-1100-hsl));\n --dh-color-fuchsia-1200: hsl(var(--dh-color-fuchsia-1200-hsl));\n --dh-color-fuchsia-1300: hsl(var(--dh-color-fuchsia-1300-hsl));\n --dh-color-fuchsia-1400: hsl(var(--dh-color-fuchsia-1400-hsl));\n\n /* Magenta */\n --dh-color-magenta-100: hsl(var(--dh-color-magenta-100-hsl));\n --dh-color-magenta-200: hsl(var(--dh-color-magenta-200-hsl));\n --dh-color-magenta-300: hsl(var(--dh-color-magenta-300-hsl));\n --dh-color-magenta-400: hsl(var(--dh-color-magenta-400-hsl));\n --dh-color-magenta-500: hsl(var(--dh-color-magenta-500-hsl));\n --dh-color-magenta-600: hsl(var(--dh-color-magenta-600-hsl));\n --dh-color-magenta-700: hsl(var(--dh-color-magenta-700-hsl));\n --dh-color-magenta-800: hsl(var(--dh-color-magenta-800-hsl));\n --dh-color-magenta-900: hsl(var(--dh-color-magenta-900-hsl));\n --dh-color-magenta-1000: hsl(var(--dh-color-magenta-1000-hsl));\n --dh-color-magenta-1100: hsl(var(--dh-color-magenta-1100-hsl));\n --dh-color-magenta-1200: hsl(var(--dh-color-magenta-1200-hsl));\n --dh-color-magenta-1300: hsl(var(--dh-color-magenta-1300-hsl));\n --dh-color-magenta-1400: hsl(var(--dh-color-magenta-1400-hsl));\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--dh-color-chart-bg: var(--dh-color-content-
|
|
1
|
+
:root{--dh-color-chart-bg: var(--dh-color-content-bg);--dh-color-chart-plot-bg: var(--dh-color-gray-200);--dh-color-chart-title: var(--dh-color-white);--dh-color-chart-colorway: var(--dh-color-visual-cyan) var(--dh-color-visual-green) var(--dh-color-visual-yellow) var(--dh-color-visual-purple) var(--dh-color-visual-orange) var(--dh-color-visual-red) var(--dh-color-visual-chartreuse) var(--dh-color-visual-fuchsia) var(--dh-color-visual-seafoam) var(--dh-color-visual-magenta) var(--dh-color-white);--dh-color-chart-grid: var(--dh-color-gray-400);--dh-color-chart-axis-line: var(--dh-color-gray-500);--dh-color-chart-axis-line-zero: var(--dh-color-gray-700);--dh-color-chart-active: var(--dh-color-accent-600);--dh-color-chart-range-bg: hsla(var(--dh-color-gray-500-hsl) 0.7);--dh-color-chart-area: var(--dh-color-visual-blue);--dh-color-chart-trend: var(--dh-color-green-1200);--dh-color-chart-error-band-line: var(--dh-color-green-1400);--dh-color-chart-error-band-fill: hsla(var(--dh-color-green-1200-hsl), 0.1);--dh-color-chart-ohlc-increase: var(--dh-color-visual-green);--dh-color-chart-ohlc-decrease: var(--dh-color-visual-red);--dh-color-chart-line-deprecated: var(--dh-color-visual-green);--dh-color-plotly-axis-text: var(--dh-color-gray-500);--dh-color-plotly-zoombox: hsla(var(--dh-color-true-black-hsl), 0.5);--dh-color-plotly-zoombox-corners-fill: var(--dh-color-white);--dh-color-plotly-zoombox-corners-stroke: var(--dh-color-gray-75);--dh-color-plotly-modebar-btn-active: var(--dh-color-true-white-hsl, 0.7);--dh-color-plotly-modebar-btn-warning: var(--dh-color-visual-orange);--dh-color-plotly-notifier-note-bg: var(--dh-color-gray-500)}/*# sourceMappingURL=theme-dark-semantic-chart.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-chart.css"],"names":[],"mappings":"AAEA,MACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-chart.css"],"names":[],"mappings":"AAEA,MACE,gDACA,mDACA,8CAGA,8VAMA,gDACA,qDACA,0DACA,oDAEA,kEACA,mDACA,mDAGA,6DACA,4EAGA,6DACA,2DAOA,+DAEA,sDACA,qEACA,8DACA,kEAEA,0EACA,qEACA","file":"theme-dark-semantic-chart.css","sourcesContent":["/* stylelint-disable alpha-value-notation */\n/* stylelint-disable custom-property-empty-line-before */\n:root {\n --dh-color-chart-bg: var(--dh-color-content-bg);\n --dh-color-chart-plot-bg: var(--dh-color-gray-200);\n --dh-color-chart-title: var(--dh-color-white);\n\n /* Colorway */\n --dh-color-chart-colorway: var(--dh-color-visual-cyan)\n var(--dh-color-visual-green) var(--dh-color-visual-yellow)\n var(--dh-color-visual-purple) var(--dh-color-visual-orange)\n var(--dh-color-visual-red) var(--dh-color-visual-chartreuse)\n var(--dh-color-visual-fuchsia) var(--dh-color-visual-seafoam)\n var(--dh-color-visual-magenta) var(--dh-color-white);\n --dh-color-chart-grid: var(--dh-color-gray-400);\n --dh-color-chart-axis-line: var(--dh-color-gray-500);\n --dh-color-chart-axis-line-zero: var(--dh-color-gray-700);\n --dh-color-chart-active: var(--dh-color-accent-600);\n\n --dh-color-chart-range-bg: hsla(var(--dh-color-gray-500-hsl) 0.7);\n --dh-color-chart-area: var(--dh-color-visual-blue);\n --dh-color-chart-trend: var(--dh-color-green-1200);\n\n /* Error band */\n --dh-color-chart-error-band-line: var(--dh-color-green-1400);\n --dh-color-chart-error-band-fill: hsla(var(--dh-color-green-1200-hsl), 0.1);\n\n /* OHLC */\n --dh-color-chart-ohlc-increase: var(--dh-color-visual-green);\n --dh-color-chart-ohlc-decrease: var(--dh-color-visual-red);\n\n /* \n * This color shows up in the styleguide, but it doesn't seem to be consumed\n * in production code. There has been discussion about it not being needed \n * anymore. \n */\n --dh-color-chart-line-deprecated: var(--dh-color-visual-green);\n\n --dh-color-plotly-axis-text: var(--dh-color-gray-500);\n --dh-color-plotly-zoombox: hsla(var(--dh-color-true-black-hsl), 0.5);\n --dh-color-plotly-zoombox-corners-fill: var(--dh-color-white);\n --dh-color-plotly-zoombox-corners-stroke: var(--dh-color-gray-75);\n\n --dh-color-plotly-modebar-btn-active: var(--dh-color-true-white-hsl, 0.7);\n --dh-color-plotly-modebar-btn-warning: var(--dh-color-visual-orange);\n --dh-color-plotly-notifier-note-bg: var(--dh-color-gray-500);\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--dh-color-editor-bg: var(--dh-color-content-
|
|
1
|
+
:root{--dh-color-editor-bg: var(--dh-color-content-bg);--dh-color-editor-fg: var(--dh-color-gray-900);--dh-color-editor-error-fg: var(--dh-color-visual-red);--dh-color-editor-line-number-fg: var(--dh-color-gray-700);--dh-color-editor-line-highlight-bg: var(--dh-color-gray-200);--dh-color-editor-selection-bg: var(--dh-color-text-highlight);--dh-color-editor-comment: var(--dh-color-gray-700);--dh-color-editor-delimiter: var(--dh-color-gray-700);--dh-color-editor-identifier-js: var(--dh-color-visual-yellow);--dh-color-editor-identifier-namespace: var(--dh-color-visual-red);--dh-color-editor-identifier: var(--dh-color-gray-900);--dh-color-editor-keyword: var(--dh-color-visual-cyan);--dh-color-editor-number: var(--dh-color-visual-purple);--dh-color-editor-operator: var(--dh-color-visual-red);--dh-color-editor-predefined: var(--dh-color-visual-green);--dh-color-editor-storage: var(--dh-color-visual-red);--dh-color-editor-string-delim: var(--dh-color-gray-700);--dh-color-editor-string: var(--dh-color-visual-yellow);--dh-color-editor-focus-border: var(--dh-color-focus-border);--dh-color-editor-input-option-active-border: var(--dh-color-focus-ring);--dh-color-editor-input-bg: var(--dh-color-bg);--dh-color-editor-input-fg: var(--dh-color-text);--dh-color-editor-input-border: var(--dh-color-border);--dh-color-editor-context-menu-bg: var(--dh-color-gray-300);--dh-color-editor-context-menu-fg: var(--dh-color-gray-900);--dh-color-editor-menu-selection-bg: var(--dh-color-highlight-hover);--dh-color-editor-log-date: var(--dh-color-gray-700);--dh-color-editor-log-error: var(--dh-color-visual-red);--dh-color-editor-log-info: var(--dh-color-visual-cyan);--dh-color-editor-log-stdout: var(--dh-color-gray-900);--dh-color-editor-log-warn: var(--dh-color-visual-yellow);--dh-color-editor-log-debug: var(--dh-color-visual-purple);--dh-color-editor-log-trace: var(--dh-color-visual-green);--dh-color-editor-find-bg: var(--dh-color-gray-200);--dh-color-editor-find-match-bg: var(--dh-color-highlight-selected);--dh-color-editor-find-match-highlight-bg: var( --dh-color-highlight-selected-hover );--dh-color-editor-find-option-active-bg: var(--dh-color-accent-700);--dh-color-editor-find-option-active-fg: var(--dh-color-gray-900);--dh-color-editor-suggest-bg: var(--dh-color-gray-200);--dh-color-editor-suggest-border: var(--dh-color-gray-400);--dh-color-editor-suggest-fg: var(--dh-color-white);--dh-color-editor-suggest-selected-bg: var(--dh-color-highlight-selected);--dh-color-editor-suggest-selected-fg: var(--dh-color-white);--dh-color-editor-suggest-highlight-fg: var(--dh-color-accent-700);--dh-color-editor-suggest-focus-highlight-fg: var(--dh-color-accent-700);--dh-color-editor-suggest-hover-bg: var(--dh-color-highlight-hover);--dh-color-editor-link-foreground: var(--dh-color-accent-1000);--dh-color-editor-link-active-fg: var(--dh-color-accent-1100)}/*# sourceMappingURL=theme-dark-semantic-editor.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-editor.css"],"names":[],"mappings":"AAAA,MAEE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-editor.css"],"names":[],"mappings":"AAAA,MAEE,iDACA,+CACA,uDACA,2DACA,8DACA,+DAGA,oDACA,sDACA,+DACA,mEACA,uDACA,uDACA,wDACA,uDACA,2DACA,sDACA,yDACA,wDAGA,6DACA,yEACA,+CACA,iDACA,uDAGA,4DACA,4DACA,qEAGA,qDACA,wDACA,wDACA,uDACA,0DACA,2DACA,0DAGA,oDACA,oEACA,sFAGA,oEACA,kEAGA,uDACA,2DACA,oDACA,0EACA,6DACA,mEACA,yEACA,oEAGA,+DACA","file":"theme-dark-semantic-editor.css","sourcesContent":[":root {\n /* Editor */\n --dh-color-editor-bg: var(--dh-color-content-bg);\n --dh-color-editor-fg: var(--dh-color-gray-900);\n --dh-color-editor-error-fg: var(--dh-color-visual-red);\n --dh-color-editor-line-number-fg: var(--dh-color-gray-700);\n --dh-color-editor-line-highlight-bg: var(--dh-color-gray-200);\n --dh-color-editor-selection-bg: var(--dh-color-text-highlight);\n\n /* Code rules */\n --dh-color-editor-comment: var(--dh-color-gray-700);\n --dh-color-editor-delimiter: var(--dh-color-gray-700);\n --dh-color-editor-identifier-js: var(--dh-color-visual-yellow);\n --dh-color-editor-identifier-namespace: var(--dh-color-visual-red);\n --dh-color-editor-identifier: var(--dh-color-gray-900);\n --dh-color-editor-keyword: var(--dh-color-visual-cyan);\n --dh-color-editor-number: var(--dh-color-visual-purple);\n --dh-color-editor-operator: var(--dh-color-visual-red);\n --dh-color-editor-predefined: var(--dh-color-visual-green);\n --dh-color-editor-storage: var(--dh-color-visual-red);\n --dh-color-editor-string-delim: var(--dh-color-gray-700);\n --dh-color-editor-string: var(--dh-color-visual-yellow);\n\n /* Input */\n --dh-color-editor-focus-border: var(--dh-color-focus-border);\n --dh-color-editor-input-option-active-border: var(--dh-color-focus-ring);\n --dh-color-editor-input-bg: var(--dh-color-bg);\n --dh-color-editor-input-fg: var(--dh-color-text);\n --dh-color-editor-input-border: var(--dh-color-border);\n\n /* Menus */\n --dh-color-editor-context-menu-bg: var(--dh-color-gray-300);\n --dh-color-editor-context-menu-fg: var(--dh-color-gray-900);\n --dh-color-editor-menu-selection-bg: var(--dh-color-highlight-hover);\n\n /* Logging */\n --dh-color-editor-log-date: var(--dh-color-gray-700);\n --dh-color-editor-log-error: var(--dh-color-visual-red);\n --dh-color-editor-log-info: var(--dh-color-visual-cyan);\n --dh-color-editor-log-stdout: var(--dh-color-gray-900);\n --dh-color-editor-log-warn: var(--dh-color-visual-yellow);\n --dh-color-editor-log-debug: var(--dh-color-visual-purple);\n --dh-color-editor-log-trace: var(--dh-color-visual-green);\n\n /* Find */\n --dh-color-editor-find-bg: var(--dh-color-gray-200);\n --dh-color-editor-find-match-bg: var(--dh-color-highlight-selected);\n --dh-color-editor-find-match-highlight-bg: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-editor-find-option-active-bg: var(--dh-color-accent-700);\n --dh-color-editor-find-option-active-fg: var(--dh-color-gray-900);\n\n /* Suggest */\n --dh-color-editor-suggest-bg: var(--dh-color-gray-200);\n --dh-color-editor-suggest-border: var(--dh-color-gray-400);\n --dh-color-editor-suggest-fg: var(--dh-color-white);\n --dh-color-editor-suggest-selected-bg: var(--dh-color-highlight-selected);\n --dh-color-editor-suggest-selected-fg: var(--dh-color-white);\n --dh-color-editor-suggest-highlight-fg: var(--dh-color-accent-700);\n --dh-color-editor-suggest-focus-highlight-fg: var(--dh-color-accent-700);\n --dh-color-editor-suggest-hover-bg: var(--dh-color-highlight-hover);\n\n /* Links */\n --dh-color-editor-link-foreground: var(--dh-color-accent-1000);\n --dh-color-editor-link-active-fg: var(--dh-color-accent-1100);\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--dh-color-grid-bg: var(--dh-color-
|
|
1
|
+
:root{--dh-color-grid-bg: var(--dh-color-bg);--dh-color-grid-header-bg: var(--dh-color-gray-100);--dh-color-grid-header-text: var(--dh-color-heading-text);--dh-color-grid-header-separator: var(--dh-color-gray-50);--dh-color-grid-header-separator-hover: var(--dh-color-gray-600);--dh-color-grid-header-separator-hidden-hover: var(--dh-color-accent-700);--dh-color-grid-header-sort-bar: var(--dh-color-visual-purple);--dh-color-grid-header-reverse-bar: var(--dh-color-visual-green);--dh-color-grid-header-bar-casing: var(--dh-color-gray-50);--dh-color-grid-row-0-bg: var(--dh-color-gray-300);--dh-color-grid-row-1-bg: var(--dh-color-gray-100);--dh-color-grid-row-hover-bg: var(--dh-color-gray-400);--dh-color-grid-row-hover-bg-selected: var( --dh-color-highlight-selected-hover );--dh-color-grid-selection: var(--dh-color-highlight-selected);--dh-color-grid-selection-outline: var(--dh-color-accent-900);--dh-color-grid-selection-outline-casing: var(--dh-color-gray-50);--dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);--dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);--dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);--dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);--dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);--dh-color-grid-scroll-bar: var(--dh-color-gray-500);--dh-color-grid-scroll-bar-hover: var(--dh-color-gray-600);--dh-color-grid-scroll-bar-active: var(--dh-color-gray-700);--dh-color-grid-text: var(--dh-color-text);--dh-color-grid-text-hyperlink: var(--dh-color-accent-1000);--dh-color-grid-text-pending: var(--dh-color-yellow-1300);--dh-color-grid-text-error: var(--dh-color-visual-negative);--dh-color-grid-date: var(--dh-color-visual-notice);--dh-color-grid-number-positive: var(--dh-color-visual-positive);--dh-color-grid-number-negative: var(--dh-color-visual-negative);--dh-color-grid-number-zero: var(--dh-color-visual-notice);--dh-color-grid-string-null: var(--dh-color-gray-600);--dh-color-grid-filter-bar-active-bg: hsla( var(--dh-color-accent-700-hsl), 0.5 );--dh-color-grid-filter-bar-active: var(--dh-color-accent-600);--dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-200);--dh-color-grid-filter-bar-expanded-active-bg: hsla( var(--dh-color-accent-1000-hsl), 0.19 );--dh-color-grid-filter-bar-expanded-active-cell-bg: hsla( var(--dh-color-accent-700-hsl), 0.32 );--dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);--dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);--dh-color-grid-filter-icon: var(--dh-color-accent-600);--dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);--dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);--dh-color-grid-column-linker-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);--dh-color-grid-tree-line: var(--dh-color-gray-500);--dh-color-grid-tree-marker: var(--dh-color-gray-700);--dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);--dh-color-grid-floating-row: var(--dh-color-gray-300);--dh-color-grid-floating-row-bg: var(--dh-color-gray-200);--dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);--dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);--dh-color-grid-overflow-button: var(--dh-color-gray-700);--dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);--dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);--dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);--dh-color-grid-data-bar-marker: var(--dh-color-white);--dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);--dh-color-grid-scrim: var(--dh-color-gray-50)}/*# sourceMappingURL=theme-dark-semantic-grid.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-grid.css"],"names":[],"mappings":"AAAA,MAEE
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-grid.css"],"names":[],"mappings":"AAAA,MAEE,uCAGA,oDACA,0DACA,0DACA,iEACA,0EACA,+DACA,iEACA,2DAGA,mDACA,mDACA,uDACA,kFAKA,8DACA,8DACA,kEAGA,6EACA,wDACA,8DACA,4DACA,4DACA,qDACA,2DACA,4DAGA,2CACA,4DACA,0DACA,4DAGA,oDACA,iEACA,iEACA,2DACA,sDAGA,kFAIA,8DACA,iEACA,6FAIA,iGAIA,+DACA,kEACA,wDAGA,sEACA,wEAGA,mFAGA,gEAGA,oDACA,sDACA,4DAGA,uDACA,0DACA,iEACA,gEAGA,0DACA,gEAGA,mEACA,mEACA,uDACA,6DAGA","file":"theme-dark-semantic-grid.css","sourcesContent":[":root {\n /* Grid */\n --dh-color-grid-bg: var(--dh-color-bg);\n\n /* Header */\n --dh-color-grid-header-bg: var(--dh-color-gray-100);\n --dh-color-grid-header-text: var(--dh-color-heading-text);\n --dh-color-grid-header-separator: var(--dh-color-gray-50);\n --dh-color-grid-header-separator-hover: var(--dh-color-gray-600);\n --dh-color-grid-header-separator-hidden-hover: var(--dh-color-accent-700);\n --dh-color-grid-header-sort-bar: var(--dh-color-visual-purple);\n --dh-color-grid-header-reverse-bar: var(--dh-color-visual-green);\n --dh-color-grid-header-bar-casing: var(--dh-color-gray-50);\n\n /* Row */\n --dh-color-grid-row-0-bg: var(--dh-color-gray-300);\n --dh-color-grid-row-1-bg: var(--dh-color-gray-100);\n --dh-color-grid-row-hover-bg: var(--dh-color-gray-400);\n --dh-color-grid-row-hover-bg-selected: var(\n --dh-color-highlight-selected-hover\n );\n\n /* Selection */\n --dh-color-grid-selection: var(--dh-color-highlight-selected);\n --dh-color-grid-selection-outline: var(--dh-color-accent-900);\n --dh-color-grid-selection-outline-casing: var(--dh-color-gray-50);\n\n /** Sroll Bar */\n --dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);\n --dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);\n --dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);\n --dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);\n --dh-color-grid-scroll-bar: var(--dh-color-gray-500);\n --dh-color-grid-scroll-bar-hover: var(--dh-color-gray-600);\n --dh-color-grid-scroll-bar-active: var(--dh-color-gray-700);\n\n /* Text */\n --dh-color-grid-text: var(--dh-color-text);\n --dh-color-grid-text-hyperlink: var(--dh-color-accent-1000);\n --dh-color-grid-text-pending: var(--dh-color-yellow-1300);\n --dh-color-grid-text-error: var(--dh-color-visual-negative);\n\n /* Data Types */\n --dh-color-grid-date: var(--dh-color-visual-notice);\n --dh-color-grid-number-positive: var(--dh-color-visual-positive);\n --dh-color-grid-number-negative: var(--dh-color-visual-negative);\n --dh-color-grid-number-zero: var(--dh-color-visual-notice);\n --dh-color-grid-string-null: var(--dh-color-gray-600);\n\n /* Filter Bar */\n --dh-color-grid-filter-bar-active-bg: hsla(\n var(--dh-color-accent-700-hsl),\n 0.5\n );\n --dh-color-grid-filter-bar-active: var(--dh-color-accent-600);\n --dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-200);\n --dh-color-grid-filter-bar-expanded-active-bg: hsla(\n var(--dh-color-accent-1000-hsl),\n 0.19\n );\n --dh-color-grid-filter-bar-expanded-active-cell-bg: hsla(\n var(--dh-color-accent-700-hsl),\n 0.32\n );\n --dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);\n --dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);\n --dh-color-grid-filter-icon: var(--dh-color-accent-600);\n\n /* Context Menu */\n --dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);\n --dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);\n\n /* Column */\n --dh-color-grid-column-linker-hover-bg: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);\n\n /* Tree */\n --dh-color-grid-tree-line: var(--dh-color-gray-500);\n --dh-color-grid-tree-marker: var(--dh-color-gray-700);\n --dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);\n\n /* Floating */\n --dh-color-grid-floating-row: var(--dh-color-gray-300);\n --dh-color-grid-floating-row-bg: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);\n --dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);\n\n /* Overflow Button */\n --dh-color-grid-overflow-button: var(--dh-color-gray-700);\n --dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);\n\n /* Data Bars */\n --dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);\n --dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);\n --dh-color-grid-data-bar-marker: var(--dh-color-white);\n --dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);\n\n /* Scrim */\n --dh-color-grid-scrim: var(--dh-color-gray-50);\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--dh-color-
|
|
1
|
+
:root{--dh-color-bg-hsl: var(--dh-color-black-hsl);--dh-color-fg-hsl: var(--dh-color-white-hsl);--dh-color-border-hsl: var(--dh-color-gray-500-hsl);--dh-color-content-bg-hsl: var(--dh-color-gray-100-hsl);--dh-color-scrollbar-hsl: var(--dh-color-fg-hsl);--dh-color-action-hsl: var(--dh-color-gray-75-hsl);--dh-color-accent-hsl: var(--dh-color-blue-600-hsl);--dh-color-accent-100-hsl: var(--dh-color-blue-100-hsl);--dh-color-accent-200-hsl: var(--dh-color-blue-200-hsl);--dh-color-accent-300-hsl: var(--dh-color-blue-300-hsl);--dh-color-accent-400-hsl: var(--dh-color-blue-400-hsl);--dh-color-accent-500-hsl: var(--dh-color-blue-500-hsl);--dh-color-accent-600-hsl: var(--dh-color-blue-600-hsl);--dh-color-accent-700-hsl: var(--dh-color-blue-700-hsl);--dh-color-accent-800-hsl: var(--dh-color-blue-800-hsl);--dh-color-accent-900-hsl: var(--dh-color-blue-900-hsl);--dh-color-accent-1000-hsl: var(--dh-color-blue-1000-hsl);--dh-color-accent-1100-hsl: var(--dh-color-blue-1100-hsl);--dh-color-accent-1200-hsl: var(--dh-color-blue-1200-hsl);--dh-color-accent-1300-hsl: var(--dh-color-blue-1300-hsl);--dh-color-accent-1400-hsl: var(--dh-color-blue-1400-hsl);--dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);--dh-color-neutral-hsl: var(--dh-color-gray-500-hsl);--dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);--dh-color-positive-hsl: var(--dh-color-green-900-hsl);--dh-color-negative-hsl: var(--dh-color-red-600-hsl);--dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);--dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);--dh-color-action-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-accent-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-negative-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-positive-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-visual-blue-hsl: var(--dh-color-blue-600-hsl);--dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);--dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);--dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);--dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);--dh-color-visual-green-hsl: var(--dh-color-green-1100-hsl);--dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);--dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);--dh-color-visual-orange-hsl: var(--dh-color-orange-900-hsl);--dh-color-visual-purple-hsl: var(--dh-color-purple-900-hsl);--dh-color-visual-red-hsl: var(--dh-color-red-800-hsl);--dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-1100-hsl);--dh-color-visual-yellow-hsl: var(--dh-color-yellow-1200-hsl);--dh-color-visual-positive-hsl: var(--dh-color-green-1100-hsl);--dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);--dh-color-visual-notice-hsl: var(--dh-color-yellow-1200-hsl);--dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-border: hsl(var(--dh-color-border-hsl));--dh-color-bg: hsl(var(--dh-color-bg-hsl));--dh-color-fg: hsl(var(--dh-color-fg-hsl));--dh-color-content-bg: hsl(var(--dh-color-content-bg-hsl));--dh-color-hover-border: var(--dh-color-gray-600);--dh-color-heading-text: var(--dh-color-gray-900);--dh-color-text: var(--dh-color-gray-800);--dh-color-text-disabled: var(--dh-color-gray-400);--dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), 0.3);--dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));--dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));--dh-color-accent-100: hsl(var(--dh-color-accent-100-hsl));--dh-color-accent-200: hsl(var(--dh-color-accent-200-hsl));--dh-color-accent-300: hsl(var(--dh-color-accent-300-hsl));--dh-color-accent-400: hsl(var(--dh-color-accent-400-hsl));--dh-color-accent-500: hsl(var(--dh-color-accent-500-hsl));--dh-color-accent-600: hsl(var(--dh-color-accent-600-hsl));--dh-color-accent-700: hsl(var(--dh-color-accent-700-hsl));--dh-color-accent-800: hsl(var(--dh-color-accent-800-hsl));--dh-color-accent-900: hsl(var(--dh-color-accent-900-hsl));--dh-color-accent-1000: hsl(var(--dh-color-accent-1000-hsl));--dh-color-accent-1100: hsl(var(--dh-color-accent-1100-hsl));--dh-color-accent-1200: hsl(var(--dh-color-accent-1200-hsl));--dh-color-accent-1300: hsl(var(--dh-color-accent-1300-hsl));--dh-color-accent-1400: hsl(var(--dh-color-accent-1400-hsl));--dh-color-accent-bg: hsl(var(--dh-color-accent-hsl));--dh-color-accent-hover-bg: var(--dh-color-accent-500);--dh-color-accent-down-bg: var(--dh-color-accent-400);--dh-color-accent-key-focus-bg: var(--dh-color-accent-500);--dh-color-accent-contrast: hsl(var(--dh-color-accent-contrast-hsl));--dh-color-gray-bg: var(--dh-color-gray-700);--dh-color-blue-bg: var(--dh-color-blue-700);--dh-color-red-bg: var(--dh-color-red-700);--dh-color-orange-bg: var(--dh-color-orange-800);--dh-color-yellow-bg: var(--dh-color-yellow-1000);--dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);--dh-color-celery-bg: var(--dh-color-celery-800);--dh-color-green-bg: var(--dh-color-green-700);--dh-color-seafoam-bg: var(--dh-color-seafoam-700);--dh-color-cyan-bg: var(--dh-color-cyan-700);--dh-color-indigo-bg: var(--dh-color-indigo-700);--dh-color-purple-bg: var(--dh-color-purple-700);--dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-magenta-bg: var(--dh-color-magenta-700);--dh-color-focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), 0.15);--dh-color-highlight-hover: hsla(var(--dh-color-visual-gray-hsl), 0.08);--dh-color-highlight-invalid: hsla(var(--dh-color-visual-red-hsl), 0.15);--dh-color-highlight-selected: hsla(var(--dh-color-visual-blue-hsl), 0.13);--dh-color-highlight-selected-hover: hsla( var(--dh-color-visual-blue-hsl), 0.2 );--dh-color-keyboard-selected-bg: hsla(var(--dh-color-accent-hsl), 0.5);--dh-color-dropshadow: hsla(var(--dh-color-visual-gray-hsl), 0.8);--dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);--dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);--dh-color-negative-bg: hsl(var(--dh-color-negative-hsl));--dh-color-negative-hover-bg: var(--dh-color-red-500);--dh-color-negative-down-bg: var(--dh-color-red-400);--dh-color-negative-key-focus-bg: var(--dh-color-red-500);--dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));--dh-color-neutral-bg: hsl(var(--dh-color-neutral-hsl));--dh-color-neutral-hover-bg: var(--dh-color-gray-400);--dh-color-neutral-down-bg: var(--dh-color-gray-300);--dh-color-neutral-key-focus-bg: var(--dh-color-gray-400);--dh-color-neutral-contrast: hsl(var(--dh-color-neutral-contrast-hsl));--dh-color-neutral-subdued-bg: var(--dh-color-gray-400);--dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);--dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);--dh-color-positive-bg: hsl(var(--dh-color-positive-hsl));--dh-color-positive-hover-bg: var(--dh-color-green-800);--dh-color-positive-down-bg: var(--dh-color-green-700);--dh-color-positive-key-focus-bg: var(--dh-color-green-800);--dh-color-positive-contrast: hsl(var(--dh-color-positive-contrast-hsl));--dh-color-info-bg: hsl(var(--dh-color-info-hsl));--dh-color-info-hover-bg: var(--dh-color-cyan-900);--dh-color-info-down-bg: var(--dh-color-cyan-800);--dh-color-info-key-focus-bg: var(--dh-color-cyan-900);--dh-color-info-contrast: hsl(var(--dh-color-info-contrast-hsl));--dh-color-notice-bg: hsl(var(--dh-color-notice-hsl));--dh-color-notice-hover-bg: var(--dh-color-yellow-900);--dh-color-notice-down-bg: var(--dh-color-yellow-800);--dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);--dh-color-notice-contrast: hsl(var(--dh-color-notice-contrast-hsl));--dh-color-visual-blue: hsl(var(--dh-color-visual-blue-hsl));--dh-color-visual-celery: hsl(var(--dh-color-visual-celery-hsl));--dh-color-visual-chartreuse: hsl(var(--dh-color-visual-chartreuse-hsl));--dh-color-visual-cyan: hsl(var(--dh-color-visual-cyan-hsl));--dh-color-visual-fuchsia: hsl(var(--dh-color-visual-fuchsia-hsl));--dh-color-visual-gray: hsl(var(--dh-color-visual-gray-hsl));--dh-color-visual-green: hsl(var(--dh-color-visual-green-hsl));--dh-color-visual-indigo: hsl(var(--dh-color-visual-indigo-hsl));--dh-color-visual-magenta: hsl(var(--dh-color-visual-magenta-hsl));--dh-color-visual-orange: hsl(var(--dh-color-visual-orange-hsl));--dh-color-visual-purple: hsl(var(--dh-color-visual-purple-hsl));--dh-color-visual-red: hsl(var(--dh-color-visual-red-hsl));--dh-color-visual-seafoam: hsl(var(--dh-color-visual-seafoam-hsl));--dh-color-visual-yellow: hsl(var(--dh-color-visual-yellow-hsl));--dh-color-visual-positive: hsl(var(--dh-color-visual-positive-hsl));--dh-color-visual-negative: hsl(var(--dh-color-visual-negative-hsl));--dh-color-visual-notice: hsl(var(--dh-color-visual-notice-hsl));--dh-color-visual-info: hsl(var(--dh-color-visual-info-hsl));--dh-color-modified: var(--dh-color-yellow-1300)}/*# sourceMappingURL=theme-dark-semantic.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic.css"],"names":[],"mappings":"AAEA,MAEE,qDACA,qDAEA,oDACA,mDACA,qDACA,uDACA,uDACA,qDAWA,0DACA,4DAEA,mEACA,gEACA,qEACA,oEACA,kEACA,qEAGA,yDACA,8DACA,sEACA,0DACA,+DACA,yDACA,4DACA,6DACA,+DACA,6DACA,6DACA,uDACA,gEACA,8DAEA,+DACA,4DACA,8DACA,0DAGA,4CACA,2DACA,2DACA,wDAGA,kDACA,0CACA,mDACA,mEAGA,iEACA,mEAGA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,kDACA,kDACA,kDACA,kDACA,kDAGA,8DACA,uDACA,sDACA,2DACA,gEAGA,qDACA,qDACA,mDACA,yDACA,0DACA,iEACA,yDACA,uDACA,2DACA,qDACA,yDACA,yDACA,2DACA,2DAGA,2CACA,kDACA,6CAGA,yEACA,wEACA,yEACA,2EACA,kFAMA,kEACA,wEACA,yEAGA,kEACA,sDACA,qDACA,0DACA,yEAGA,gEACA,sDACA,qDACA,0DACA,uEAEA,gEACA,8DACA,6DACA,kEAGA,kEACA,wDACA,uDACA,4DACA,yEAGA,0DACA,mDACA,kDACA,uDACA,iEAGA,8DACA,uDACA,sDACA,4DACA,qEAGA,6DACA,iEACA,yEACA,6DACA,mEACA,6DACA,+DACA,iEACA,mEACA,iEACA,iEACA,2DACA,mEACA,iEAEA,qEACA,qEACA,iEACA,6DAGA,gEACA","file":"theme-dark-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n:root {\n /* HSL base colors */\n --dh-color-background-hsl: var(--dh-color-black-hsl);\n --dh-color-foreground-hsl: var(--dh-color-white-hsl);\n\n --dh-color-accent-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);\n --dh-color-neutral-hsl: var(--dh-color-gray-500-hsl);\n --dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);\n --dh-color-positive-hsl: var(--dh-color-green-900-hsl);\n --dh-color-negative-hsl: var(--dh-color-red-600-hsl);\n\n /*\n * Contrast Colors\n *\n * Note that React Spectrum guidance suggests that background colors containing\n * yellow, orange, chartreuse or cyan should use a dark contrast color. All\n * others should use light. Therefore, these should stay in sync with the \n * --dh-color-xxx-hsl values above.\n * https://spectrum.adobe.com/page/using-color/#Solid-color-background-with-black-or-white\n */\n --dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);\n --dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);\n\n --dh-color-accent-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-negative-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-positive-contrast-hsl: var(--dh-color-contrast-light-hsl);\n\n /* Visual HSL */\n --dh-color-visual-blue-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);\n --dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);\n --dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);\n --dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);\n --dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);\n --dh-color-visual-green-hsl: var(--dh-color-green-1100-hsl);\n --dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);\n --dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);\n --dh-color-visual-orange-hsl: var(--dh-color-orange-900-hsl);\n --dh-color-visual-purple-hsl: var(--dh-color-purple-900-hsl);\n --dh-color-visual-red-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-1100-hsl);\n --dh-color-visual-yellow-hsl: var(--dh-color-yellow-1200-hsl);\n\n --dh-color-visual-positive-hsl: var(--dh-color-green-1100-hsl);\n --dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-notice-hsl: var(--dh-color-yellow-1200-hsl);\n --dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);\n\n /* General */\n --dh-color-border: var(--dh-color-gray-500);\n --dh-color-background: hsl(var(--dh-color-background-hsl));\n --dh-color-foreground: hsl(var(--dh-color-foreground-hsl));\n --dh-color-content-background: var(--dh-color-gray-100);\n\n /* Text */\n --dh-color-heading-text: var(--dh-color-gray-900);\n --dh-color-text: var(--dh-color-gray-800);\n --dh-color-text-disabled: var(--dh-color-gray-400);\n --dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), 0.3);\n\n /* Contrast Base */\n --dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));\n --dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));\n\n /** Accent Colors */\n --dh-color-accent-100: var(--dh-color-blue-100);\n --dh-color-accent-200: var(--dh-color-blue-200);\n --dh-color-accent-300: var(--dh-color-blue-300);\n --dh-color-accent-400: var(--dh-color-blue-400);\n --dh-color-accent-500: var(--dh-color-blue-500);\n --dh-color-accent-600: var(--dh-color-blue-600);\n --dh-color-accent-700: var(--dh-color-blue-700);\n --dh-color-accent-800: var(--dh-color-blue-800);\n --dh-color-accent-900: var(--dh-color-blue-900);\n --dh-color-accent-1000: var(--dh-color-blue-1000);\n --dh-color-accent-1100: var(--dh-color-blue-1100);\n --dh-color-accent-1200: var(--dh-color-blue-1200);\n --dh-color-accent-1300: var(--dh-color-blue-1300);\n --dh-color-accent-1400: var(--dh-color-blue-1400);\n\n /* Accent Background */\n --dh-color-accent-default-bg: hsl(var(--dh-color-accent-hsl));\n --dh-color-accent-hover-bg: var(--dh-color-accent-500);\n --dh-color-accent-down-bg: var(--dh-color-accent-400);\n --dh-color-accent-key-focus-bg: var(--dh-color-accent-500);\n --dh-color-accent-contrast: var(--dh-color-accent-contrast-hsl);\n\n /* Background Defaults */\n --dh-color-default-gray-bg: var(--dh-color-gray-700);\n --dh-color-default-blue-bg: var(--dh-color-blue-700);\n --dh-color-default-red-bg: var(--dh-color-red-700);\n --dh-color-default-orange-bg: var(--dh-color-orange-800);\n --dh-color-default-yellow-bg: var(--dh-color-yellow-1000);\n --dh-color-default-chartreuse-bg: var(--dh-color-chartreuse-900);\n --dh-color-default-celery-bg: var(--dh-color-celery-800);\n --dh-color-default-green-bg: var(--dh-color-green-700);\n --dh-color-default-seafoam-bg: var(--dh-color-seafoam-700);\n --dh-color-default-cyan-bg: var(--dh-color-cyan-700);\n --dh-color-default-indigo-bg: var(--dh-color-indigo-700);\n --dh-color-default-purple-bg: var(--dh-color-purple-700);\n --dh-color-default-fuchsia-bg: var(--dh-color-fuchsia-700);\n --dh-color-default-magenta-bg: var(--dh-color-magenta-700);\n\n /* Focus */\n --dh-color-focus: var(--dh-color-blue-800);\n --dh-color-focus-border: var(--dh-color-blue-800);\n --dh-color-focus-ring: var(--dh-color-focus);\n\n /* Highlight */\n --dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), 0.15);\n --dh-color-highlight-hover: hsla(var(--dh-color-visual-gray-hsl), 0.08);\n --dh-color-highlight-invalid: hsla(var(--dh-color-visual-red-hsl), 0.15);\n --dh-color-highlight-selected: hsla(var(--dh-color-visual-blue-hsl), 0.13);\n --dh-color-highlight-selected-hover: hsla(\n var(--dh-color-visual-blue-hsl),\n 0.2\n );\n\n /* Shadows / Overlays */\n --dh-color-dropshadow: hsla(var(--dh-color-visual-gray-hsl), 0.8);\n --dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);\n --dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);\n\n /* Negative Background */\n --dh-color-negative-default-bg: hsl(var(--dh-color-negative-hsl));\n --dh-color-negative-hover-bg: var(--dh-color-red-500);\n --dh-color-negative-down-bg: var(--dh-color-red-400);\n --dh-color-negative-key-focus-bg: var(--dh-color-red-500);\n --dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));\n\n /* Neutral */\n --dh-color-neutral-default-bg: hsl(var(--dh-color-neutral-hsl));\n --dh-color-neutral-hover-bg: var(--dh-color-gray-400);\n --dh-color-neutral-down-bg: var(--dh-color-gray-300);\n --dh-color-neutral-key-focus-bg: var(--dh-color-gray-400);\n --dh-color-neutral-contrast: hsl(var(--dh-color-neutral-contrast-hsl));\n\n --dh-color-neutral-subdued-default-bg: var(--dh-color-gray-400);\n --dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);\n --dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);\n --dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);\n\n /* Positive */\n --dh-color-positive-default-bg: hsl(var(--dh-color-positive-hsl));\n --dh-color-positive-hover-bg: var(--dh-color-green-800);\n --dh-color-positive-down-bg: var(--dh-color-green-700);\n --dh-color-positive-key-focus-bg: var(--dh-color-green-800);\n --dh-color-positive-contrast: hsl(var(--dh-color-positive-contrast-hsl));\n\n /* Informative */\n --dh-color-info-default-bg: hsl(var(--dh-color-info-hsl));\n --dh-color-info-hover-bg: var(--dh-color-cyan-900);\n --dh-color-info-down-bg: var(--dh-color-cyan-800);\n --dh-color-info-key-focus-bg: var(--dh-color-cyan-900);\n --dh-color-info-contrast: hsl(var(--dh-color-info-contrast-hsl));\n\n /* Notice */\n --dh-color-notice-default-bg: hsl(var(--dh-color-notice-hsl));\n --dh-color-notice-hover-bg: var(--dh-color-yellow-900);\n --dh-color-notice-down-bg: var(--dh-color-yellow-800);\n --dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);\n --dh-color-notice-contrast: hsl(var(--dh-color-notice-contrast-hsl));\n\n /* Visual Colors */\n --dh-color-visual-blue: hsl(var(--dh-color-visual-blue-hsl));\n --dh-color-visual-celery: hsl(var(--dh-color-visual-celery-hsl));\n --dh-color-visual-chartreuse: hsl(var(--dh-color-visual-chartreuse-hsl));\n --dh-color-visual-cyan: hsl(var(--dh-color-visual-cyan-hsl));\n --dh-color-visual-fuchsia: hsl(var(--dh-color-visual-fuchsia-hsl));\n --dh-color-visual-gray: hsl(var(--dh-color-visual-gray-hsl));\n --dh-color-visual-green: hsl(var(--dh-color-visual-green-hsl));\n --dh-color-visual-indigo: hsl(var(--dh-color-visual-indigo-hsl));\n --dh-color-visual-magenta: hsl(var(--dh-color-visual-magenta-hsl));\n --dh-color-visual-orange: hsl(var(--dh-color-visual-orange-hsl));\n --dh-color-visual-purple: hsl(var(--dh-color-visual-purple-hsl));\n --dh-color-visual-red: hsl(var(--dh-color-visual-red-hsl));\n --dh-color-visual-seafoam: hsl(var(--dh-color-visual-seafoam-hsl));\n --dh-color-visual-yellow: hsl(var(--dh-color-visual-yellow-hsl));\n\n --dh-color-visual-positive: hsl(var(--dh-color-visual-positive-hsl));\n --dh-color-visual-negative: hsl(var(--dh-color-visual-negative-hsl));\n --dh-color-visual-notice: hsl(var(--dh-color-visual-notice-hsl));\n --dh-color-visual-info: hsl(var(--dh-color-visual-info-hsl));\n\n /* Wells */\n --dh-color-well-bg: hsla(var(--dh-color-visual-gray-hsl), 0.02);\n --dh-color-well-border: hsla(var(--dh-color-visual-gray-hsl), 0.05);\n}\n"]}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic.css"],"names":[],"mappings":"AAEA,MAEE,6CACA,6CACA,oDACA,wDACA,iDAEA,mDACA,oDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,0DACA,0DAEA,mDACA,qDACA,uDACA,uDACA,qDAWA,0DACA,4DAEA,mEACA,mEACA,gEACA,qEACA,oEACA,kEACA,qEAGA,yDACA,8DACA,sEACA,0DACA,+DACA,yDACA,4DACA,6DACA,+DACA,6DACA,6DACA,uDACA,gEACA,8DAEA,+DACA,4DACA,8DACA,0DAGA,mDACA,2CACA,2CACA,2DAGA,kDAGA,kDACA,0CACA,mDACA,mEAGA,iEACA,mEAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,sDACA,uDACA,sDACA,2DACA,qEAGA,6CACA,6CACA,2CACA,iDACA,kDACA,yDACA,iDACA,+CACA,mDACA,6CACA,iDACA,iDACA,mDACA,mDAGA,2CACA,kDACA,6CAGA,yEACA,wEACA,yEACA,2EACA,kFAMA,uEAGA,kEACA,wEACA,yEAGA,0DACA,sDACA,qDACA,0DACA,yEAGA,wDACA,sDACA,qDACA,0DACA,uEAEA,wDACA,8DACA,6DACA,kEAGA,0DACA,wDACA,uDACA,4DACA,yEAGA,kDACA,mDACA,kDACA,uDACA,iEAGA,sDACA,uDACA,sDACA,4DACA,qEAGA,6DACA,iEACA,yEACA,6DACA,mEACA,6DACA,+DACA,iEACA,mEACA,iEACA,iEACA,2DACA,mEACA,iEAEA,qEACA,qEACA,iEACA,6DAGA","file":"theme-dark-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n:root {\n /* HSL base colors */\n --dh-color-bg-hsl: var(--dh-color-black-hsl);\n --dh-color-fg-hsl: var(--dh-color-white-hsl);\n --dh-color-border-hsl: var(--dh-color-gray-500-hsl);\n --dh-color-content-bg-hsl: var(--dh-color-gray-100-hsl);\n --dh-color-scrollbar-hsl: var(--dh-color-fg-hsl);\n\n --dh-color-action-hsl: var(--dh-color-gray-75-hsl);\n --dh-color-accent-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-accent-100-hsl: var(--dh-color-blue-100-hsl);\n --dh-color-accent-200-hsl: var(--dh-color-blue-200-hsl);\n --dh-color-accent-300-hsl: var(--dh-color-blue-300-hsl);\n --dh-color-accent-400-hsl: var(--dh-color-blue-400-hsl);\n --dh-color-accent-500-hsl: var(--dh-color-blue-500-hsl);\n --dh-color-accent-600-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-accent-700-hsl: var(--dh-color-blue-700-hsl);\n --dh-color-accent-800-hsl: var(--dh-color-blue-800-hsl);\n --dh-color-accent-900-hsl: var(--dh-color-blue-900-hsl);\n --dh-color-accent-1000-hsl: var(--dh-color-blue-1000-hsl);\n --dh-color-accent-1100-hsl: var(--dh-color-blue-1100-hsl);\n --dh-color-accent-1200-hsl: var(--dh-color-blue-1200-hsl);\n --dh-color-accent-1300-hsl: var(--dh-color-blue-1300-hsl);\n --dh-color-accent-1400-hsl: var(--dh-color-blue-1400-hsl);\n\n --dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);\n --dh-color-neutral-hsl: var(--dh-color-gray-500-hsl);\n --dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);\n --dh-color-positive-hsl: var(--dh-color-green-900-hsl);\n --dh-color-negative-hsl: var(--dh-color-red-600-hsl);\n\n /*\n * Contrast Colors\n *\n * Note that React Spectrum guidance suggests that background colors containing\n * yellow, orange, chartreuse or cyan should use a dark contrast color. All\n * others should use light. Therefore, these should stay in sync with the \n * --dh-color-xxx-hsl values above.\n * https://spectrum.adobe.com/page/using-color/#Solid-color-background-with-black-or-white\n */\n --dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);\n --dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);\n\n --dh-color-action-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-accent-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-negative-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-positive-contrast-hsl: var(--dh-color-contrast-light-hsl);\n\n /* Visual HSL */\n --dh-color-visual-blue-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);\n --dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);\n --dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);\n --dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);\n --dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);\n --dh-color-visual-green-hsl: var(--dh-color-green-1100-hsl);\n --dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);\n --dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);\n --dh-color-visual-orange-hsl: var(--dh-color-orange-900-hsl);\n --dh-color-visual-purple-hsl: var(--dh-color-purple-900-hsl);\n --dh-color-visual-red-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-1100-hsl);\n --dh-color-visual-yellow-hsl: var(--dh-color-yellow-1200-hsl);\n\n --dh-color-visual-positive-hsl: var(--dh-color-green-1100-hsl);\n --dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-notice-hsl: var(--dh-color-yellow-1200-hsl);\n --dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);\n\n /* General */\n --dh-color-border: hsl(var(--dh-color-border-hsl));\n --dh-color-bg: hsl(var(--dh-color-bg-hsl));\n --dh-color-fg: hsl(var(--dh-color-fg-hsl));\n --dh-color-content-bg: hsl(var(--dh-color-content-bg-hsl));\n\n /* Hover */\n --dh-color-hover-border: var(--dh-color-gray-600);\n\n /* Text */\n --dh-color-heading-text: var(--dh-color-gray-900);\n --dh-color-text: var(--dh-color-gray-800);\n --dh-color-text-disabled: var(--dh-color-gray-400);\n --dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), 0.3);\n\n /* Contrast Base */\n --dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));\n --dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));\n\n /** Accent Colors */\n --dh-color-accent-100: hsl(var(--dh-color-accent-100-hsl));\n --dh-color-accent-200: hsl(var(--dh-color-accent-200-hsl));\n --dh-color-accent-300: hsl(var(--dh-color-accent-300-hsl));\n --dh-color-accent-400: hsl(var(--dh-color-accent-400-hsl));\n --dh-color-accent-500: hsl(var(--dh-color-accent-500-hsl));\n --dh-color-accent-600: hsl(var(--dh-color-accent-600-hsl));\n --dh-color-accent-700: hsl(var(--dh-color-accent-700-hsl));\n --dh-color-accent-800: hsl(var(--dh-color-accent-800-hsl));\n --dh-color-accent-900: hsl(var(--dh-color-accent-900-hsl));\n --dh-color-accent-1000: hsl(var(--dh-color-accent-1000-hsl));\n --dh-color-accent-1100: hsl(var(--dh-color-accent-1100-hsl));\n --dh-color-accent-1200: hsl(var(--dh-color-accent-1200-hsl));\n --dh-color-accent-1300: hsl(var(--dh-color-accent-1300-hsl));\n --dh-color-accent-1400: hsl(var(--dh-color-accent-1400-hsl));\n\n /* Accent */\n --dh-color-accent-bg: hsl(var(--dh-color-accent-hsl));\n --dh-color-accent-hover-bg: var(--dh-color-accent-500);\n --dh-color-accent-down-bg: var(--dh-color-accent-400);\n --dh-color-accent-key-focus-bg: var(--dh-color-accent-500);\n --dh-color-accent-contrast: hsl(var(--dh-color-accent-contrast-hsl));\n\n /* Background Defaults */\n --dh-color-gray-bg: var(--dh-color-gray-700);\n --dh-color-blue-bg: var(--dh-color-blue-700);\n --dh-color-red-bg: var(--dh-color-red-700);\n --dh-color-orange-bg: var(--dh-color-orange-800);\n --dh-color-yellow-bg: var(--dh-color-yellow-1000);\n --dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);\n --dh-color-celery-bg: var(--dh-color-celery-800);\n --dh-color-green-bg: var(--dh-color-green-700);\n --dh-color-seafoam-bg: var(--dh-color-seafoam-700);\n --dh-color-cyan-bg: var(--dh-color-cyan-700);\n --dh-color-indigo-bg: var(--dh-color-indigo-700);\n --dh-color-purple-bg: var(--dh-color-purple-700);\n --dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);\n --dh-color-magenta-bg: var(--dh-color-magenta-700);\n\n /* Focus */\n --dh-color-focus: var(--dh-color-blue-800);\n --dh-color-focus-border: var(--dh-color-blue-800);\n --dh-color-focus-ring: var(--dh-color-focus);\n\n /* Highlight */\n --dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), 0.15);\n --dh-color-highlight-hover: hsla(var(--dh-color-visual-gray-hsl), 0.08);\n --dh-color-highlight-invalid: hsla(var(--dh-color-visual-red-hsl), 0.15);\n --dh-color-highlight-selected: hsla(var(--dh-color-visual-blue-hsl), 0.13);\n --dh-color-highlight-selected-hover: hsla(\n var(--dh-color-visual-blue-hsl),\n 0.2\n );\n\n /* Keyboard selected */\n --dh-color-keyboard-selected-bg: hsla(var(--dh-color-accent-hsl), 0.5);\n\n /* Shadows / Overlays */\n --dh-color-dropshadow: hsla(var(--dh-color-visual-gray-hsl), 0.8);\n --dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);\n --dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);\n\n /* Negative */\n --dh-color-negative-bg: hsl(var(--dh-color-negative-hsl));\n --dh-color-negative-hover-bg: var(--dh-color-red-500);\n --dh-color-negative-down-bg: var(--dh-color-red-400);\n --dh-color-negative-key-focus-bg: var(--dh-color-red-500);\n --dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));\n\n /* Neutral */\n --dh-color-neutral-bg: hsl(var(--dh-color-neutral-hsl));\n --dh-color-neutral-hover-bg: var(--dh-color-gray-400);\n --dh-color-neutral-down-bg: var(--dh-color-gray-300);\n --dh-color-neutral-key-focus-bg: var(--dh-color-gray-400);\n --dh-color-neutral-contrast: hsl(var(--dh-color-neutral-contrast-hsl));\n\n --dh-color-neutral-subdued-bg: var(--dh-color-gray-400);\n --dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);\n --dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);\n --dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);\n\n /* Positive */\n --dh-color-positive-bg: hsl(var(--dh-color-positive-hsl));\n --dh-color-positive-hover-bg: var(--dh-color-green-800);\n --dh-color-positive-down-bg: var(--dh-color-green-700);\n --dh-color-positive-key-focus-bg: var(--dh-color-green-800);\n --dh-color-positive-contrast: hsl(var(--dh-color-positive-contrast-hsl));\n\n /* Informative */\n --dh-color-info-bg: hsl(var(--dh-color-info-hsl));\n --dh-color-info-hover-bg: var(--dh-color-cyan-900);\n --dh-color-info-down-bg: var(--dh-color-cyan-800);\n --dh-color-info-key-focus-bg: var(--dh-color-cyan-900);\n --dh-color-info-contrast: hsl(var(--dh-color-info-contrast-hsl));\n\n /* Notice */\n --dh-color-notice-bg: hsl(var(--dh-color-notice-hsl));\n --dh-color-notice-hover-bg: var(--dh-color-yellow-900);\n --dh-color-notice-down-bg: var(--dh-color-yellow-800);\n --dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);\n --dh-color-notice-contrast: hsl(var(--dh-color-notice-contrast-hsl));\n\n /* Visual Colors */\n --dh-color-visual-blue: hsl(var(--dh-color-visual-blue-hsl));\n --dh-color-visual-celery: hsl(var(--dh-color-visual-celery-hsl));\n --dh-color-visual-chartreuse: hsl(var(--dh-color-visual-chartreuse-hsl));\n --dh-color-visual-cyan: hsl(var(--dh-color-visual-cyan-hsl));\n --dh-color-visual-fuchsia: hsl(var(--dh-color-visual-fuchsia-hsl));\n --dh-color-visual-gray: hsl(var(--dh-color-visual-gray-hsl));\n --dh-color-visual-green: hsl(var(--dh-color-visual-green-hsl));\n --dh-color-visual-indigo: hsl(var(--dh-color-visual-indigo-hsl));\n --dh-color-visual-magenta: hsl(var(--dh-color-visual-magenta-hsl));\n --dh-color-visual-orange: hsl(var(--dh-color-visual-orange-hsl));\n --dh-color-visual-purple: hsl(var(--dh-color-visual-purple-hsl));\n --dh-color-visual-red: hsl(var(--dh-color-visual-red-hsl));\n --dh-color-visual-seafoam: hsl(var(--dh-color-visual-seafoam-hsl));\n --dh-color-visual-yellow: hsl(var(--dh-color-visual-yellow-hsl));\n\n --dh-color-visual-positive: hsl(var(--dh-color-visual-positive-hsl));\n --dh-color-visual-negative: hsl(var(--dh-color-visual-negative-hsl));\n --dh-color-visual-notice: hsl(var(--dh-color-visual-notice-hsl));\n --dh-color-visual-info: hsl(var(--dh-color-visual-info-hsl));\n\n /* Editing */\n --dh-color-modified: var(--dh-color-yellow-1300);\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--dh-color-gray-900: #000;--dh-color-gray-800: #222;--dh-color-gray-700: #464646;--dh-color-gray-600: #6d6d6d;--dh-color-gray-500: #909090;--dh-color-gray-400: #b1b1b1;--dh-color-gray-300: #d5d5d5;--dh-color-gray-200: #e6e6e6;--dh-color-gray-100: #f8f8f8;--dh-color-gray-75: #fdfdfd;--dh-color-gray-50: #fff;--dh-color-blue-100: #112451;--dh-color-blue-200: #16306c;--dh-color-blue-300: #1d3d88;--dh-color-blue-400: #254ba4;--dh-color-blue-500: #2f5bc0;--dh-color-blue-600: #3b6bda;--dh-color-blue-700: #4c7dee;--dh-color-blue-800: #6390fa;--dh-color-blue-900: #7ca4ff;--dh-color-blue-1000: #97b7ff;--dh-color-blue-1100: #afc9ff;--dh-color-blue-1200: #c7d9ff;--dh-color-blue-1300: #dbe6ff;--dh-color-blue-1400: #ecf1ff;--dh-color-seafoam-100: #1f2925;--dh-color-seafoam-200: #263630;--dh-color-seafoam-300: #2f463e;--dh-color-seafoam-400: #37574b;--dh-color-seafoam-500: #3e6959;--dh-color-seafoam-600: #447b68;--dh-color-seafoam-700: #488f78;--dh-color-seafoam-800: #4ca387;--dh-color-seafoam-900: #4fb797;--dh-color-seafoam-1000: #54cba6;--dh-color-seafoam-1100: #5edeb7;--dh-color-seafoam-1200: #78edc7;--dh-color-seafoam-1300: #9ef8d7;--dh-color-seafoam-1400: #cbfce8;--dh-color-black: var(--dh-color-gray-50);--dh-color-white: var(--dh-color-gray-75);--dh-color-
|
|
1
|
+
:root{--dh-color-gray-900: #000;--dh-color-gray-800: #222;--dh-color-gray-700: #464646;--dh-color-gray-600: #6d6d6d;--dh-color-gray-500: #909090;--dh-color-gray-400: #b1b1b1;--dh-color-gray-300: #d5d5d5;--dh-color-gray-200: #e6e6e6;--dh-color-gray-100: #f8f8f8;--dh-color-gray-75: #fdfdfd;--dh-color-gray-50: #fff;--dh-color-blue-100: #112451;--dh-color-blue-200: #16306c;--dh-color-blue-300: #1d3d88;--dh-color-blue-400: #254ba4;--dh-color-blue-500: #2f5bc0;--dh-color-blue-600: #3b6bda;--dh-color-blue-700: #4c7dee;--dh-color-blue-800: #6390fa;--dh-color-blue-900: #7ca4ff;--dh-color-blue-1000: #97b7ff;--dh-color-blue-1100: #afc9ff;--dh-color-blue-1200: #c7d9ff;--dh-color-blue-1300: #dbe6ff;--dh-color-blue-1400: #ecf1ff;--dh-color-seafoam-100: #1f2925;--dh-color-seafoam-200: #263630;--dh-color-seafoam-300: #2f463e;--dh-color-seafoam-400: #37574b;--dh-color-seafoam-500: #3e6959;--dh-color-seafoam-600: #447b68;--dh-color-seafoam-700: #488f78;--dh-color-seafoam-800: #4ca387;--dh-color-seafoam-900: #4fb797;--dh-color-seafoam-1000: #54cba6;--dh-color-seafoam-1100: #5edeb7;--dh-color-seafoam-1200: #78edc7;--dh-color-seafoam-1300: #9ef8d7;--dh-color-seafoam-1400: #cbfce8;--dh-color-black: var(--dh-color-gray-50);--dh-color-white: var(--dh-color-gray-75);--dh-color-bg: var(--dh-color-white);--dh-color-fg: var(--dh-color-black);--dh-color-grid-bg: var(--dh-color-bg)}/*# sourceMappingURL=theme-light-palette.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-palette.css"],"names":[],"mappings":"AAAA,MAEE,0BACA,0BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,4BACA,yBAGA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BAGA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,iCACA,iCACA,iCACA,iCACA,iCAGA,0CACA,0CACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-palette.css"],"names":[],"mappings":"AAAA,MAEE,0BACA,0BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,4BACA,yBAGA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BAGA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,iCACA,iCACA,iCACA,iCACA,iCAGA,0CACA,0CACA,qCACA,qCACA","file":"theme-light-palette.css","sourcesContent":[":root {\n /* Grays */\n --dh-color-gray-900: #000;\n --dh-color-gray-800: #222;\n --dh-color-gray-700: #464646;\n --dh-color-gray-600: #6d6d6d;\n --dh-color-gray-500: #909090;\n --dh-color-gray-400: #b1b1b1;\n --dh-color-gray-300: #d5d5d5;\n --dh-color-gray-200: #e6e6e6;\n --dh-color-gray-100: #f8f8f8;\n --dh-color-gray-75: #fdfdfd;\n --dh-color-gray-50: #fff;\n\n /* Blues */\n --dh-color-blue-100: #112451;\n --dh-color-blue-200: #16306c;\n --dh-color-blue-300: #1d3d88;\n --dh-color-blue-400: #254ba4;\n --dh-color-blue-500: #2f5bc0;\n --dh-color-blue-600: #3b6bda;\n --dh-color-blue-700: #4c7dee;\n --dh-color-blue-800: #6390fa;\n --dh-color-blue-900: #7ca4ff;\n --dh-color-blue-1000: #97b7ff;\n --dh-color-blue-1100: #afc9ff;\n --dh-color-blue-1200: #c7d9ff;\n --dh-color-blue-1300: #dbe6ff;\n --dh-color-blue-1400: #ecf1ff;\n\n /* Seafoam */\n --dh-color-seafoam-100: #1f2925;\n --dh-color-seafoam-200: #263630;\n --dh-color-seafoam-300: #2f463e;\n --dh-color-seafoam-400: #37574b;\n --dh-color-seafoam-500: #3e6959;\n --dh-color-seafoam-600: #447b68;\n --dh-color-seafoam-700: #488f78;\n --dh-color-seafoam-800: #4ca387;\n --dh-color-seafoam-900: #4fb797;\n --dh-color-seafoam-1000: #54cba6;\n --dh-color-seafoam-1100: #5edeb7;\n --dh-color-seafoam-1200: #78edc7;\n --dh-color-seafoam-1300: #9ef8d7;\n --dh-color-seafoam-1400: #cbfce8;\n\n /* Semantic */\n --dh-color-black: var(--dh-color-gray-50);\n --dh-color-white: var(--dh-color-gray-75);\n --dh-color-bg: var(--dh-color-white);\n --dh-color-fg: var(--dh-color-black);\n --dh-color-grid-bg: var(--dh-color-bg);\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.dh-spectrum-alias{--spectrum-alias-background-color-default: var(--dh-color-
|
|
1
|
+
.dh-spectrum-alias{--spectrum-body-text-color: var(--dh-color-text);--spectrum-alias-background-color-default: var(--dh-color-bg);--spectrum-alias-dropshadow-color: var(--dh-color-dropshadow);--spectrum-alias-background-color-modal-overlay: var( --dh-color-modal-overlay-bg );--spectrum-alias-background-color-hover-overlay: var( --dh-color-overlay-hover-bg );--spectrum-colorarea-border-color: var(--dh-color-colorpicker-border);--spectrum-colorarea-border-color-hover: var(--dh-color-colorpicker-border);--spectrum-colorarea-border-color-down: var(--dh-color-colorpicker-border);--spectrum-colorarea-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-colorslider-border-color: var(--dh-color-colorpicker-border);--spectrum-colorslider-border-color-hover: var(--dh-color-colorpicker-border);--spectrum-colorslider-border-color-down: var(--dh-color-colorpicker-border);--spectrum-colorslider-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color-hover: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color-down: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-colorwheel-border-color: var(--dh-color-colorpicker-border);--spectrum-colorwheel-border-color-hover: var(--dh-color-colorpicker-border);--spectrum-colorwheel-border-color-down: var(--dh-color-colorpicker-border);--spectrum-colorwheel-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-alias-highlight-active: var(--dh-color-highlight-active);--spectrum-alias-highlight-hover: var(--dh-color-highlight-hover);--spectrum-alias-highlight-invalid: var(--dh-color-highlight-invalid);--spectrum-alias-highlight-selected: var(--dh-color-highlight-selected);--spectrum-alias-highlight-selected-hover: var( --dh-color-highlight-selected-hover );--spectrum-alias-text-highlight-color: var(--dh-color-text-highlight);--spectrum-alias-background-color-quickactions: var( --dh-color-quickactions-bg );--spectrum-alias-radial-reaction-color-default: var( --dh-color-radial-reaction );--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);--spectrum-alias-appframe-separator-color: var( --spectrum-global-color-gray-50 );--spectrum-alias-pasteboard-background-color: var( --spectrum-global-color-gray-50 );--spectrum-actionbutton-background-color-disabled: var( --dh-color-action-disabled-bg );--spectrum-tabs-compact-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-compact-vertical-rule-color: var( --spectrum-global-color-gray-200 );--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-compact-vertical-emphasized-rule-color: var( --spectrum-global-color-gray-200 );--spectrum-tabs-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-well-background-color: var(--dh-color-well-bg);--spectrum-well-border-color: var(--dh-color-well-border);--spectrum-tray-background-color: var(--spectrum-global-color-gray-100);--react-spectrum-datepicker-placeholder-color: var( --spectrum-global-color-gray-600 );--spectrum-accent-background-color-default: var(--dh-color-accent-bg);--spectrum-accent-background-color-hover: var(--dh-color-accent-hover-bg);--spectrum-accent-background-color-down: var(--dh-color-accent-down-bg);--spectrum-accent-background-color-key-focus: var( --dh-color-accent-key-focus-bg );--spectrum-neutral-background-color-default: var(--dh-color-neutral-bg);--spectrum-neutral-background-color-hover: var(--dh-color-neutral-hover-bg);--spectrum-neutral-background-color-down: var(--dh-color-neutral-down-bg);--spectrum-neutral-background-color-key-focus: var( --dh-color-neutral-key-focus-bg );--spectrum-neutral-subdued-background-color-default: var( --dh-color-neutral-subdued-bg );--spectrum-neutral-subdued-background-color-hover: var( --dh-color-neutral-subdued-hover-bg );--spectrum-neutral-subdued-background-color-down: var( --dh-color-neutral-subdued-down-bg );--spectrum-neutral-subdued-background-color-key-focus: var( --dh-color-neutral-subdued-key-focus-bg );--spectrum-negative-background-color-default: var(--dh-color-negative-bg);--spectrum-negative-background-color-hover: var(--dh-color-negative-hover-bg);--spectrum-negative-background-color-down: var(--dh-color-negative-down-bg);--spectrum-negative-background-color-key-focus: var( --dh-color-negative-key-focus-bg );--spectrum-positive-background-color-default: var(--dh-color-positive-bg);--spectrum-positive-background-color-hover: var(--dh-color-positive-hover-bg);--spectrum-positive-background-color-down: var(--dh-color-positive-down-bg);--spectrum-positive-background-color-key-focus: var( --dh-color-positive-key-focus-bg );--spectrum-informative-background-color-default: var(--dh-color-info-bg);--spectrum-informative-background-color-hover: var(--dh-color-info-hover-bg);--spectrum-informative-background-color-down: var(--dh-color-info-down-bg);--spectrum-informative-background-color-key-focus: var( --dh-color-info-key-focus-bg );--spectrum-notice-background-color-default: var(--dh-color-notice-bg);--spectrum-notice-background-color-hover: var(--dh-color-notice-hover-bg);--spectrum-notice-background-color-down: var(--dh-color-notice-down-bg);--spectrum-notice-background-color-key-focus: var( --dh-color-notice-key-focus-bg );--spectrum-gray-background-color-default: var(--dh-color-gray-bg);--spectrum-red-background-color-default: var(--dh-color-red-bg);--spectrum-orange-background-color-default: var(--dh-color-orange-bg);--spectrum-yellow-background-color-default: var(--dh-color-yellow-bg);--spectrum-chartreuse-background-color-default: var(--dh-color-chartreuse-bg);--spectrum-celery-background-color-default: var(--dh-color-celery-bg);--spectrum-green-background-color-default: var(--dh-color-green-bg);--spectrum-seafoam-background-color-default: var(--dh-color-seafoam-bg);--spectrum-cyan-background-color-default: var(--dh-color-cyan-bg);--spectrum-blue-background-color-default: var(--dh-color-blue-bg);--spectrum-indigo-background-color-default: var(--dh-color-indigo-bg);--spectrum-purple-background-color-default: var(--dh-color-purple-bg);--spectrum-fuchsia-background-color-default: var(--dh-color-fuchsia-bg);--spectrum-magenta-background-color-default: var(--dh-color-magenta-bg)}/*# sourceMappingURL=theme-spectrum-alias.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-alias.module.css"],"names":[],"mappings":"AAEA,mBACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-alias.module.css"],"names":[],"mappings":"AAEA,mBACE,iDACA,8DAGA,8DACA,oFAGA,oFAKA,sEACA,4EACA,2EACA,kFAGA,wEACA,8EACA,6EACA,oFAGA,mFAGA,yFAGA,wFAGA,6FAGA,uEACA,6EACA,4EACA,mFAKA,oEACA,kEACA,sEACA,wEACA,sFAIA,sEACA,kFAGA,kFAIA,6EACA,kFAGA,qFAKA,wFAKA,2FAGA,qFAGA,+GAGA,gGAGA,8FAGA,4GAGA,qHAGA,oGAGA,6GAKA,0DACA,0DAGA,wEAEA,uFAKA,sEACA,0EACA,wEACA,oFAKA,wEACA,4EACA,0EACA,sFAIA,0FAGA,8FAGA,4FAGA,sGAKA,0EACA,8EACA,4EACA,wFAKA,0EACA,8EACA,4EACA,wFAKA,yEACA,6EACA,2EACA,uFAKA,sEACA,0EACA,wEACA,oFAKA,kEACA,gEACA,sEACA,sEACA,8EACA,sEACA,oEACA,wEACA,kEACA,kEACA,sEACA,sEACA,wEACA","file":"theme-spectrum-alias.module.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n.dh-spectrum-alias {\n --spectrum-body-text-color: var(--dh-color-text);\n --spectrum-alias-background-color-default: var(--dh-color-bg);\n\n /* Shadows / Overlays */\n --spectrum-alias-dropshadow-color: var(--dh-color-dropshadow);\n --spectrum-alias-background-color-modal-overlay: var(\n --dh-color-modal-overlay-bg\n );\n --spectrum-alias-background-color-hover-overlay: var(\n --dh-color-overlay-hover-bg\n );\n\n /* Color Picker Borders */\n --spectrum-colorarea-border-color: var(--dh-color-colorpicker-border);\n --spectrum-colorarea-border-color-hover: var(--dh-color-colorpicker-border);\n --spectrum-colorarea-border-color-down: var(--dh-color-colorpicker-border);\n --spectrum-colorarea-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-border-color: var(--dh-color-colorpicker-border);\n --spectrum-colorslider-border-color-hover: var(--dh-color-colorpicker-border);\n --spectrum-colorslider-border-color-down: var(--dh-color-colorpicker-border);\n --spectrum-colorslider-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color-hover: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color-down: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorwheel-border-color: var(--dh-color-colorpicker-border);\n --spectrum-colorwheel-border-color-hover: var(--dh-color-colorpicker-border);\n --spectrum-colorwheel-border-color-down: var(--dh-color-colorpicker-border);\n --spectrum-colorwheel-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n\n /* Highlight */\n --spectrum-alias-highlight-active: var(--dh-color-highlight-active);\n --spectrum-alias-highlight-hover: var(--dh-color-highlight-hover);\n --spectrum-alias-highlight-invalid: var(--dh-color-highlight-invalid);\n --spectrum-alias-highlight-selected: var(--dh-color-highlight-selected);\n --spectrum-alias-highlight-selected-hover: var(\n --dh-color-highlight-selected-hover\n );\n\n --spectrum-alias-text-highlight-color: var(--dh-color-text-highlight);\n --spectrum-alias-background-color-quickactions: var(\n --dh-color-quickactions-bg\n );\n --spectrum-alias-radial-reaction-color-default: var(\n --dh-color-radial-reaction\n );\n\n --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);\n --spectrum-alias-appframe-separator-color: var(\n --spectrum-global-color-gray-50\n );\n --spectrum-alias-pasteboard-background-color: var(\n --spectrum-global-color-gray-50\n );\n\n /* Actions */\n --spectrum-actionbutton-background-color-disabled: var(\n --dh-color-action-disabled-bg\n );\n\n /* Tabs */\n --spectrum-tabs-compact-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-compact-vertical-rule-color: var(\n --spectrum-global-color-gray-200\n );\n --spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-compact-vertical-emphasized-rule-color: var(\n --spectrum-global-color-gray-200\n );\n --spectrum-tabs-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n\n /* Wells */\n --spectrum-well-background-color: var(--dh-color-well-bg);\n --spectrum-well-border-color: var(--dh-color-well-border);\n\n /* PATCH: This is missing in Spectrum css */\n --spectrum-tray-background-color: var(--spectrum-global-color-gray-100);\n\n --react-spectrum-datepicker-placeholder-color: var(\n --spectrum-global-color-gray-600\n ); /* 4.8:1 contrast ratio */\n\n /* Accent */\n --spectrum-accent-background-color-default: var(--dh-color-accent-bg);\n --spectrum-accent-background-color-hover: var(--dh-color-accent-hover-bg);\n --spectrum-accent-background-color-down: var(--dh-color-accent-down-bg);\n --spectrum-accent-background-color-key-focus: var(\n --dh-color-accent-key-focus-bg\n );\n\n /* Neutral */\n --spectrum-neutral-background-color-default: var(--dh-color-neutral-bg);\n --spectrum-neutral-background-color-hover: var(--dh-color-neutral-hover-bg);\n --spectrum-neutral-background-color-down: var(--dh-color-neutral-down-bg);\n --spectrum-neutral-background-color-key-focus: var(\n --dh-color-neutral-key-focus-bg\n );\n\n --spectrum-neutral-subdued-background-color-default: var(\n --dh-color-neutral-subdued-bg\n );\n --spectrum-neutral-subdued-background-color-hover: var(\n --dh-color-neutral-subdued-hover-bg\n );\n --spectrum-neutral-subdued-background-color-down: var(\n --dh-color-neutral-subdued-down-bg\n );\n --spectrum-neutral-subdued-background-color-key-focus: var(\n --dh-color-neutral-subdued-key-focus-bg\n );\n\n /* Negative */\n --spectrum-negative-background-color-default: var(--dh-color-negative-bg);\n --spectrum-negative-background-color-hover: var(--dh-color-negative-hover-bg);\n --spectrum-negative-background-color-down: var(--dh-color-negative-down-bg);\n --spectrum-negative-background-color-key-focus: var(\n --dh-color-negative-key-focus-bg\n );\n\n /* Positive */\n --spectrum-positive-background-color-default: var(--dh-color-positive-bg);\n --spectrum-positive-background-color-hover: var(--dh-color-positive-hover-bg);\n --spectrum-positive-background-color-down: var(--dh-color-positive-down-bg);\n --spectrum-positive-background-color-key-focus: var(\n --dh-color-positive-key-focus-bg\n );\n\n /* Informative */\n --spectrum-informative-background-color-default: var(--dh-color-info-bg);\n --spectrum-informative-background-color-hover: var(--dh-color-info-hover-bg);\n --spectrum-informative-background-color-down: var(--dh-color-info-down-bg);\n --spectrum-informative-background-color-key-focus: var(\n --dh-color-info-key-focus-bg\n );\n\n /* Notice */\n --spectrum-notice-background-color-default: var(--dh-color-notice-bg);\n --spectrum-notice-background-color-hover: var(--dh-color-notice-hover-bg);\n --spectrum-notice-background-color-down: var(--dh-color-notice-down-bg);\n --spectrum-notice-background-color-key-focus: var(\n --dh-color-notice-key-focus-bg\n );\n\n /* Default Background */\n --spectrum-gray-background-color-default: var(--dh-color-gray-bg);\n --spectrum-red-background-color-default: var(--dh-color-red-bg);\n --spectrum-orange-background-color-default: var(--dh-color-orange-bg);\n --spectrum-yellow-background-color-default: var(--dh-color-yellow-bg);\n --spectrum-chartreuse-background-color-default: var(--dh-color-chartreuse-bg);\n --spectrum-celery-background-color-default: var(--dh-color-celery-bg);\n --spectrum-green-background-color-default: var(--dh-color-green-bg);\n --spectrum-seafoam-background-color-default: var(--dh-color-seafoam-bg);\n --spectrum-cyan-background-color-default: var(--dh-color-cyan-bg);\n --spectrum-blue-background-color-default: var(--dh-color-blue-bg);\n --spectrum-indigo-background-color-default: var(--dh-color-indigo-bg);\n --spectrum-purple-background-color-default: var(--dh-color-purple-bg);\n --spectrum-fuchsia-background-color-default: var(--dh-color-fuchsia-bg);\n --spectrum-magenta-background-color-default: var(--dh-color-magenta-bg);\n}\n"]}
|