{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-components.css"],"names":[],"mappings":"AAEA,MACE,8DACA,sGAKA,+FAKA,+FAKA,kGAOA,wCAGA,mDACA,0DACA,kDACA,qDAIA,4GAKA,+GAKA,kEACA,qEAGA,8CACA,2CACA,iDAEA,oDAEA,oDACA,uDACA,6DAEA,uDACA,6DACA,2DAEA,mEACA,mEACA,uEAEA,2CACA,6DACA,4DAGA,6CACA,sDAGA,6CACA,0CACA,gDACA,uDACA,qDACA,0DACA,8CACA,4DACA,4DACA,4DAGA,2CACA,+DACA,6GAOA,gDAGA,gDACA,gDACA,sDACA,uDACA,kEAGA,qCACA,iEACA,+DACA,uDACA,qEACA,mFAGA,oEACA,iEACA,2DAEA,yGAeA,iEACA,0DACA,qEAGA,kDAGA,wCAGA,yDACA,2CAGA,+CACA,oDAGA,+CACA,0CACA,0DAGA,2EACA,0FAOA","file":"theme-light-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: color-mix(\n    in srgb,\n    var(--dh-color-gray-800) 50%,\n    transparent\n  );\n  --dh-color-quickactions-bg: color-mix(\n    in srgb,\n    var(--dh-color-visual-gray) 90%,\n    transparent\n  );\n  --dh-color-radial-reaction: color-mix(\n    in srgb,\n    var(--dh-color-visual-gray) 60%,\n    transparent\n  );\n  --dh-color-colorpicker-border: color-mix(\n    in srgb,\n    var(--dh-color-visual-gray) 10%,\n    transparent\n  );\n\n  /* Logo */\n  --dh-logo-img: var(--dh-logo-light-img);\n\n  /* Login */\n  --dh-color-login-form-bg: var(--dh-color-gray-200);\n  --dh-color-login-status-message: var(--dh-color-gray-600);\n  --dh-color-login-logo-bg: var(--dh-color-gray-50);\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: color-mix(\n    in srgb,\n    var(--dh-color-accent) 8%,\n    transparent\n  );\n  --dh-color-random-area-plot-animation-fg-stroke: color-mix(\n    in srgb,\n    var(--dh-color-accent) 20%,\n    transparent\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: var(--dh-color-gray-75);\n  --dh-color-action-fg: var(--dh-color-text);\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-gray-50);\n  --dh-color-action-hover-fg: var(--dh-color-text-hover);\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-text-disabled);\n  --dh-color-action-disabled-border: var(--dh-color-gray-300);\n\n  /* Icons */\n  --dh-color-icon-fg: var(--dh-color-gray-700);\n  --dh-color-icon-disabled-fg: var(--dh-color-gray-400);\n\n  /* Inputs */\n  --dh-color-input-bg: var(--dh-color-gray-50);\n  --dh-color-input-fg: var(--dh-color-text);\n  --dh-color-input-border: var(--dh-color-border);\n  --dh-color-input-placeholder: var(--dh-color-gray-600);\n  --dh-color-input-active-bg: var(--dh-color-input-bg);\n  --dh-color-input-disabled-bg: var(--dh-color-disabled-bg);\n  --dh-color-input-disabled-border: transparent;\n  --dh-color-input-disabled-fg: var(--dh-color-text-disabled);\n  --dh-color-input-hover-border: var(--dh-color-hover-border);\n  --dh-color-input-focus-border: var(--dh-color-border-focus);\n\n  /* Form Controls */\n  --dh-color-search-icon: var(--dh-color-fg);\n  --dh-color-form-control-error: var(--dh-color-visual-negative);\n  --dh-color-form-control-error-shadow: color-mix(\n    in srgb,\n    var(--dh-color-visual-negative) 25%,\n    transparent\n  );\n\n  /* Labels */\n  --dh-color-label-text: var(--dh-color-gray-700);\n\n  /* Selectors (pickers, dropdowns, select, etc.) */\n  --dh-color-selector-fg: var(--dh-color-icon-fg);\n  --dh-color-selector-bg: var(--dh-color-gray-75);\n  --dh-color-selector-hover-bg: var(--dh-color-gray-50);\n  --dh-color-selector-hover-fg: var(--dh-color-gray-900);\n  --dh-color-selector-disabled-fg: var(--dh-color-icon-disabled-fg);\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-text);\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-300);\n  --dh-color-item-list-selected-border: var(--dh-color-accent-900);\n  --dh-color-item-list-drop-target-fg: var(--dh-color-white);\n\n  --dh-color-item-list-keyboard-selected-bg: color-mix(\n    in srgb,\n    var(--dh-color-accent) 50%,\n    transparent\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  /* Golden Layout */\n  --dh-color-golden-layout-tab-header-bg: var(--dh-color-gray-200);\n  --dh-color-golden-layout-tab-bg: var(--dh-color-gray-100);\n  --dh-color-golden-layout-tab-selected-bg: var(--dh-color-content-bg);\n\n  /* Navigation Menu */\n  --dh-color-menu-item-fg: var(--dh-color-gray-700);\n\n  /* Hr */\n  --dh-color-hr: var(--dh-color-gray-300);\n\n  /* Dialogs */\n  --dh-color-dialog-title-fg: var(--dh-color-heading-text);\n  --dh-color-dialog-fg: var(--dh-color-text);\n\n  /* Popovers */\n  --dh-color-popover-bg: var(--dh-color-gray-50);\n  --dh-color-popover-border: var(--dh-color-gray-400);\n\n  /* Tooltips */\n  --dh-color-tooltip-bg: var(--dh-color-gray-50);\n  --dh-color-tooltip-fg: var(--dh-color-fg);\n  --dh-color-tooltip-box-shadow: var(--dh-color-dropshadow);\n\n  /* Wells */\n  --dh-color-well-bg: color-mix(var(--dh-color-visual-gray) 2%, transparent);\n  --dh-color-well-border: color-mix(\n    in srgb,\n    var(--dh-color-visual-gray) 5%,\n    transparent\n  );\n\n  /* Switch */\n  --dh-toggle-switch-bg: var(--dh-color-gray-400);\n}\n"]}