@deephaven/components 0.55.1-beta.13 → 0.55.1-beta.16

package/dist/theme/ThemeModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeModel.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeModel.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7C,MAAM,MAAM,YAAY,GAAG,WAAW,aAAa,EAAE,CAAC;AACtD,MAAM,MAAM,uBAAuB,GAAG,SAAS,MAAM,EAAE,CAAC;AACxD,MAAM,MAAM,oBAAoB,GAAG,QAAQ,MAAM,EAAE,CAAC;AAEpD,MAAM,MAAM,yBAAyB,GACjC,oCAAoC,GACpC,sCAAsC,GACtC,uBAAuB,GACvB,uBAAuB,CAAC;AAE5B,MAAM,MAAM,qCAAqC,GAC7C,gCAAgC,GAChC,sCAAsC,GACtC,yCAAyC,GACzC,qBAAqB,CAAC;AAE1B,eAAO,MAAM,sBAAsB,iBAAwC,CAAC;AAC5E,eAAO,MAAM,uBAAuB,kBAAyC,CAAC;AAG9E,eAAO,MAAM,8BAA8B,EAAE,MAAM,CACjD,yBAAyB,EACzB,MAAM,CAMP,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAC5C,qCAAqC,EACrC,MAAM,CAMP,CAAC;AAEF,eAAO,MAAM,6BAA6B,yBAAyB,CAAC;AAEpE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;CAC/C;AAED,MAAM,WAAW,SAAS;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB"}
+{"version":3,"file":"ThemeModel.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeModel.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7C,MAAM,MAAM,YAAY,GAAG,WAAW,aAAa,EAAE,CAAC;AACtD,MAAM,MAAM,uBAAuB,GAAG,SAAS,MAAM,EAAE,CAAC;AACxD,MAAM,MAAM,oBAAoB,GAAG,QAAQ,MAAM,EAAE,CAAC;AAEpD,MAAM,MAAM,yBAAyB,GACjC,4BAA4B,GAC5B,sBAAsB,GACtB,4BAA4B,GAC5B,2BAA2B,GAC3B,gCAAgC,GAChC,wBAAwB,GACxB,oCAAoC,GACpC,sCAAsC,GACtC,eAAe,GACf,eAAe,GACf,qBAAqB,GACrB,qBAAqB,GACrB,8BAA8B,GAC9B,yBAAyB,GACzB,8BAA8B,GAC9B,+BAA+B,GAI/B,0BAA0B,GAC1B,iCAAiC,GACjC,0BAA0B,GAC1B,4BAA4B,GAC5B,+CAA+C,GAC/C,iDAAiD,GACjD,0CAA0C,GAC1C,4CAA4C,CAAC;AAEjD,MAAM,MAAM,qCAAqC,GAC7C,gCAAgC,GAChC,sCAAsC,GACtC,yCAAyC,GACzC,qBAAqB,CAAC;AAE1B,eAAO,MAAM,sBAAsB,iBAAwC,CAAC;AAC5E,eAAO,MAAM,uBAAuB,kBAAyC,CAAC;AA2B9E,eAAO,MAAM,8BAA8B,EAAE,MAAM,CACjD,yBAAyB,EACzB,MAAM,CA+BP,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAC5C,qCAAqC,EACrC,MAAM,CAMP,CAAC;AAEF,eAAO,MAAM,6BAA6B,yBAAyB,CAAC;AAEpE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;CAC/C;AAED,MAAM,WAAW,SAAS;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB"}

package/dist/theme/ThemeModel.js

@@ -1,15 +1,64 @@
 export var DEFAULT_DARK_THEME_KEY = 'default-dark';
 export var DEFAULT_LIGHT_THEME_KEY = 'default-light';
 
+// Hex versions of some of the default dark theme color palette needed for
+// preload defaults.
+var DEFAULT_DARK_THEME_PALETTE = {
+  blue: {
+    500: '#2f5bc0',
+    400: '#254ba4',
+    600: '#3b6bda' // accent color
+  },
+
+  red: {
+    600: '#c73f61'
+  },
+  gray: {
+    50: '#1a171a',
+    75: '#211f22',
+    300: '#373438',
+    400: '#403e41',
+    500: '#5b5a5c',
+    600: '#929192',
+    700: '#c0bfbf',
+    800: '#f0f0ee',
+    900: '#fcfcfa'
+  }
+};
+
 // Css properties that are used in preload data with default values.
 export var DEFAULT_PRELOAD_DATA_VARIABLES = {
-  '--dh-color-loading-spinner-primary': '#3b6bda',
-  // dark theme --dh-color-blue-600
-  '--dh-color-loading-spinner-secondary': '#f0f0ee80',
-  // dark theme --dh-color-gray-800 + 50% opacity
-  '--dh-color-background': '#1a171a',
-  // dark theme --dh-color-gray-50
-  '--dh-color-foreground': '#f0f0ee' // dark theme --dh-color-gray-800
+  '--dh-color-accent-contrast': DEFAULT_DARK_THEME_PALETTE.gray[900],
+  '--dh-color-accent-bg': DEFAULT_DARK_THEME_PALETTE.blue[600],
+  '--dh-color-accent-hover-bg': DEFAULT_DARK_THEME_PALETTE.blue[500],
+  '--dh-color-accent-down-bg': DEFAULT_DARK_THEME_PALETTE.blue[400],
+  '--dh-color-accent-key-focus-bg': DEFAULT_DARK_THEME_PALETTE.blue[500],
+  '--dh-color-negative-bg': DEFAULT_DARK_THEME_PALETTE.red[600],
+  '--dh-color-loading-spinner-primary': DEFAULT_DARK_THEME_PALETTE.blue[600],
+  '--dh-color-loading-spinner-secondary': "".concat(DEFAULT_DARK_THEME_PALETTE.gray[800], "80"),
+  // 50% opacity
+  '--dh-color-bg': DEFAULT_DARK_THEME_PALETTE.gray[50],
+  '--dh-color-fg': DEFAULT_DARK_THEME_PALETTE.gray[800],
+  '--dh-color-input-bg': DEFAULT_DARK_THEME_PALETTE.gray[500],
+  '--dh-color-input-fg': DEFAULT_DARK_THEME_PALETTE.gray[800],
+  '--dh-color-input-disabled-bg': DEFAULT_DARK_THEME_PALETTE.gray[300],
+  '--dh-color-input-border': DEFAULT_DARK_THEME_PALETTE.gray[600],
+  '--dh-color-input-placeholder': DEFAULT_DARK_THEME_PALETTE.gray[600],
+  '--dh-color-input-focus-border': "".concat(DEFAULT_DARK_THEME_PALETTE.blue[600], "d9"),
+  // 85% opacity
+  // Preloading login specific variables should only be needed in DHE. Including
+  // them for now until we have a way for DHE to configure them. To be addressed
+  // by #1679
+  '--dh-color-login-form-bg': DEFAULT_DARK_THEME_PALETTE.gray[400],
+  '--dh-color-login-status-message': DEFAULT_DARK_THEME_PALETTE.gray[600],
+  '--dh-color-login-logo-bg': DEFAULT_DARK_THEME_PALETTE.gray[900],
+  '--dh-color-login-footer-fg': DEFAULT_DARK_THEME_PALETTE.gray[700],
+  '--dh-color-random-area-plot-animation-fg-fill': "".concat(DEFAULT_DARK_THEME_PALETTE.blue[600], "14"),
+  // .08 opacity
+  '--dh-color-random-area-plot-animation-fg-stroke': "".concat(DEFAULT_DARK_THEME_PALETTE.blue[600], "33"),
+  // .2 opacity
+  '--dh-color-random-area-plot-animation-bg': DEFAULT_DARK_THEME_PALETTE.gray[75],
+  '--dh-color-random-area-plot-animation-grid': DEFAULT_DARK_THEME_PALETTE.gray[300]
 };
 
 /**

package/dist/theme/ThemeModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeModel.js","names":["DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","DEFAULT_PRELOAD_DATA_VARIABLES","SVG_ICON_MANUAL_COLOR_MAP","THEME_CACHE_LOCAL_STORAGE_KEY"],"sources":["../../src/theme/ThemeModel.ts"],"sourcesContent":["export type BaseThemeType = 'dark' | 'light';\nexport type BaseThemeKey = `default-${BaseThemeType}`;\nexport type CssVariableStyleContent = `:root{${string}`;\nexport type ThemeCssVariableName = `--dh-${string}`;\n\nexport type ThemePreloadColorVariable =\n  | '--dh-color-loading-spinner-primary'\n  | '--dh-color-loading-spinner-secondary'\n  | '--dh-color-background'\n  | '--dh-color-foreground';\n\nexport type ThemeIconsRequiringManualColorChanges =\n  | '--dh-svg-icon-select-indicator'\n  | '--dh-svg-icon-select-indicator-hover'\n  | '--dh-svg-icon-select-indicator-disabled'\n  | '--dh-svg-icon-error';\n\nexport const DEFAULT_DARK_THEME_KEY = 'default-dark' satisfies BaseThemeKey;\nexport const DEFAULT_LIGHT_THEME_KEY = 'default-light' satisfies BaseThemeKey;\n\n// Css properties that are used in preload data with default values.\nexport const DEFAULT_PRELOAD_DATA_VARIABLES: Record<\n  ThemePreloadColorVariable,\n  string\n> = {\n  '--dh-color-loading-spinner-primary': '#3b6bda', // dark theme --dh-color-blue-600\n  '--dh-color-loading-spinner-secondary': '#f0f0ee80', // dark theme --dh-color-gray-800 + 50% opacity\n  '--dh-color-background': '#1a171a', // dark theme --dh-color-gray-50\n  '--dh-color-foreground': '#f0f0ee', // dark theme --dh-color-gray-800\n};\n\n/**\n * Some inline SVGs require manually updating their fill color via\n * `updateSVGFillColors`. This object maps these variables to their respective\n * fill color variables.\n */\nexport const SVG_ICON_MANUAL_COLOR_MAP: Record<\n  ThemeIconsRequiringManualColorChanges,\n  string\n> = {\n  '--dh-svg-icon-select-indicator': '--dh-color-selector-fg',\n  '--dh-svg-icon-select-indicator-hover': '--dh-color-selector-hover-fg',\n  '--dh-svg-icon-select-indicator-disabled': '--dh-color-selector-disabled-fg',\n  '--dh-svg-icon-error': '--dh-color-form-control-error',\n};\n\nexport const THEME_CACHE_LOCAL_STORAGE_KEY = 'deephaven.themeCache';\n\nexport interface ThemePreloadData {\n  themeKey: string;\n  preloadStyleContent?: CssVariableStyleContent;\n}\n\nexport interface ThemeData {\n  baseThemeKey?: BaseThemeKey;\n  themeKey: string;\n  name: string;\n  styleContent: string;\n}\n\nexport interface ThemeRegistrationData {\n  base: ThemeData[];\n  custom: ThemeData[];\n}\n"],"mappings":"AAiBA,OAAO,IAAMA,sBAAsB,GAAG,cAAqC;AAC3E,OAAO,IAAMC,uBAAuB,GAAG,eAAsC;;AAE7E;AACA,OAAO,IAAMC,8BAGZ,GAAG;EACF,oCAAoC,EAAE,SAAS;EAAE;EACjD,sCAAsC,EAAE,WAAW;EAAE;EACrD,uBAAuB,EAAE,SAAS;EAAE;EACpC,uBAAuB,EAAE,SAAS,CAAE;AACtC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,yBAGZ,GAAG;EACF,gCAAgC,EAAE,wBAAwB;EAC1D,sCAAsC,EAAE,8BAA8B;EACtE,yCAAyC,EAAE,iCAAiC;EAC5E,qBAAqB,EAAE;AACzB,CAAC;AAED,OAAO,IAAMC,6BAA6B,GAAG,sBAAsB"}
+{"version":3,"file":"ThemeModel.js","names":["DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","DEFAULT_DARK_THEME_PALETTE","blue","red","gray","DEFAULT_PRELOAD_DATA_VARIABLES","concat","SVG_ICON_MANUAL_COLOR_MAP","THEME_CACHE_LOCAL_STORAGE_KEY"],"sources":["../../src/theme/ThemeModel.ts"],"sourcesContent":["export type BaseThemeType = 'dark' | 'light';\nexport type BaseThemeKey = `default-${BaseThemeType}`;\nexport type CssVariableStyleContent = `:root{${string}`;\nexport type ThemeCssVariableName = `--dh-${string}`;\n\nexport type ThemePreloadColorVariable =\n  | '--dh-color-accent-contrast'\n  | '--dh-color-accent-bg'\n  | '--dh-color-accent-hover-bg'\n  | '--dh-color-accent-down-bg'\n  | '--dh-color-accent-key-focus-bg'\n  | '--dh-color-negative-bg'\n  | '--dh-color-loading-spinner-primary'\n  | '--dh-color-loading-spinner-secondary'\n  | '--dh-color-bg'\n  | '--dh-color-fg'\n  | '--dh-color-input-bg'\n  | '--dh-color-input-fg'\n  | '--dh-color-input-disabled-bg'\n  | '--dh-color-input-border'\n  | '--dh-color-input-placeholder'\n  | '--dh-color-input-focus-border'\n  // Preloading login specific variables should only be needed in DHE. Including\n  // them for now until we have a way for DHE to configure them. To be addressed\n  // by #1679\n  | '--dh-color-login-form-bg'\n  | '--dh-color-login-status-message'\n  | '--dh-color-login-logo-bg'\n  | '--dh-color-login-footer-fg'\n  | '--dh-color-random-area-plot-animation-fg-fill'\n  | '--dh-color-random-area-plot-animation-fg-stroke'\n  | '--dh-color-random-area-plot-animation-bg'\n  | '--dh-color-random-area-plot-animation-grid';\n\nexport type ThemeIconsRequiringManualColorChanges =\n  | '--dh-svg-icon-select-indicator'\n  | '--dh-svg-icon-select-indicator-hover'\n  | '--dh-svg-icon-select-indicator-disabled'\n  | '--dh-svg-icon-error';\n\nexport const DEFAULT_DARK_THEME_KEY = 'default-dark' satisfies BaseThemeKey;\nexport const DEFAULT_LIGHT_THEME_KEY = 'default-light' satisfies BaseThemeKey;\n\n// Hex versions of some of the default dark theme color palette needed for\n// preload defaults.\nconst DEFAULT_DARK_THEME_PALETTE = {\n  blue: {\n    500: '#2f5bc0',\n    400: '#254ba4',\n    600: '#3b6bda', // accent color\n  },\n  red: {\n    600: '#c73f61',\n  },\n  gray: {\n    50: '#1a171a',\n    75: '#211f22',\n    300: '#373438',\n    400: '#403e41',\n    500: '#5b5a5c',\n    600: '#929192',\n    700: '#c0bfbf',\n    800: '#f0f0ee',\n    900: '#fcfcfa',\n  },\n} as const;\n\n// Css properties that are used in preload data with default values.\nexport const DEFAULT_PRELOAD_DATA_VARIABLES: Record<\n  ThemePreloadColorVariable,\n  string\n> = {\n  '--dh-color-accent-contrast': DEFAULT_DARK_THEME_PALETTE.gray[900],\n  '--dh-color-accent-bg': DEFAULT_DARK_THEME_PALETTE.blue[600],\n  '--dh-color-accent-hover-bg': DEFAULT_DARK_THEME_PALETTE.blue[500],\n  '--dh-color-accent-down-bg': DEFAULT_DARK_THEME_PALETTE.blue[400],\n  '--dh-color-accent-key-focus-bg': DEFAULT_DARK_THEME_PALETTE.blue[500],\n  '--dh-color-negative-bg': DEFAULT_DARK_THEME_PALETTE.red[600],\n  '--dh-color-loading-spinner-primary': DEFAULT_DARK_THEME_PALETTE.blue[600],\n  '--dh-color-loading-spinner-secondary': `${DEFAULT_DARK_THEME_PALETTE.gray[800]}80`, // 50% opacity\n  '--dh-color-bg': DEFAULT_DARK_THEME_PALETTE.gray[50],\n  '--dh-color-fg': DEFAULT_DARK_THEME_PALETTE.gray[800],\n  '--dh-color-input-bg': DEFAULT_DARK_THEME_PALETTE.gray[500],\n  '--dh-color-input-fg': DEFAULT_DARK_THEME_PALETTE.gray[800],\n  '--dh-color-input-disabled-bg': DEFAULT_DARK_THEME_PALETTE.gray[300],\n  '--dh-color-input-border': DEFAULT_DARK_THEME_PALETTE.gray[600],\n  '--dh-color-input-placeholder': DEFAULT_DARK_THEME_PALETTE.gray[600],\n  '--dh-color-input-focus-border': `${DEFAULT_DARK_THEME_PALETTE.blue[600]}d9`, // 85% opacity\n  // Preloading login specific variables should only be needed in DHE. Including\n  // them for now until we have a way for DHE to configure them. To be addressed\n  // by #1679\n  '--dh-color-login-form-bg': DEFAULT_DARK_THEME_PALETTE.gray[400],\n  '--dh-color-login-status-message': DEFAULT_DARK_THEME_PALETTE.gray[600],\n  '--dh-color-login-logo-bg': DEFAULT_DARK_THEME_PALETTE.gray[900],\n  '--dh-color-login-footer-fg': DEFAULT_DARK_THEME_PALETTE.gray[700],\n  '--dh-color-random-area-plot-animation-fg-fill': `${DEFAULT_DARK_THEME_PALETTE.blue[600]}14`, // .08 opacity\n  '--dh-color-random-area-plot-animation-fg-stroke': `${DEFAULT_DARK_THEME_PALETTE.blue[600]}33`, // .2 opacity\n  '--dh-color-random-area-plot-animation-bg':\n    DEFAULT_DARK_THEME_PALETTE.gray[75],\n  '--dh-color-random-area-plot-animation-grid':\n    DEFAULT_DARK_THEME_PALETTE.gray[300],\n};\n\n/**\n * Some inline SVGs require manually updating their fill color via\n * `updateSVGFillColors`. This object maps these variables to their respective\n * fill color variables.\n */\nexport const SVG_ICON_MANUAL_COLOR_MAP: Record<\n  ThemeIconsRequiringManualColorChanges,\n  string\n> = {\n  '--dh-svg-icon-select-indicator': '--dh-color-selector-fg',\n  '--dh-svg-icon-select-indicator-hover': '--dh-color-selector-hover-fg',\n  '--dh-svg-icon-select-indicator-disabled': '--dh-color-selector-disabled-fg',\n  '--dh-svg-icon-error': '--dh-color-form-control-error',\n};\n\nexport const THEME_CACHE_LOCAL_STORAGE_KEY = 'deephaven.themeCache';\n\nexport interface ThemePreloadData {\n  themeKey: string;\n  preloadStyleContent?: CssVariableStyleContent;\n}\n\nexport interface ThemeData {\n  baseThemeKey?: BaseThemeKey;\n  themeKey: string;\n  name: string;\n  styleContent: string;\n}\n\nexport interface ThemeRegistrationData {\n  base: ThemeData[];\n  custom: ThemeData[];\n}\n"],"mappings":"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"}

package/dist/theme/ThemeUtils.d.ts

@@ -76,8 +76,8 @@ export declare function replaceSVGFillColor(svgContent: string, fillColor: strin
 /**
  * Make a copy of the given object replacing any css variable expressions
  * contained in its prop values with values resolved from the given HTML element.
- * Variables that resolve to color strings will also be normalized to rgb or
- * rgba color strings.
+ * Variables that resolve to color strings will also be normalized to 8 digit
+ * hex values (or optionally 6 digit hex if `isAlphaOptional` is true).
  *
  * Note that the browser will force a reflow when calling `getComputedStyle` if
  * css properties have changed. In order to avoid a reflow for every property
@@ -90,8 +90,10 @@ export declare function replaceSVGFillColor(svgContent: string, fillColor: strin
  * @param record An object whose values may contain css var expressions
  * @param targetElement The element to resolve css variables against. Defaults
  * to document.body
+ * @param isAlphaOptional If true, the alpha value will be dropped from resolved
+ * 8 character hex colors if it is 'ff'. Defaults to false.
  */
-export declare function resolveCssVariablesInRecord<T extends Record<string, string>>(record: T, targetElement?: HTMLElement): T;
+export declare function resolveCssVariablesInRecord<T extends Record<string, string>>(record: T, targetElement?: HTMLElement, isAlphaOptional?: boolean): T;
 /**
  * Resolve css variable expressions in the given string using the
  * given resolver and replace the original expressions with the resolved values.

package/dist/theme/ThemeUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeUtils.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeUtils.ts"],"names":[],"mappings":"AAGA,OAAO,EAGL,SAAS,EACT,gBAAgB,EAChB,uBAAuB,EAEvB,qBAAqB,EAGrB,oBAAoB,EAErB,MAAM,cAAc,CAAC;AAItB,eAAO,MAAM,yBAAyB,WAAW,CAAC;AAClD,eAAO,MAAM,mBAAmB,WAAW,CAAC;AAC5C,eAAO,MAAM,oBAAoB,QAAO,CAAC;AACzC,eAAO,MAAM,gBAAgB,QAAO,CAAC;AAErC,MAAM,MAAM,qBAAqB,GAAG,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;AAEtE;;;;;GAKG;AACH,wBAAgB,4BAA4B,IAAI,uBAAuB,CAUtE;AAED;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CACvC,EAAE,EAAE,OAAO,GACV,CAAC,OAAO,EAAE,oBAAoB,KAAK,MAAM,CAkB3C;AAED;;;;GAIG;AACH,wBAAgB,qCAAqC,CACnD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7B,GAAG,CAAC,MAAM,CAAC,CAcb;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,MAAM,EAChB,iBAAiB,EAAE,qBAAqB,GACvC,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CA+BtC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,EAAE,CAgBlD;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,GAAG,IAAI,CAU7D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAiCrE;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,GAChB,MAAM,CAKR;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC1E,MAAM,EAAE,CAAC,EACT,aAAa,GAAE,WAA2B,GACzC,CAAC,CA2CH;AAED;;;;;;GAMG;AACH,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,qBAAqB,EAC/B,KAAK,EAAE,MAAM,GACZ,MAAM,CAyBR;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAKvE;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAEzE;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,IAAI,CAWnC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,qBAAqB,IAAI,IAAI,CAkB5C"}
+{"version":3,"file":"ThemeUtils.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeUtils.ts"],"names":[],"mappings":"AAGA,OAAO,EAGL,SAAS,EACT,gBAAgB,EAChB,uBAAuB,EAEvB,qBAAqB,EAGrB,oBAAoB,EAErB,MAAM,cAAc,CAAC;AAItB,eAAO,MAAM,yBAAyB,WAAW,CAAC;AAClD,eAAO,MAAM,mBAAmB,WAAW,CAAC;AAC5C,eAAO,MAAM,oBAAoB,QAAO,CAAC;AACzC,eAAO,MAAM,gBAAgB,QAAO,CAAC;AAErC,MAAM,MAAM,qBAAqB,GAAG,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;AAEtE;;;;;GAKG;AACH,wBAAgB,4BAA4B,IAAI,uBAAuB,CAUtE;AAED;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CACvC,EAAE,EAAE,OAAO,GACV,CAAC,OAAO,EAAE,oBAAoB,KAAK,MAAM,CAkB3C;AAED;;;;GAIG;AACH,wBAAgB,qCAAqC,CACnD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7B,GAAG,CAAC,MAAM,CAAC,CAcb;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,MAAM,EAChB,iBAAiB,EAAE,qBAAqB,GACvC,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CA+BtC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,EAAE,CAgBlD;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,GAAG,IAAI,CAU7D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAiCrE;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,GAChB,MAAM,CAKR;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC1E,MAAM,EAAE,CAAC,EACT,aAAa,GAAE,WAA2B,EAC1C,eAAe,UAAQ,GACtB,CAAC,CA2CH;AAED;;;;;;GAMG;AACH,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,qBAAqB,EAC/B,KAAK,EAAE,MAAM,GACZ,MAAM,CAyBR;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAKvE;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAEzE;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,IAAI,CAWnC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,qBAAqB,IAAI,IAAI,CAkB5C"}

package/dist/theme/ThemeUtils.js

@@ -182,8 +182,8 @@ export function replaceSVGFillColor(svgContent, fillColor) {
 /**
  * Make a copy of the given object replacing any css variable expressions
  * contained in its prop values with values resolved from the given HTML element.
- * Variables that resolve to color strings will also be normalized to rgb or
- * rgba color strings.
+ * Variables that resolve to color strings will also be normalized to 8 digit
+ * hex values (or optionally 6 digit hex if `isAlphaOptional` is true).
  *
  * Note that the browser will force a reflow when calling `getComputedStyle` if
  * css properties have changed. In order to avoid a reflow for every property
@@ -196,9 +196,12 @@ export function replaceSVGFillColor(svgContent, fillColor) {
  * @param record An object whose values may contain css var expressions
  * @param targetElement The element to resolve css variables against. Defaults
  * to document.body
+ * @param isAlphaOptional If true, the alpha value will be dropped from resolved
+ * 8 character hex colors if it is 'ff'. Defaults to false.
  */
 export function resolveCssVariablesInRecord(record) {
   var targetElement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
+  var isAlphaOptional = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var perfStart = performance.now();
 
   // Add a temporary div to attach temp css variables to
@@ -216,7 +219,7 @@ export function resolveCssVariablesInRecord(record) {
   var resolver = varExpression => {
     var tmpPropKey = "--".concat(TMP_CSS_PROP_PREFIX, "-").concat(varExpressions.indexOf(varExpression));
     var resolved = computedStyle.getPropertyValue(tmpPropKey);
-    return ColorUtils.normalizeCssColor(resolved);
+    return ColorUtils.normalizeCssColor(resolved, isAlphaOptional);
   };
 
   // Resolve the temporary css variables

package/dist/theme/ThemeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeUtils.js","names":["Log","assertNotNull","ColorUtils","themeDark","DEFAULT_DARK_THEME_KEY","DEFAULT_PRELOAD_DATA_VARIABLES","THEME_CACHE_LOCAL_STORAGE_KEY","SVG_ICON_MANUAL_COLOR_MAP","log","module","CSS_VAR_EXPRESSION_PREFIX","TMP_CSS_PROP_PREFIX","NON_WHITESPACE_REGEX","WHITESPACE_REGEX","calculatePreloadStyleContent","resolveVar","createCssVariableResolver","document","body","pairs","Object","keys","map","key","concat","join","el","computedStyle","getComputedStyle","cssVariableResolver","varName","_DEFAULT_PRELOAD_DATA","value","getPropertyValue","extractDistinctCssVariableExpressions","record","set","Set","values","forEach","getExpressionRanges","_ref","start","end","expression","substring","includes","add","getActiveThemes","themeKey","themeRegistration","_custom$baseThemeKey","custom","find","theme","baseThemeKey","base","error","debug","getDefaultBaseThemes","name","styleContent","getThemePreloadData","data","localStorage","getItem","JSON","parse","_unused","_NON_WHITESPACE_REGEX","_NON_WHITESPACE_REGEX2","ranges","exec","index","parenLevel","i","length","test","push","replaceSVGFillColor","svgContent","fillColor","replace","encodeURIComponent","resolveCssVariablesInRecord","targetElement","arguments","undefined","perfStart","performance","now","tmpPropEl","createElement","appendChild","varExpressions","varExpression","tmpPropKey","style","setProperty","result","window","resolver","indexOf","resolved","normalizeCssColor","entries","_ref2","resolveCssVariablesInString","remove","_ref3","setThemePreloadData","preloadData","setItem","stringify","getThemeKey","pluginName","themeName","preloadTheme","_getThemePreloadData$","_getThemePreloadData","preloadStyleContent","id","innerHTML","head","overrideSVGFillColors","_ref4","removeProperty","newSVGContent"],"sources":["../../src/theme/ThemeUtils.ts"],"sourcesContent":["import Log from '@deephaven/log';\nimport { assertNotNull, ColorUtils } from '@deephaven/utils';\nimport { themeDark } from './theme-dark';\nimport {\n  DEFAULT_DARK_THEME_KEY,\n  DEFAULT_PRELOAD_DATA_VARIABLES,\n  ThemeData,\n  ThemePreloadData,\n  CssVariableStyleContent,\n  ThemePreloadColorVariable,\n  ThemeRegistrationData,\n  THEME_CACHE_LOCAL_STORAGE_KEY,\n  SVG_ICON_MANUAL_COLOR_MAP,\n  ThemeCssVariableName,\n  ThemeIconsRequiringManualColorChanges,\n} from './ThemeModel';\n\nconst log = Log.module('ThemeUtils');\n\nexport const CSS_VAR_EXPRESSION_PREFIX = 'var(--';\nexport const TMP_CSS_PROP_PREFIX = 'dh-tmp';\nexport const NON_WHITESPACE_REGEX = /\\S/;\nexport const WHITESPACE_REGEX = /\\s/;\n\nexport type VarExpressionResolver = (varExpression: string) => string;\n\n/**\n * Resolves the current values of CSS variables we want to preload. Preloading\n * happens before themes are fully loaded so that we can style things like the\n * loading spinner and background color which are shown to the user early on in\n * the app lifecycle.\n */\nexport function calculatePreloadStyleContent(): CssVariableStyleContent {\n  const resolveVar = createCssVariableResolver(document.body);\n\n  // Calculate the current preload variables. If the variable is not set, use\n  // the default value.\n  const pairs = Object.keys(DEFAULT_PRELOAD_DATA_VARIABLES).map(\n    key => `${key}:${resolveVar(key as ThemePreloadColorVariable)}`\n  );\n\n  return `:root{${pairs.join(';')}}`;\n}\n\n/**\n * Create a resolver function for calculating the value of a css variable based\n * on a given element's computed style. If the variable resolves to '', we check\n * DEFAULT_PRELOAD_DATA_VARIABLES for a default value, and if one does not exist,\n * return ''.\n * @param el Element to resolve css variables against\n */\nexport function createCssVariableResolver(\n  el: Element\n): (varName: ThemeCssVariableName) => string {\n  const computedStyle = getComputedStyle(el);\n\n  /**\n   * Resolve the given css variable name to a value. If the variable is not set,\n   * return the default preload value or '' if one does not exist.\n   */\n  return function cssVariableResolver(varName: ThemeCssVariableName): string {\n    const value = computedStyle.getPropertyValue(varName);\n\n    if (value !== '') {\n      return value;\n    }\n\n    return (\n      DEFAULT_PRELOAD_DATA_VARIABLES[varName as ThemePreloadColorVariable] ?? ''\n    );\n  };\n}\n\n/**\n * Extracts all css variable expressions from the given record and returns\n * a set of unique expressions.\n * @param record The record to extract css variable expressions from\n */\nexport function extractDistinctCssVariableExpressions(\n  record: Record<string, string>\n): Set<string> {\n  const set = new Set<string>();\n\n  Object.values(record).forEach(value => {\n    getExpressionRanges(value).forEach(([start, end]) => {\n      const expression = value.substring(start, end + 1);\n\n      if (expression.includes(CSS_VAR_EXPRESSION_PREFIX)) {\n        set.add(expression);\n      }\n    });\n  });\n\n  return set;\n}\n\n/**\n * Returns an array of the active themes. The first item will always be one\n * of the base themes. Optionally, the second item will be a custom theme.\n */\nexport function getActiveThemes(\n  themeKey: string,\n  themeRegistration: ThemeRegistrationData\n): [ThemeData] | [ThemeData, ThemeData] {\n  const custom = themeRegistration.custom.find(\n    theme => theme.themeKey === themeKey\n  );\n\n  const baseThemeKey = custom?.baseThemeKey ?? themeKey;\n\n  let base = themeRegistration.base.find(\n    theme => theme.themeKey === baseThemeKey\n  );\n\n  if (base == null) {\n    log.error(\n      `No registered base theme found for theme key: '${baseThemeKey}'`,\n      'Registered:',\n      themeRegistration.base.map(theme => theme.themeKey),\n      themeRegistration.custom.map(theme => theme.themeKey)\n    );\n    base = themeRegistration.base.find(\n      theme => theme.themeKey === DEFAULT_DARK_THEME_KEY\n    );\n\n    assertNotNull(\n      base,\n      `Default base theme '${DEFAULT_DARK_THEME_KEY}' is not registered`\n    );\n  }\n\n  log.debug('Applied themes:', base.themeKey, custom?.themeKey);\n\n  return custom == null ? [base] : [base, custom];\n}\n\n/**\n * Get default base theme data.\n */\nexport function getDefaultBaseThemes(): ThemeData[] {\n  return [\n    {\n      name: 'Default Dark',\n      themeKey: DEFAULT_DARK_THEME_KEY,\n      styleContent: themeDark,\n    },\n    // The ThemePicker shows whenever more than 1 theme is available. Disable\n    // light theme for now to keep the picker hidden until it is fully\n    // implemented by #1539.\n    // {\n    //   name: 'Default Light',\n    //   themeKey: DEFAULT_LIGHT_THEME_KEY,\n    //   styleContent: themeLight,\n    // },\n  ];\n}\n\n/**\n * Get the preload data from local storage or null if it does not exist or is\n * invalid\n */\nexport function getThemePreloadData(): ThemePreloadData | null {\n  const data = localStorage.getItem(THEME_CACHE_LOCAL_STORAGE_KEY);\n\n  try {\n    return data == null ? null : JSON.parse(data);\n  } catch {\n    // ignore\n  }\n\n  return null;\n}\n\n/**\n * Identifies start and end indices of any top-level expressions in the given\n * string.\n *\n * e.g.\n * getExpressionRanges('var(--aaa-aa) #fff var(--bbb-bb)')\n * yields:\n * [\n *   [0, 12],  // 'var(--aaa-aa)'\n *   [14, 17]  // '#fff'\n *   [19, 31], // 'var(--bbb-bb)'\n * ]\n *\n * In cases where there are nested expressions, only the indices of the outermost\n * expression will be included.\n *\n * e.g.\n * getExpressionRanges('var(--ccc-cc, var(--aaa-aa, green)) var(--bbb-bb)')\n * yields:\n * [\n *   [0, 34],  // 'var(--ccc-cc, var(--aaa-aa, green))'\n *   [36, 48], // 'var(--bbb-bb)'\n * ]\n * @param value The string to search for expressions\n * @returns An array of [start, end] index pairs for each expression\n */\nexport function getExpressionRanges(value: string): [number, number][] {\n  const ranges: [number, number][] = [];\n\n  let start = NON_WHITESPACE_REGEX.exec(value)?.index ?? 0;\n  let parenLevel = 0;\n\n  for (let i = 0; i < value.length; i += 1) {\n    if (value[i] === '(') {\n      parenLevel += 1;\n    } else if (value[i] === ')') {\n      parenLevel -= 1;\n    }\n\n    if (\n      i === value.length - 1 ||\n      (WHITESPACE_REGEX.test(value[i + 1]) && parenLevel === 0)\n    ) {\n      ranges.push([start, i]);\n\n      while (i < value.length - 1 && WHITESPACE_REGEX.test(value[i + 1])) {\n        i += 1;\n      }\n\n      start = i + 1;\n    }\n  }\n\n  if (parenLevel !== 0) {\n    log.error('Unbalanced parentheses in css var expression', value);\n    return [];\n  }\n\n  return ranges;\n}\n\n/**\n * Replace the `fill='...'` attribute in the given SVG content with the given\n * color string.\n * @param svgContent Inline SVG content to replace the fill color in\n * @param fillColor The color to replace the fill color with\n */\nexport function replaceSVGFillColor(\n  svgContent: string,\n  fillColor: string\n): string {\n  return svgContent.replace(\n    /fill='.*?'/,\n    `fill='${encodeURIComponent(fillColor)}'`\n  );\n}\n\n/**\n * Make a copy of the given object replacing any css variable expressions\n * contained in its prop values with values resolved from the given HTML element.\n * Variables that resolve to color strings will also be normalized to rgb or\n * rgba color strings.\n *\n * Note that the browser will force a reflow when calling `getComputedStyle` if\n * css properties have changed. In order to avoid a reflow for every property\n * check we use distinct setup, resolve / normalize, and cleanup passes:\n * 1. Setup - Create a tmp element and set all css props we want to evaluate\n * 2. Resolve / Normalize - Evaluate all css props via `getPropertyValue` calls\n *    and replace the original expressions with resolved values. Also normalize\n *    css colors to rgb/a.\n * 3. Cleanup - Remove the tmp element\n * @param record An object whose values may contain css var expressions\n * @param targetElement The element to resolve css variables against. Defaults\n * to document.body\n */\nexport function resolveCssVariablesInRecord<T extends Record<string, string>>(\n  record: T,\n  targetElement: HTMLElement = document.body\n): T {\n  const perfStart = performance.now();\n\n  // Add a temporary div to attach temp css variables to\n  const tmpPropEl = document.createElement('div');\n  targetElement.appendChild(tmpPropEl);\n\n  const varExpressions = [...extractDistinctCssVariableExpressions(record)];\n\n  // Set temporary css variables for resolving var expressions\n  varExpressions.forEach((varExpression, i) => {\n    const tmpPropKey = `--${TMP_CSS_PROP_PREFIX}-${i}`;\n    tmpPropEl.style.setProperty(tmpPropKey, varExpression);\n  });\n\n  const result = {} as T;\n\n  const computedStyle = window.getComputedStyle(tmpPropEl);\n\n  const resolver = (varExpression: string): string => {\n    const tmpPropKey = `--${TMP_CSS_PROP_PREFIX}-${varExpressions.indexOf(\n      varExpression\n    )}`;\n\n    const resolved = computedStyle.getPropertyValue(tmpPropKey);\n\n    return ColorUtils.normalizeCssColor(resolved);\n  };\n\n  // Resolve the temporary css variables\n  Object.entries(record).forEach(([key, value]) => {\n    result[key as keyof T] = resolveCssVariablesInString(\n      resolver,\n      value\n    ) as T[keyof T];\n  });\n\n  // Remove the temporary css variables\n  tmpPropEl.remove();\n\n  log.debug('Resolved css variables', performance.now() - perfStart, 'ms');\n\n  return result;\n}\n\n/**\n * Resolve css variable expressions in the given string using the\n * given resolver and replace the original expressions with the resolved values.\n *\n * @param resolver Function that can resolve a css variable expression\n * @param value Value that may contain css variable expressions\n */\nexport function resolveCssVariablesInString(\n  resolver: VarExpressionResolver,\n  value: string\n): string {\n  const result: string[] = [];\n  let i = 0;\n  getExpressionRanges(value).forEach(([start, end]) => {\n    if (i < start) {\n      result.push(value.substring(i, start));\n      i += start - i;\n    }\n\n    const expression = value.substring(start, end + 1);\n\n    result.push(\n      expression.includes(CSS_VAR_EXPRESSION_PREFIX)\n        ? resolver(expression)\n        : expression\n    );\n\n    i += end - start + 1;\n  });\n\n  if (result.length === 0) {\n    return value;\n  }\n\n  return result.join('');\n}\n\n/**\n * Store theme preload data in local storage.\n * @param preloadData The preload data to set\n */\nexport function setThemePreloadData(preloadData: ThemePreloadData): void {\n  localStorage.setItem(\n    THEME_CACHE_LOCAL_STORAGE_KEY,\n    JSON.stringify(preloadData)\n  );\n}\n\n/**\n * Derive unique theme key from plugin root path and theme name.\n * @param pluginName The root path of the plugin\n * @param themeName The name of the theme\n */\nexport function getThemeKey(pluginName: string, themeName: string): string {\n  return `${pluginName}_${themeName}`;\n}\n\n/**\n * Preload minimal theme variables from the cache.\n */\nexport function preloadTheme(): void {\n  const preloadStyleContent =\n    getThemePreloadData()?.preloadStyleContent ??\n    calculatePreloadStyleContent();\n\n  log.debug('Preloading theme content:', `'${preloadStyleContent}'`);\n\n  const style = document.createElement('style');\n  style.id = 'theme-preload';\n  style.innerHTML = preloadStyleContent;\n  document.head.appendChild(style);\n}\n\n/**\n * Inline SVGs cannot depend on dynamic CSS variables, so we have to statically\n * update them if we want to change their color.\n *\n * This function:\n * 1. Clears any previous overrides\n * 2. Resolves CSS variables containing inline SVG urls\n * 3. Resolves mapped color variables and replaces the `fill='...'` attribute with the result\n * 4. Sets the original CSS variable to the new replaced value\n *\n * Note that it is preferable to use inline SVGs as background-mask values and\n * just change the background color instead of relying on this util, but this\n * is not always possible. e.g. <select> elements don't support pseudo elements,\n * so there's not a good way to set icons via masks.\n */\nexport function overrideSVGFillColors(): void {\n  const resolveVar = createCssVariableResolver(document.body);\n\n  Object.entries(SVG_ICON_MANUAL_COLOR_MAP).forEach(([key, value]) => {\n    // Clear any previous override so that our variables get resolved against the\n    // actual svg content provided by the active themes and not from a previous\n    // override\n    document.body.style.removeProperty(key);\n\n    const svgContent = resolveVar(key as ThemeIconsRequiringManualColorChanges);\n    const fillColor = resolveVar(value as ThemePreloadColorVariable);\n\n    const newSVGContent = replaceSVGFillColor(svgContent, fillColor);\n\n    // This will take precedence over any values for the variable provided by\n    // the active themes\n    document.body.style.setProperty(key, newSVGContent);\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"ThemeUtils.js","names":["Log","assertNotNull","ColorUtils","themeDark","DEFAULT_DARK_THEME_KEY","DEFAULT_PRELOAD_DATA_VARIABLES","THEME_CACHE_LOCAL_STORAGE_KEY","SVG_ICON_MANUAL_COLOR_MAP","log","module","CSS_VAR_EXPRESSION_PREFIX","TMP_CSS_PROP_PREFIX","NON_WHITESPACE_REGEX","WHITESPACE_REGEX","calculatePreloadStyleContent","resolveVar","createCssVariableResolver","document","body","pairs","Object","keys","map","key","concat","join","el","computedStyle","getComputedStyle","cssVariableResolver","varName","_DEFAULT_PRELOAD_DATA","value","getPropertyValue","extractDistinctCssVariableExpressions","record","set","Set","values","forEach","getExpressionRanges","_ref","start","end","expression","substring","includes","add","getActiveThemes","themeKey","themeRegistration","_custom$baseThemeKey","custom","find","theme","baseThemeKey","base","error","debug","getDefaultBaseThemes","name","styleContent","getThemePreloadData","data","localStorage","getItem","JSON","parse","_unused","_NON_WHITESPACE_REGEX","_NON_WHITESPACE_REGEX2","ranges","exec","index","parenLevel","i","length","test","push","replaceSVGFillColor","svgContent","fillColor","replace","encodeURIComponent","resolveCssVariablesInRecord","targetElement","arguments","undefined","isAlphaOptional","perfStart","performance","now","tmpPropEl","createElement","appendChild","varExpressions","varExpression","tmpPropKey","style","setProperty","result","window","resolver","indexOf","resolved","normalizeCssColor","entries","_ref2","resolveCssVariablesInString","remove","_ref3","setThemePreloadData","preloadData","setItem","stringify","getThemeKey","pluginName","themeName","preloadTheme","_getThemePreloadData$","_getThemePreloadData","preloadStyleContent","id","innerHTML","head","overrideSVGFillColors","_ref4","removeProperty","newSVGContent"],"sources":["../../src/theme/ThemeUtils.ts"],"sourcesContent":["import Log from '@deephaven/log';\nimport { assertNotNull, ColorUtils } from '@deephaven/utils';\nimport { themeDark } from './theme-dark';\nimport {\n  DEFAULT_DARK_THEME_KEY,\n  DEFAULT_PRELOAD_DATA_VARIABLES,\n  ThemeData,\n  ThemePreloadData,\n  CssVariableStyleContent,\n  ThemePreloadColorVariable,\n  ThemeRegistrationData,\n  THEME_CACHE_LOCAL_STORAGE_KEY,\n  SVG_ICON_MANUAL_COLOR_MAP,\n  ThemeCssVariableName,\n  ThemeIconsRequiringManualColorChanges,\n} from './ThemeModel';\n\nconst log = Log.module('ThemeUtils');\n\nexport const CSS_VAR_EXPRESSION_PREFIX = 'var(--';\nexport const TMP_CSS_PROP_PREFIX = 'dh-tmp';\nexport const NON_WHITESPACE_REGEX = /\\S/;\nexport const WHITESPACE_REGEX = /\\s/;\n\nexport type VarExpressionResolver = (varExpression: string) => string;\n\n/**\n * Resolves the current values of CSS variables we want to preload. Preloading\n * happens before themes are fully loaded so that we can style things like the\n * loading spinner and background color which are shown to the user early on in\n * the app lifecycle.\n */\nexport function calculatePreloadStyleContent(): CssVariableStyleContent {\n  const resolveVar = createCssVariableResolver(document.body);\n\n  // Calculate the current preload variables. If the variable is not set, use\n  // the default value.\n  const pairs = Object.keys(DEFAULT_PRELOAD_DATA_VARIABLES).map(\n    key => `${key}:${resolveVar(key as ThemePreloadColorVariable)}`\n  );\n\n  return `:root{${pairs.join(';')}}`;\n}\n\n/**\n * Create a resolver function for calculating the value of a css variable based\n * on a given element's computed style. If the variable resolves to '', we check\n * DEFAULT_PRELOAD_DATA_VARIABLES for a default value, and if one does not exist,\n * return ''.\n * @param el Element to resolve css variables against\n */\nexport function createCssVariableResolver(\n  el: Element\n): (varName: ThemeCssVariableName) => string {\n  const computedStyle = getComputedStyle(el);\n\n  /**\n   * Resolve the given css variable name to a value. If the variable is not set,\n   * return the default preload value or '' if one does not exist.\n   */\n  return function cssVariableResolver(varName: ThemeCssVariableName): string {\n    const value = computedStyle.getPropertyValue(varName);\n\n    if (value !== '') {\n      return value;\n    }\n\n    return (\n      DEFAULT_PRELOAD_DATA_VARIABLES[varName as ThemePreloadColorVariable] ?? ''\n    );\n  };\n}\n\n/**\n * Extracts all css variable expressions from the given record and returns\n * a set of unique expressions.\n * @param record The record to extract css variable expressions from\n */\nexport function extractDistinctCssVariableExpressions(\n  record: Record<string, string>\n): Set<string> {\n  const set = new Set<string>();\n\n  Object.values(record).forEach(value => {\n    getExpressionRanges(value).forEach(([start, end]) => {\n      const expression = value.substring(start, end + 1);\n\n      if (expression.includes(CSS_VAR_EXPRESSION_PREFIX)) {\n        set.add(expression);\n      }\n    });\n  });\n\n  return set;\n}\n\n/**\n * Returns an array of the active themes. The first item will always be one\n * of the base themes. Optionally, the second item will be a custom theme.\n */\nexport function getActiveThemes(\n  themeKey: string,\n  themeRegistration: ThemeRegistrationData\n): [ThemeData] | [ThemeData, ThemeData] {\n  const custom = themeRegistration.custom.find(\n    theme => theme.themeKey === themeKey\n  );\n\n  const baseThemeKey = custom?.baseThemeKey ?? themeKey;\n\n  let base = themeRegistration.base.find(\n    theme => theme.themeKey === baseThemeKey\n  );\n\n  if (base == null) {\n    log.error(\n      `No registered base theme found for theme key: '${baseThemeKey}'`,\n      'Registered:',\n      themeRegistration.base.map(theme => theme.themeKey),\n      themeRegistration.custom.map(theme => theme.themeKey)\n    );\n    base = themeRegistration.base.find(\n      theme => theme.themeKey === DEFAULT_DARK_THEME_KEY\n    );\n\n    assertNotNull(\n      base,\n      `Default base theme '${DEFAULT_DARK_THEME_KEY}' is not registered`\n    );\n  }\n\n  log.debug('Applied themes:', base.themeKey, custom?.themeKey);\n\n  return custom == null ? [base] : [base, custom];\n}\n\n/**\n * Get default base theme data.\n */\nexport function getDefaultBaseThemes(): ThemeData[] {\n  return [\n    {\n      name: 'Default Dark',\n      themeKey: DEFAULT_DARK_THEME_KEY,\n      styleContent: themeDark,\n    },\n    // The ThemePicker shows whenever more than 1 theme is available. Disable\n    // light theme for now to keep the picker hidden until it is fully\n    // implemented by #1539.\n    // {\n    //   name: 'Default Light',\n    //   themeKey: DEFAULT_LIGHT_THEME_KEY,\n    //   styleContent: themeLight,\n    // },\n  ];\n}\n\n/**\n * Get the preload data from local storage or null if it does not exist or is\n * invalid\n */\nexport function getThemePreloadData(): ThemePreloadData | null {\n  const data = localStorage.getItem(THEME_CACHE_LOCAL_STORAGE_KEY);\n\n  try {\n    return data == null ? null : JSON.parse(data);\n  } catch {\n    // ignore\n  }\n\n  return null;\n}\n\n/**\n * Identifies start and end indices of any top-level expressions in the given\n * string.\n *\n * e.g.\n * getExpressionRanges('var(--aaa-aa) #fff var(--bbb-bb)')\n * yields:\n * [\n *   [0, 12],  // 'var(--aaa-aa)'\n *   [14, 17]  // '#fff'\n *   [19, 31], // 'var(--bbb-bb)'\n * ]\n *\n * In cases where there are nested expressions, only the indices of the outermost\n * expression will be included.\n *\n * e.g.\n * getExpressionRanges('var(--ccc-cc, var(--aaa-aa, green)) var(--bbb-bb)')\n * yields:\n * [\n *   [0, 34],  // 'var(--ccc-cc, var(--aaa-aa, green))'\n *   [36, 48], // 'var(--bbb-bb)'\n * ]\n * @param value The string to search for expressions\n * @returns An array of [start, end] index pairs for each expression\n */\nexport function getExpressionRanges(value: string): [number, number][] {\n  const ranges: [number, number][] = [];\n\n  let start = NON_WHITESPACE_REGEX.exec(value)?.index ?? 0;\n  let parenLevel = 0;\n\n  for (let i = 0; i < value.length; i += 1) {\n    if (value[i] === '(') {\n      parenLevel += 1;\n    } else if (value[i] === ')') {\n      parenLevel -= 1;\n    }\n\n    if (\n      i === value.length - 1 ||\n      (WHITESPACE_REGEX.test(value[i + 1]) && parenLevel === 0)\n    ) {\n      ranges.push([start, i]);\n\n      while (i < value.length - 1 && WHITESPACE_REGEX.test(value[i + 1])) {\n        i += 1;\n      }\n\n      start = i + 1;\n    }\n  }\n\n  if (parenLevel !== 0) {\n    log.error('Unbalanced parentheses in css var expression', value);\n    return [];\n  }\n\n  return ranges;\n}\n\n/**\n * Replace the `fill='...'` attribute in the given SVG content with the given\n * color string.\n * @param svgContent Inline SVG content to replace the fill color in\n * @param fillColor The color to replace the fill color with\n */\nexport function replaceSVGFillColor(\n  svgContent: string,\n  fillColor: string\n): string {\n  return svgContent.replace(\n    /fill='.*?'/,\n    `fill='${encodeURIComponent(fillColor)}'`\n  );\n}\n\n/**\n * Make a copy of the given object replacing any css variable expressions\n * contained in its prop values with values resolved from the given HTML element.\n * Variables that resolve to color strings will also be normalized to 8 digit\n * hex values (or optionally 6 digit hex if `isAlphaOptional` is true).\n *\n * Note that the browser will force a reflow when calling `getComputedStyle` if\n * css properties have changed. In order to avoid a reflow for every property\n * check we use distinct setup, resolve / normalize, and cleanup passes:\n * 1. Setup - Create a tmp element and set all css props we want to evaluate\n * 2. Resolve / Normalize - Evaluate all css props via `getPropertyValue` calls\n *    and replace the original expressions with resolved values. Also normalize\n *    css colors to rgb/a.\n * 3. Cleanup - Remove the tmp element\n * @param record An object whose values may contain css var expressions\n * @param targetElement The element to resolve css variables against. Defaults\n * to document.body\n * @param isAlphaOptional If true, the alpha value will be dropped from resolved\n * 8 character hex colors if it is 'ff'. Defaults to false.\n */\nexport function resolveCssVariablesInRecord<T extends Record<string, string>>(\n  record: T,\n  targetElement: HTMLElement = document.body,\n  isAlphaOptional = false\n): T {\n  const perfStart = performance.now();\n\n  // Add a temporary div to attach temp css variables to\n  const tmpPropEl = document.createElement('div');\n  targetElement.appendChild(tmpPropEl);\n\n  const varExpressions = [...extractDistinctCssVariableExpressions(record)];\n\n  // Set temporary css variables for resolving var expressions\n  varExpressions.forEach((varExpression, i) => {\n    const tmpPropKey = `--${TMP_CSS_PROP_PREFIX}-${i}`;\n    tmpPropEl.style.setProperty(tmpPropKey, varExpression);\n  });\n\n  const result = {} as T;\n\n  const computedStyle = window.getComputedStyle(tmpPropEl);\n\n  const resolver = (varExpression: string): string => {\n    const tmpPropKey = `--${TMP_CSS_PROP_PREFIX}-${varExpressions.indexOf(\n      varExpression\n    )}`;\n\n    const resolved = computedStyle.getPropertyValue(tmpPropKey);\n\n    return ColorUtils.normalizeCssColor(resolved, isAlphaOptional);\n  };\n\n  // Resolve the temporary css variables\n  Object.entries(record).forEach(([key, value]) => {\n    result[key as keyof T] = resolveCssVariablesInString(\n      resolver,\n      value\n    ) as T[keyof T];\n  });\n\n  // Remove the temporary css variables\n  tmpPropEl.remove();\n\n  log.debug('Resolved css variables', performance.now() - perfStart, 'ms');\n\n  return result;\n}\n\n/**\n * Resolve css variable expressions in the given string using the\n * given resolver and replace the original expressions with the resolved values.\n *\n * @param resolver Function that can resolve a css variable expression\n * @param value Value that may contain css variable expressions\n */\nexport function resolveCssVariablesInString(\n  resolver: VarExpressionResolver,\n  value: string\n): string {\n  const result: string[] = [];\n  let i = 0;\n  getExpressionRanges(value).forEach(([start, end]) => {\n    if (i < start) {\n      result.push(value.substring(i, start));\n      i += start - i;\n    }\n\n    const expression = value.substring(start, end + 1);\n\n    result.push(\n      expression.includes(CSS_VAR_EXPRESSION_PREFIX)\n        ? resolver(expression)\n        : expression\n    );\n\n    i += end - start + 1;\n  });\n\n  if (result.length === 0) {\n    return value;\n  }\n\n  return result.join('');\n}\n\n/**\n * Store theme preload data in local storage.\n * @param preloadData The preload data to set\n */\nexport function setThemePreloadData(preloadData: ThemePreloadData): void {\n  localStorage.setItem(\n    THEME_CACHE_LOCAL_STORAGE_KEY,\n    JSON.stringify(preloadData)\n  );\n}\n\n/**\n * Derive unique theme key from plugin root path and theme name.\n * @param pluginName The root path of the plugin\n * @param themeName The name of the theme\n */\nexport function getThemeKey(pluginName: string, themeName: string): string {\n  return `${pluginName}_${themeName}`;\n}\n\n/**\n * Preload minimal theme variables from the cache.\n */\nexport function preloadTheme(): void {\n  const preloadStyleContent =\n    getThemePreloadData()?.preloadStyleContent ??\n    calculatePreloadStyleContent();\n\n  log.debug('Preloading theme content:', `'${preloadStyleContent}'`);\n\n  const style = document.createElement('style');\n  style.id = 'theme-preload';\n  style.innerHTML = preloadStyleContent;\n  document.head.appendChild(style);\n}\n\n/**\n * Inline SVGs cannot depend on dynamic CSS variables, so we have to statically\n * update them if we want to change their color.\n *\n * This function:\n * 1. Clears any previous overrides\n * 2. Resolves CSS variables containing inline SVG urls\n * 3. Resolves mapped color variables and replaces the `fill='...'` attribute with the result\n * 4. Sets the original CSS variable to the new replaced value\n *\n * Note that it is preferable to use inline SVGs as background-mask values and\n * just change the background color instead of relying on this util, but this\n * is not always possible. e.g. <select> elements don't support pseudo elements,\n * so there's not a good way to set icons via masks.\n */\nexport function overrideSVGFillColors(): void {\n  const resolveVar = createCssVariableResolver(document.body);\n\n  Object.entries(SVG_ICON_MANUAL_COLOR_MAP).forEach(([key, value]) => {\n    // Clear any previous override so that our variables get resolved against the\n    // actual svg content provided by the active themes and not from a previous\n    // override\n    document.body.style.removeProperty(key);\n\n    const svgContent = resolveVar(key as ThemeIconsRequiringManualColorChanges);\n    const fillColor = resolveVar(value as ThemePreloadColorVariable);\n\n    const newSVGContent = replaceSVGFillColor(svgContent, fillColor);\n\n    // This will take precedence over any values for the variable provided by\n    // the active themes\n    document.body.style.setProperty(key, newSVGContent);\n  });\n}\n"],"mappings":"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"}

package/dist/theme/theme-dark/theme-dark-components.css

@@ -1 +1 @@
-:root{--dh-color-loading-spinner-primary: var(--dh-color-accent-default-bg);--dh-color-loading-spinner-secondary: hsla(var(--dh-color-gray-800-hsl), 0.5);--dh-color-quickactions-bg: hsla(var(--dh-color-visual-gray-hsl), 0.9);--dh-color-radial-reaction: hsla(var(--dh-color-visual-gray-hsl), 0.6);--dh-color-colorpicker-border: hsla(var(--dh-color-visual-gray-hsl), 0.1);--dh-color-search-icon: var(--dh-color-foreground);--dh-color-form-control-error: hsl(var(--dh-color-visual-negative-hsl));--dh-color-form-control-error-shadow: hsla( var(--dh-color-visual-negative-hsl), 0.25 );--dh-color-selector-fg: hsla(var(--dh-color-gray-800-hsl), 0.4);--dh-color-selector-hover-fg: hsl(var(--dh-color-gray-800-hsl));--dh-color-selector-disabled-fg: hsla( var(--dh-color-gray-800-hsl), /*  * Other dropdowns have opacity .4 when not hovered and then an additional  * .65 opacity applied to disabled, hence .4 * .65 == .26 */ 0.26 )}/*# sourceMappingURL=theme-dark-components.css.map */
+:root{--dh-color-loading-spinner-primary: var(--dh-color-accent-bg);--dh-color-loading-spinner-secondary: hsla(var(--dh-color-gray-800-hsl), 0.5);--dh-color-quickactions-bg: hsla(var(--dh-color-visual-gray-hsl), 0.9);--dh-color-radial-reaction: hsla(var(--dh-color-visual-gray-hsl), 0.6);--dh-color-colorpicker-border: hsla(var(--dh-color-visual-gray-hsl), 0.1);--dh-color-login-form-bg: var(--dh-color-gray-400);--dh-color-login-status-message: var(--dh-color-gray-600);--dh-color-login-logo-bg: var(--dh-color-gray-900);--dh-color-login-footer-fg: var(--dh-color-gray-700);--dh-color-random-area-plot-animation-fg-fill: hsla( var(--dh-color-accent-hsl), 0.08 );--dh-color-random-area-plot-animation-fg-stroke: hsla( var(--dh-color-accent-hsl), 0.2 );--dh-color-random-area-plot-animation-bg: var(--dh-color-gray-75);--dh-color-random-area-plot-animation-grid: var(--dh-color-gray-300);--dh-color-action-bg: hsl(var(--dh-color-action-hsl));--dh-color-action-fg: hsl(var(--dh-color-action-contrast-hsl));--dh-color-action-border: var(--dh-color-border);--dh-color-action-down-bg: var(--dh-color-gray-300);--dh-color-action-hover-bg: var(--dh-color-black);--dh-color-action-hover-fg: var(--dh-color-action-fg);--dh-color-action-hover-border: var(--dh-color-hover-border);--dh-color-action-active-bg: var(--dh-color-accent-bg);--dh-color-action-active-fg: var(--dh-color-accent-contrast);--dh-color-action-active-border: var(--dh-color-accent-bg);--dh-color-action-active-hover-bg: var(--dh-color-accent-hover-bg);--dh-color-action-active-hover-fg: var(--dh-color-accent-contrast);--dh-color-action-active-hover-border: var(--dh-color-accent-hover-bg);--dh-color-action-disabled-bg: transparent;--dh-color-action-disabled-fg: var(--dh-color-gray-700);--dh-color-action-disabled-border: var(--dh-color-black);--dh-color-input-bg: var(--dh-color-gray-500);--dh-color-input-fg: var(--dh-color-fg);--dh-color-input-disabled-bg: var(--dh-color-gray-300);--dh-color-input-border: var(--dh-color-gray-600);--dh-color-input-placeholder: var(--dh-color-gray-600);--dh-color-input-focus-border: hsla(var(--dh-color-accent-hsl), 0.85);--dh-color-search-icon: var(--dh-color-fg);--dh-color-form-control-error: hsl(var(--dh-color-visual-negative-hsl));--dh-color-form-control-error-shadow: hsla( var(--dh-color-visual-negative-hsl), 0.25 );--dh-color-selector-fg: hsla(var(--dh-color-gray-800-hsl), 0.4);--dh-color-selector-hover-fg: hsl(var(--dh-color-gray-800-hsl));--dh-color-selector-disabled-fg: hsla( var(--dh-color-gray-800-hsl), /*  * Other dropdowns have opacity .4 when not hovered and then an additional  * .65 opacity applied to disabled, hence .4 * .65 == .26 */ 0.26 );--dh-color-item-list-bg: transparent;--dh-color-item-list-active-bg: var(--dh-color-highlight-active);--dh-color-item-list-hover-bg: var(--dh-color-highlight-hover);--dh-color-item-list-selected-fg: var(--dh-color-white);--dh-color-item-list-selected-bg: var(--dh-color-highlight-selected);--dh-color-item-list-selected-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-item-list-selected-inactive-bg: var(--dh-color-gray-200);--dh-color-item-list-selected-border: hsla(var(--dh-color-accent-hsl), 0.6);--dh-color-item-list-drop-target-fg: var(--dh-color-white);--dh-color-item-list-keyboard-selected-bg: hsla( var(--dh-color-accent-hsl), 0.5 );--dh-color-menu-item-fg: var(--dh-color-gray-700);--dh-color-tooltip-bg: var(--dh-color-gray-400);--dh-color-tooltip-fg: var(--dh-color-fg);--dh-color-tooltip-box-shadow: hsla(var(--dh-color-black-hsl), 0.8);--dh-color-well-bg: hsla(var(--dh-color-visual-gray-hsl), 0.02);--dh-color-well-border: hsla(var(--dh-color-visual-gray-hsl), 0.05)}/*# sourceMappingURL=theme-dark-components.css.map */

package/dist/theme/theme-dark/theme-dark-components.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-components.css"],"names":[],"mappings":"AACA,MACE,sEACA,8EACA,uEACA,uEACA,0EAGA,mDACA,wEACA,wFAMA,gEACA,gEACA","file":"theme-dark-components.css","sourcesContent":["/* stylelint-disable alpha-value-notation */\n:root {\n  --dh-color-loading-spinner-primary: var(--dh-color-accent-default-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  /* Form Controls */\n  --dh-color-search-icon: var(--dh-color-foreground);\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"]}
+{"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"]}

package/dist/theme/theme-dark/theme-dark-palette.css

@@ -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 */
+: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 */

package/dist/theme/theme-dark/theme-dark-palette.css.map

@@ -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"]}
+{"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"]}

package/dist/theme/theme-dark/theme-dark-semantic-chart.css

@@ -1 +1 @@
-:root{--dh-color-chart-bg: var(--dh-color-content-background);--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)}/*# sourceMappingURL=theme-dark-semantic-chart.css.map */
+: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 */

package/dist/theme/theme-dark/theme-dark-semantic-chart.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-chart.css"],"names":[],"mappings":"AAEA,MACE,wDACA,mDACA,8CAGA,8VAMA,gDACA,qDACA,0DACA,oDAEA,kEACA,mDACA,mDAGA,6DACA,4EAGA,6DACA,2DAOA","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-background);\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"]}
+{"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"]}