@deephaven/components 0.55.0 → 0.55.1-alpha-theming-bootstrap.77

package/dist/theme/ThemeUtils.js

@@ -1,42 +1,51 @@
 import Log from '@deephaven/log';
 import { assertNotNull, ColorUtils } from '@deephaven/utils';
-// Note that ?inline imports are natively supported by Vite, but consumers of
-// @deephaven/components using Webpack will need to add a rule to their module
-// config.
-// e.g.
-// module: {
-//  rules: [
-//    {
-//      resourceQuery: /inline/,
-//      type: 'asset/source',
-//    },
-//  ],
-// },
 import { themeDark } from "./theme-dark/index.js";
-import { themeLight } from "./theme-light/index.js";
-import { DEFAULT_DARK_THEME_KEY, DEFAULT_LIGHT_THEME_KEY, DEFAULT_PRELOAD_DATA_VARIABLES, THEME_CACHE_LOCAL_STORAGE_KEY } from "./ThemeModel.js";
+import { DEFAULT_DARK_THEME_KEY, DEFAULT_PRELOAD_DATA_VARIABLES, THEME_CACHE_LOCAL_STORAGE_KEY, SVG_ICON_MANUAL_COLOR_MAP, RANDOM_AREA_PLOT_ANIMATION_THEME_COLOR_VARIABLES } from "./ThemeModel.js";
 var log = Log.module('ThemeUtils');
 export var CSS_VAR_EXPRESSION_PREFIX = 'var(--';
 export var TMP_CSS_PROP_PREFIX = 'dh-tmp';
 export var NON_WHITESPACE_REGEX = /\S/;
 export var WHITESPACE_REGEX = /\s/;
 /**
- * Creates a string containing preload style content for the current theme.
- * This resolves the current values of a few CSS variables that can be used
- * to style the page before the theme is loaded on next page load.
+ * Resolves the current values of CSS variables we want to preload. Preloading
+ * happens before themes are fully loaded so that we can style things like the
+ * loading spinner and background color which are shown to the user early on in
+ * the app lifecycle.
  */
 export function calculatePreloadStyleContent() {
-  var bodyStyle = getComputedStyle(document.body);
+  var resolveVar = createCssVariableResolver(document.body);
 
   // Calculate the current preload variables. If the variable is not set, use
   // the default value.
-  var pairs = Object.entries(DEFAULT_PRELOAD_DATA_VARIABLES).map(_ref => {
-    var [key, defaultValue] = _ref;
-    return "".concat(key, ":").concat(bodyStyle.getPropertyValue(key) || defaultValue);
-  });
+  var pairs = Object.keys(DEFAULT_PRELOAD_DATA_VARIABLES).map(key => "".concat(key, ":").concat(resolveVar(key)));
   return ":root{".concat(pairs.join(';'), "}");
 }
 
+/**
+ * Create a resolver function for calculating the value of a css variable based
+ * on a given element's computed style. If the variable resolves to '', we check
+ * DEFAULT_PRELOAD_DATA_VARIABLES for a default value, and if one does not exist,
+ * return ''.
+ * @param el Element to resolve css variables against
+ */
+export function createCssVariableResolver(el) {
+  var computedStyle = getComputedStyle(el);
+
+  /**
+   * Resolve the given css variable name to a value. If the variable is not set,
+   * return the default preload value or '' if one does not exist.
+   */
+  return function cssVariableResolver(varName) {
+    var _DEFAULT_PRELOAD_DATA;
+    var value = computedStyle.getPropertyValue(varName);
+    if (value !== '') {
+      return value;
+    }
+    return (_DEFAULT_PRELOAD_DATA = DEFAULT_PRELOAD_DATA_VARIABLES[varName]) !== null && _DEFAULT_PRELOAD_DATA !== void 0 ? _DEFAULT_PRELOAD_DATA : '';
+  };
+}
+
 /**
  * Extracts all css variable expressions from the given record and returns
  * a set of unique expressions.
@@ -45,8 +54,8 @@ export function calculatePreloadStyleContent() {
 export function extractDistinctCssVariableExpressions(record) {
   var set = new Set();
   Object.values(record).forEach(value => {
-    getExpressionRanges(value).forEach(_ref2 => {
-      var [start, end] = _ref2;
+    getExpressionRanges(value).forEach(_ref => {
+      var [start, end] = _ref;
       var expression = value.substring(start, end + 1);
       if (expression.includes(CSS_VAR_EXPRESSION_PREFIX)) {
         set.add(expression);
@@ -82,11 +91,16 @@ export function getDefaultBaseThemes() {
     name: 'Default Dark',
     themeKey: DEFAULT_DARK_THEME_KEY,
     styleContent: themeDark
-  }, {
-    name: 'Default Light',
-    themeKey: DEFAULT_LIGHT_THEME_KEY,
-    styleContent: themeLight
-  }];
+  }
+  // The ThemePicker shows whenever more than 1 theme is available. Disable
+  // light theme for now to keep the picker hidden until it is fully
+  // implemented by #1539.
+  // {
+  //   name: 'Default Light',
+  //   themeKey: DEFAULT_LIGHT_THEME_KEY,
+  //   styleContent: themeLight,
+  // },
+  ];
 }
 
 /**
@@ -155,11 +169,28 @@ export function getExpressionRanges(value) {
   return ranges;
 }
 
+/**
+ * Resolve theme colors needed for our login animation.
+ */
+export function getRandomAreaPlotAnimationThemeColors() {
+  return resolveCssVariablesInRecord(RANDOM_AREA_PLOT_ANIMATION_THEME_COLOR_VARIABLES);
+}
+
+/**
+ * Replace the `fill='...'` attribute in the given SVG content with the given
+ * color string.
+ * @param svgContent Inline SVG content to replace the fill color in
+ * @param fillColor The color to replace the fill color with
+ */
+export function replaceSVGFillColor(svgContent, fillColor) {
+  return svgContent.replace(/fill='.*?'/, "fill='".concat(encodeURIComponent(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
@@ -172,9 +203,12 @@ export function getExpressionRanges(value) {
  * @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'
  */
 export function resolveCssVariablesInRecord(record) {
   var targetElement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
+  var isAlphaOptional = arguments.length > 2 ? arguments[2] : undefined;
   var perfStart = performance.now();
 
   // Add a temporary div to attach temp css variables to
@@ -192,12 +226,12 @@ 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
-  Object.entries(record).forEach(_ref3 => {
-    var [key, value] = _ref3;
+  Object.entries(record).forEach(_ref2 => {
+    var [key, value] = _ref2;
     result[key] = resolveCssVariablesInString(resolver, value);
   });
 
@@ -217,8 +251,8 @@ export function resolveCssVariablesInRecord(record) {
 export function resolveCssVariablesInString(resolver, value) {
   var result = [];
   var i = 0;
-  getExpressionRanges(value).forEach(_ref4 => {
-    var [start, end] = _ref4;
+  getExpressionRanges(value).forEach(_ref3 => {
+    var [start, end] = _ref3;
     if (i < start) {
       result.push(value.substring(i, start));
       i += start - i;
@@ -258,7 +292,41 @@ export function preloadTheme() {
   var preloadStyleContent = (_getThemePreloadData$ = (_getThemePreloadData = getThemePreloadData()) === null || _getThemePreloadData === void 0 ? void 0 : _getThemePreloadData.preloadStyleContent) !== null && _getThemePreloadData$ !== void 0 ? _getThemePreloadData$ : calculatePreloadStyleContent();
   log.debug('Preloading theme content:', "'".concat(preloadStyleContent, "'"));
   var style = document.createElement('style');
+  style.id = 'theme-preload';
   style.innerHTML = preloadStyleContent;
   document.head.appendChild(style);
 }
+
+/**
+ * Inline SVGs cannot depend on dynamic CSS variables, so we have to statically
+ * update them if we want to change their color.
+ *
+ * This function:
+ * 1. Clears any previous overrides
+ * 2. Resolves CSS variables containing inline SVG urls
+ * 3. Resolves mapped color variables and replaces the `fill='...'` attribute with the result
+ * 4. Sets the original CSS variable to the new replaced value
+ *
+ * Note that it is preferable to use inline SVGs as background-mask values and
+ * just change the background color instead of relying on this util, but this
+ * is not always possible. e.g. <select> elements don't support pseudo elements,
+ * so there's not a good way to set icons via masks.
+ */
+export function overrideSVGFillColors() {
+  var resolveVar = createCssVariableResolver(document.body);
+  Object.entries(SVG_ICON_MANUAL_COLOR_MAP).forEach(_ref4 => {
+    var [key, value] = _ref4;
+    // Clear any previous override so that our variables get resolved against the
+    // actual svg content provided by the active themes and not from a previous
+    // override
+    document.body.style.removeProperty(key);
+    var svgContent = resolveVar(key);
+    var fillColor = resolveVar(value);
+    var newSVGContent = replaceSVGFillColor(svgContent, fillColor);
+
+    // This will take precedence over any values for the variable provided by
+    // the active themes
+    document.body.style.setProperty(key, newSVGContent);
+  });
+}
 //# sourceMappingURL=ThemeUtils.js.map

package/dist/theme/ThemeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeUtils.js","names":["Log","assertNotNull","ColorUtils","themeDark","themeLight","DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","DEFAULT_PRELOAD_DATA_VARIABLES","THEME_CACHE_LOCAL_STORAGE_KEY","log","module","CSS_VAR_EXPRESSION_PREFIX","TMP_CSS_PROP_PREFIX","NON_WHITESPACE_REGEX","WHITESPACE_REGEX","calculatePreloadStyleContent","bodyStyle","getComputedStyle","document","body","pairs","Object","entries","map","_ref","key","defaultValue","concat","getPropertyValue","join","extractDistinctCssVariableExpressions","record","set","Set","values","forEach","value","getExpressionRanges","_ref2","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","resolveCssVariablesInRecord","targetElement","arguments","undefined","perfStart","performance","now","tmpPropEl","createElement","appendChild","varExpressions","varExpression","tmpPropKey","style","setProperty","result","computedStyle","window","resolver","indexOf","resolved","normalizeCssColor","_ref3","resolveCssVariablesInString","remove","_ref4","setThemePreloadData","preloadData","setItem","stringify","getThemeKey","pluginName","themeName","preloadTheme","_getThemePreloadData$","_getThemePreloadData","preloadStyleContent","innerHTML","head"],"sources":["../../src/theme/ThemeUtils.ts"],"sourcesContent":["import Log from '@deephaven/log';\nimport { assertNotNull, ColorUtils } from '@deephaven/utils';\n// Note that ?inline imports are natively supported by Vite, but consumers of\n// @deephaven/components using Webpack will need to add a rule to their module\n// config.\n// e.g.\n// module: {\n//  rules: [\n//    {\n//      resourceQuery: /inline/,\n//      type: 'asset/source',\n//    },\n//  ],\n// },\nimport { themeDark } from './theme-dark';\nimport { themeLight } from './theme-light';\nimport {\n  DEFAULT_DARK_THEME_KEY,\n  DEFAULT_LIGHT_THEME_KEY,\n  DEFAULT_PRELOAD_DATA_VARIABLES,\n  ThemeData,\n  ThemePreloadData,\n  ThemePreloadStyleContent,\n  ThemeRegistrationData,\n  THEME_CACHE_LOCAL_STORAGE_KEY,\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 * Creates a string containing preload style content for the current theme.\n * This resolves the current values of a few CSS variables that can be used\n * to style the page before the theme is loaded on next page load.\n */\nexport function calculatePreloadStyleContent(): ThemePreloadStyleContent {\n  const bodyStyle = getComputedStyle(document.body);\n\n  // Calculate the current preload variables. If the variable is not set, use\n  // the default value.\n  const pairs = Object.entries(DEFAULT_PRELOAD_DATA_VARIABLES).map(\n    ([key, defaultValue]) =>\n      `${key}:${bodyStyle.getPropertyValue(key) || defaultValue}`\n  );\n\n  return `:root{${pairs.join(';')}}`;\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    {\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 * 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.innerHTML = preloadStyleContent;\n  document.head.appendChild(style);\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","RANDOM_AREA_PLOT_ANIMATION_THEME_COLOR_VARIABLES","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","getRandomAreaPlotAnimationThemeColors","resolveCssVariablesInRecord","replaceSVGFillColor","svgContent","fillColor","replace","encodeURIComponent","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  RANDOM_AREA_PLOT_ANIMATION_THEME_COLOR_VARIABLES,\n  RandomAreaPlotAnimationThemeColors,\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 * Resolve theme colors needed for our login animation.\n */\nexport function getRandomAreaPlotAnimationThemeColors(): RandomAreaPlotAnimationThemeColors {\n  return resolveCssVariablesInRecord(\n    RANDOM_AREA_PLOT_ANIMATION_THEME_COLOR_VARIABLES\n  );\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'\n */\nexport function resolveCssVariablesInRecord<T extends Record<string, string>>(\n  record: T,\n  targetElement: HTMLElement = document.body,\n  isAlphaOptional?: boolean\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/index.d.ts

@@ -1,6 +1,7 @@
 export * from './theme-dark';
 export * from './theme-light';
 export * from './ThemeModel';
+export * from './ThemePicker';
 export * from './ThemeProvider';
 export * from './ThemeUtils';
 export * from './useTheme';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}

package/dist/theme/index.js

@@ -1,6 +1,7 @@
 export * from "./theme-dark/index.js";
 export * from "./theme-light/index.js";
 export * from "./ThemeModel.js";
+export * from "./ThemePicker.js";
 export * from "./ThemeProvider.js";
 export * from "./ThemeUtils.js";
 export * from "./useTheme.js";

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/theme/index.ts"],"sourcesContent":["export * from './theme-dark';\nexport * from './theme-light';\nexport * from './ThemeModel';\nexport * from './ThemeProvider';\nexport * from './ThemeUtils';\nexport * from './useTheme';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/theme/index.ts"],"sourcesContent":["export * from './theme-dark';\nexport * from './theme-light';\nexport * from './ThemeModel';\nexport * from './ThemePicker';\nexport * from './ThemeProvider';\nexport * from './ThemeUtils';\nexport * from './useTheme';\n"],"mappings":""}

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

@@ -1 +1 @@
-:root{--dh-color-quickactions-bg: hsla(var(--dh-color-gray-hue), 0%, 11%, 0.9);--dh-color-radial-reaction: hsla(var(--dh-color-gray-hue), 0%, 92%, 0.6);--dh-color-colorpicker-border: hsla(var(--dh-color-gray-hue), 0%, 94%, 0.1)}/*# 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-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,yEACA,yEACA","file":"theme-dark-components.css","sourcesContent":["/* stylelint-disable alpha-value-notation */\n:root {\n  --dh-color-quickactions-bg: hsla(var(--dh-color-gray-hue), 0%, 11%, 0.9);\n  --dh-color-radial-reaction: hsla(var(--dh-color-gray-hue), 0%, 92%, 0.6);\n  --dh-color-colorpicker-border: hsla(var(--dh-color-gray-hue), 0%, 94%, 0.1);\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-components.css"],"names":[],"mappings":"AAEA,MACE,8DACA,8EACA,uEACA,uEACA,0EAGA,mDACA,0DAIA,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\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-hue: 219deg;--dh-color-gray-50: hsl(calc(var(--dh-color-gray-hue) + 81deg), 6%, 10%);--dh-color-gray-75: hsl(calc(var(--dh-color-gray-hue) + 61deg), 5%, 13%);--dh-color-gray-100: hsl(calc(var(--dh-color-gray-hue) + 66deg), 5%, 17%);--dh-color-gray-200: hsl(calc(var(--dh-color-gray-hue) + 66deg), 4%, 19%);--dh-color-gray-300: hsl(calc(var(--dh-color-gray-hue) + 66deg), 4%, 21%);--dh-color-gray-400: hsl(calc(var(--dh-color-gray-hue) + 61deg), 2%, 25%);--dh-color-gray-500: hsl(calc(var(--dh-color-gray-hue) + 51deg), 1%, 36%);--dh-color-gray-600: hsl(calc(var(--dh-color-gray-hue) + 81deg), 0%, 57%);--dh-color-gray-700: hsl(calc(var(--dh-color-gray-hue) - 219deg), 1%, 75%);--dh-color-gray-800: hsl(calc(var(--dh-color-gray-hue) - 159deg), 6%, 94%);--dh-color-gray-900: hsl(calc(var(--dh-color-gray-hue) - 159deg), 25%, 98%);--dh-color-black: var(--dh-color-gray-50);--dh-color-white: var(--dh-color-gray-800);--dh-color-blue-hue: 222deg;--dh-color-blue-100: hsl(var(--dh-color-blue-hue) 65% 19%);--dh-color-blue-200: hsl(var(--dh-color-blue-hue) 66% 25%);--dh-color-blue-300: hsl(var(--dh-color-blue-hue) 65% 32%);--dh-color-blue-400: hsl(var(--dh-color-blue-hue) 63% 39%);--dh-color-blue-500: hsl(var(--dh-color-blue-hue) 61% 47%);--dh-color-blue-600: hsl(var(--dh-color-blue-hue) 68% 54%);--dh-color-blue-700: hsl(var(--dh-color-blue-hue) 83% 62%);--dh-color-blue-800: hsl(var(--dh-color-blue-hue) 94% 68%);--dh-color-blue-900: hsl(var(--dh-color-blue-hue) 100% 74%);--dh-color-blue-1000: hsl(var(--dh-color-blue-hue) 100% 80%);--dh-color-blue-1100: hsl(calc(var(--dh-color-blue-hue) - 1deg) 100% 84%);--dh-color-blue-1200: hsl(calc(var(--dh-color-blue-hue) - 1deg) 100% 89%);--dh-color-blue-1300: hsl(var(--dh-color-blue-hue) 100% 93%);--dh-color-blue-1400: hsl(calc(var(--dh-color-blue-hue) + 2deg) 100% 96%);--dh-color-red-hue: 345deg;--dh-color-red-100: hsl(calc(var(--dh-color-red-hue) + 1deg) 54% 18%);--dh-color-red-200: hsl(var(--dh-color-red-hue) 55% 24%);--dh-color-red-300: hsl(calc(var(--dh-color-red-hue) + 1deg) 54% 30%);--dh-color-red-400: hsl(var(--dh-color-red-hue) 54% 37%);--dh-color-red-500: hsl(var(--dh-color-red-hue) 53% 44%);--dh-color-red-600: hsl(var(--dh-color-red-hue) 55% 51%);--dh-color-red-700: hsl(var(--dh-color-red-hue) 71% 59%);--dh-color-red-800: hsl(var(--dh-color-red-hue) 92% 67%);--dh-color-red-900: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 74%);--dh-color-red-1000: hsl(calc(var(--dh-color-red-hue) - 2deg) 100% 80%);--dh-color-red-1100: hsl(calc(var(--dh-color-red-hue) - 2deg) 100% 85%);--dh-color-red-1200: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 90%);--dh-color-red-1300: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 94%);--dh-color-red-1400: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 96%);--dh-color-orange-hue: 22deg;--dh-color-orange-100: hsl(calc(var(--dh-color-orange-hue) - 2deg) 100% 14%);--dh-color-orange-200: hsl(var(--dh-color-orange-hue) 96% 18%);--dh-color-orange-300: hsl(calc(var(--dh-color-orange-hue) + 1deg) 90% 23%);--dh-color-orange-400: hsl(var(--dh-color-orange-hue) 84% 29%);--dh-color-orange-500: hsl(var(--dh-color-orange-hue) 80% 35%);--dh-color-orange-600: hsl(var(--dh-color-orange-hue) 74% 41%);--dh-color-orange-700: hsl(var(--dh-color-orange-hue) 70% 48%);--dh-color-orange-800: hsl(var(--dh-color-orange-hue) 78% 55%);--dh-color-orange-900: hsl(calc(var(--dh-color-orange-hue) - 1deg) 95% 63%);--dh-color-orange-1000: hsl(var(--dh-color-orange-hue) 100% 71%);--dh-color-orange-1100: hsl(calc(var(--dh-color-orange-hue) + 1deg) 100% 78%);--dh-color-orange-1200: hsl(calc(var(--dh-color-orange-hue) + 2deg) 100% 84%);--dh-color-orange-1300: hsl(calc(var(--dh-color-orange-hue) + 2deg) 100% 90%);--dh-color-orange-1400: hsl(calc(var(--dh-color-orange-hue) + 3deg) 100% 94%);--dh-color-yellow-hue: 49deg;--dh-color-yellow-100: hsl(calc(var(--dh-color-yellow-hue) + 2deg) 100% 9%);--dh-color-yellow-200: hsl(calc(var(--dh-color-yellow-hue) + 1deg) 100% 12%);--dh-color-yellow-300: hsl(calc(var(--dh-color-yellow-hue) + 2deg) 100% 15%);--dh-color-yellow-400: hsl(calc(var(--dh-color-yellow-hue) + 1deg) 90% 20%);--dh-color-yellow-500: hsl(var(--dh-color-yellow-hue) 82% 25%);--dh-color-yellow-600: hsl(calc(var(--dh-color-yellow-hue) - 1deg) 75% 30%);--dh-color-yellow-700: hsl(calc(var(--dh-color-yellow-hue) - 1deg) 70% 35%);--dh-color-yellow-800: hsl(calc(var(--dh-color-yellow-hue) - 2deg) 66% 41%);--dh-color-yellow-900: hsl(calc(var(--dh-color-yellow-hue) - 2deg) 61% 47%);--dh-color-yellow-1000: hsl(calc(var(--dh-color-yellow-hue) - 2deg) 66% 54%);--dh-color-yellow-1100: hsl(calc(var(--dh-color-yellow-hue) - 3deg) 79% 60%);--dh-color-yellow-1200: hsl(calc(var(--dh-color-yellow-hue) - 3deg) 94% 66%);--dh-color-yellow-1300: hsl(var(--dh-color-yellow-hue) 100% 74%);--dh-color-yellow-1400: hsl(calc(var(--dh-color-yellow-hue) + 2deg) 100% 84%);--dh-color-chartreuse-hue: 70deg;--dh-color-chartreuse-100: hsl( calc(var(--dh-color-chartreuse-hue) + 7deg) 100% 8% );--dh-color-chartreuse-200: hsl( calc(var(--dh-color-chartreuse-hue) + 5deg) 84% 12% );--dh-color-chartreuse-300: hsl( calc(var(--dh-color-chartreuse-hue) + 4deg) 73% 16% );--dh-color-chartreuse-400: hsl( calc(var(--dh-color-chartreuse-hue) + 1deg) 67% 20% );--dh-color-chartreuse-500: hsl( calc(var(--dh-color-chartreuse-hue) + 1deg) 62% 25% );--dh-color-chartreuse-600: hsl(var(--dh-color-chartreuse-hue) 59% 30%);--dh-color-chartreuse-700: hsl( calc(var(--dh-color-chartreuse-hue) - 1deg) 56% 35% );--dh-color-chartreuse-800: hsl( calc(var(--dh-color-chartreuse-hue) - 2deg) 53% 40% );--dh-color-chartreuse-900: hsl( calc(var(--dh-color-chartreuse-hue) - 3deg) 50% 45% );--dh-color-chartreuse-1000: hsl( calc(var(--dh-color-chartreuse-hue) - 3deg) 49% 51% );--dh-color-chartreuse-1100: hsl( calc(var(--dh-color-chartreuse-hue) - 3deg) 58% 57% );--dh-color-chartreuse-1200: hsl( calc(var(--dh-color-chartreuse-hue) - 4deg) 67% 64% );--dh-color-chartreuse-1300: hsl( calc(var(--dh-color-chartreuse-hue) - 4deg) 76% 73% );--dh-color-chartreuse-1400: hsl( calc(var(--dh-color-chartreuse-hue) - 4deg) 82% 83% );--dh-color-celery-hue: 126deg;--dh-color-celery-100: hsl(calc(var(--dh-color-celery-hue) + 1deg) 43% 12%);--dh-color-celery-200: hsl(calc(var(--dh-color-celery-hue) - 1deg) 43% 16%);--dh-color-celery-300: hsl(calc(var(--dh-color-celery-hue) - 1deg) 43% 21%);--dh-color-celery-400: hsl(calc(var(--dh-color-celery-hue) - 1deg) 43% 25%);--dh-color-celery-500: hsl(calc(var(--dh-color-celery-hue) - 1deg) 42% 30%);--dh-color-celery-600: hsl(var(--dh-color-celery-hue) 41% 36%);--dh-color-celery-700: hsl(calc(var(--dh-color-celery-hue) - 1deg) 39% 41%);--dh-color-celery-800: hsl(calc(var(--dh-color-celery-hue) - 1deg) 37% 48%);--dh-color-celery-900: hsl(calc(var(--dh-color-celery-hue) - 1deg) 39% 55%);--dh-color-celery-1000: hsl(calc(var(--dh-color-celery-hue) - 1deg) 44% 63%);--dh-color-celery-1100: hsl(calc(var(--dh-color-celery-hue) - 1deg) 48% 71%);--dh-color-celery-1200: hsl(var(--dh-color-celery-hue) 50% 80%);--dh-color-celery-1300: hsl(var(--dh-color-celery-hue) 48% 87%);--dh-color-celery-1400: hsl(calc(var(--dh-color-celery-hue) + 1deg) 50% 93%);--dh-color-green-hue: 94deg;--dh-color-green-100: hsl(calc(var(--dh-color-green-hue) + 1deg) 17% 14%);--dh-color-green-200: hsl(calc(var(--dh-color-green-hue) - 2deg) 19% 18%);--dh-color-green-300: hsl(var(--dh-color-green-hue) 22% 23%);--dh-color-green-400: hsl(var(--dh-color-green-hue) 23% 27%);--dh-color-green-500: hsl(calc(var(--dh-color-green-hue) - 1deg) 26% 32%);--dh-color-green-600: hsl(calc(var(--dh-color-green-hue) + 1deg) 28% 37%);--dh-color-green-700: hsl(calc(var(--dh-color-green-hue) + 1deg) 30% 42%);--dh-color-green-800: hsl(var(--dh-color-green-hue) 32% 48%);--dh-color-green-900: hsl(var(--dh-color-green-hue) 38% 53%);--dh-color-green-1000: hsl(var(--dh-color-green-hue) 47% 58%);--dh-color-green-1100: hsl(var(--dh-color-green-hue) 59% 64%);--dh-color-green-1200: hsl(var(--dh-color-green-hue) 71% 70%);--dh-color-green-1300: hsl(var(--dh-color-green-hue) 81% 79%);--dh-color-green-1400: hsl(calc(var(--dh-color-green-hue) - 1deg) 88% 87%);--dh-color-seafoam-hue: 159deg;--dh-color-seafoam-100: hsl(calc(var(--dh-color-seafoam-hue) - 3deg) 14% 14%);--dh-color-seafoam-200: hsl(calc(var(--dh-color-seafoam-hue) - 1deg) 17% 18%);--dh-color-seafoam-300: hsl(var(--dh-color-seafoam-hue) 20% 23%);--dh-color-seafoam-400: hsl(calc(var(--dh-color-seafoam-hue) - 1deg) 23% 28%);--dh-color-seafoam-500: hsl(calc(var(--dh-color-seafoam-hue) - 1deg) 26% 33%);--dh-color-seafoam-600: hsl(var(--dh-color-seafoam-hue) 29% 37%);--dh-color-seafoam-700: hsl(calc(var(--dh-color-seafoam-hue) + 2deg) 33% 42%);--dh-color-seafoam-800: hsl(calc(var(--dh-color-seafoam-hue) + 2deg) 36% 47%);--dh-color-seafoam-900: hsl(calc(var(--dh-color-seafoam-hue) + 3deg) 42% 51%);--dh-color-seafoam-1000: hsl( calc(var(--dh-color-seafoam-hue) + 2deg) 53% 56% );--dh-color-seafoam-1100: hsl( calc(var(--dh-color-seafoam-hue) + 3deg) 66% 62% );--dh-color-seafoam-1200: hsl( calc(var(--dh-color-seafoam-hue) + 2deg) 76% 70% );--dh-color-seafoam-1300: hsl( calc(var(--dh-color-seafoam-hue) - 1deg) 87% 80% );--dh-color-seafoam-1400: hsl( calc(var(--dh-color-seafoam-hue) - 3deg) 89% 89% );--dh-color-cyan-hue: 186deg;--dh-color-cyan-100: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 13%);--dh-color-cyan-200: hsl(var(--dh-color-cyan-hue) 38% 16%);--dh-color-cyan-300: hsl(var(--dh-color-cyan-hue) 39% 21%);--dh-color-cyan-400: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 26%);--dh-color-cyan-500: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 31%);--dh-color-cyan-600: hsl(var(--dh-color-cyan-hue) 38% 37%);--dh-color-cyan-700: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 42%);--dh-color-cyan-800: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 37% 48%);--dh-color-cyan-900: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 42% 54%);--dh-color-cyan-1000: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 52% 60%);--dh-color-cyan-1100: hsl(var(--dh-color-cyan-hue) 64% 67%);--dh-color-cyan-1200: hsl(var(--dh-color-cyan-hue) 79% 74%);--dh-color-cyan-1300: hsl(var(--dh-color-cyan-hue) 92% 81%);--dh-color-cyan-1400: hsl(var(--dh-color-cyan-hue) 100% 90%);--dh-color-indigo-hue: 235deg;--dh-color-indigo-100: hsl(calc(var(--dh-color-indigo-hue) + 2deg) 58% 24%);--dh-color-indigo-200: hsl(calc(var(--dh-color-indigo-hue) + 1deg) 52% 30%);--dh-color-indigo-300: hsl(calc(var(--dh-color-indigo-hue) + 1deg) 47% 37%);--dh-color-indigo-400: hsl(var(--dh-color-indigo-hue) 43% 44%);--dh-color-indigo-500: hsl(var(--dh-color-indigo-hue) 40% 51%);--dh-color-indigo-600: hsl(var(--dh-color-indigo-hue) 49% 58%);--dh-color-indigo-700: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 60% 65%);--dh-color-indigo-800: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 75% 72%);--dh-color-indigo-900: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 91% 78%);--dh-color-indigo-1000: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 100% 83%);--dh-color-indigo-1100: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 100% 87%);--dh-color-indigo-1200: hsl(var(--dh-color-indigo-hue) 100% 91%);--dh-color-indigo-1300: hsl(calc(var(--dh-color-indigo-hue) - 3deg) 100% 94%);--dh-color-indigo-1400: hsl(calc(var(--dh-color-indigo-hue) + 1deg) 100% 97%);--dh-color-purple-hue: 254deg;--dh-color-purple-100: hsl(calc(var(--dh-color-purple-hue) + 9deg) 73% 23%);--dh-color-purple-200: hsl(calc(var(--dh-color-purple-hue) + 6deg) 59% 30%);--dh-color-purple-300: hsl(calc(var(--dh-color-purple-hue) + 4deg) 50% 37%);--dh-color-purple-400: hsl(calc(var(--dh-color-purple-hue) + 3deg) 43% 44%);--dh-color-purple-500: hsl(calc(var(--dh-color-purple-hue) + 1deg) 38% 50%);--dh-color-purple-600: hsl(var(--dh-color-purple-hue) 45% 57%);--dh-color-purple-700: hsl(calc(var(--dh-color-purple-hue) - 1deg) 54% 64%);--dh-color-purple-800: hsl(calc(var(--dh-color-purple-hue) - 3deg) 64% 71%);--dh-color-purple-900: hsl(calc(var(--dh-color-purple-hue) - 4deg) 79% 78%);--dh-color-purple-1000: hsl(calc(var(--dh-color-purple-hue) - 5deg) 91% 83%);--dh-color-purple-1100: hsl(calc(var(--dh-color-purple-hue) - 5deg) 97% 88%);--dh-color-purple-1200: hsl(calc(var(--dh-color-purple-hue) - 4deg) 100% 91%);--dh-color-purple-1300: hsl(calc(var(--dh-color-purple-hue) - 3deg) 100% 95%);--dh-color-purple-1400: hsl(calc(var(--dh-color-purple-hue) + 6deg) 88% 97%);--dh-color-fuchsia-hue: 286deg;--dh-color-fuchsia-100: hsl( calc(var(--dh-color-fuchsia-hue) + 15deg) 64% 16% );--dh-color-fuchsia-200: hsl( calc(var(--dh-color-fuchsia-hue) + 14deg) 53% 22% );--dh-color-fuchsia-300: hsl( calc(var(--dh-color-fuchsia-hue) + 11deg) 44% 29% );--dh-color-fuchsia-400: hsl(calc(var(--dh-color-fuchsia-hue) + 8deg) 39% 35%);--dh-color-fuchsia-500: hsl(calc(var(--dh-color-fuchsia-hue) + 5deg) 35% 43%);--dh-color-fuchsia-600: hsl(calc(var(--dh-color-fuchsia-hue) + 1deg) 33% 51%);--dh-color-fuchsia-700: hsl(calc(var(--dh-color-fuchsia-hue) - 3deg) 40% 58%);--dh-color-fuchsia-800: hsl(calc(var(--dh-color-fuchsia-hue) - 7deg) 50% 66%);--dh-color-fuchsia-900: hsl(calc(var(--dh-color-fuchsia-hue) - 9deg) 61% 74%);--dh-color-fuchsia-1000: hsl( calc(var(--dh-color-fuchsia-hue) - 11deg) 71% 80% );--dh-color-fuchsia-1100: hsl( calc(var(--dh-color-fuchsia-hue) - 11deg) 76% 85% );--dh-color-fuchsia-1200: hsl( calc(var(--dh-color-fuchsia-hue) - 9deg) 78% 89% );--dh-color-fuchsia-1300: hsl( calc(var(--dh-color-fuchsia-hue) - 6deg) 77% 93% );--dh-color-fuchsia-1400: hsl( calc(var(--dh-color-fuchsia-hue) + 2deg) 71% 96% );--dh-color-magenta-hue: 330deg;--dh-color-magenta-100: hsl(calc(var(--dh-color-magenta-hue) + 3deg) 91% 17%);--dh-color-magenta-200: hsl(calc(var(--dh-color-magenta-hue) + 4deg) 72% 23%);--dh-color-magenta-300: hsl(calc(var(--dh-color-magenta-hue) + 4deg) 60% 30%);--dh-color-magenta-400: hsl(calc(var(--dh-color-magenta-hue) + 4deg) 52% 36%);--dh-color-magenta-500: hsl(calc(var(--dh-color-magenta-hue) + 3deg) 46% 43%);--dh-color-magenta-600: hsl(calc(var(--dh-color-magenta-hue) + 2deg) 42% 50%);--dh-color-magenta-700: hsl(var(--dh-color-magenta-hue) 51% 58%);--dh-color-magenta-800: hsl(calc(var(--dh-color-magenta-hue) - 1deg) 61% 65%);--dh-color-magenta-900: hsl(calc(var(--dh-color-magenta-hue) - 1deg) 76% 72%);--dh-color-magenta-1000: hsl( calc(var(--dh-color-magenta-hue) - 2deg) 92% 79% );--dh-color-magenta-1100: hsl( calc(var(--dh-color-magenta-hue) - 3deg) 100% 85% );--dh-color-magenta-1200: hsl( calc(var(--dh-color-magenta-hue) - 3deg) 100% 89% );--dh-color-magenta-1300: hsl( calc(var(--dh-color-magenta-hue) - 4deg) 100% 93% );--dh-color-magenta-1400: hsl( calc(var(--dh-color-magenta-hue) - 2deg) 100% 96% )}/*# 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":"AAAA,MAEE,4BACA,yEACA,yEACA,0EACA,0EACA,0EACA,0EACA,0EACA,0EACA,2EACA,2EACA,4EAGA,0CACA,2CAGA,4BACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,4DACA,6DACA,0EACA,0EACA,6DACA,0EAGA,2BACA,sEACA,yDACA,sEACA,yDACA,yDACA,yDACA,yDACA,yDACA,uEACA,wEACA,wEACA,wEACA,wEACA,wEAGA,6BACA,6EACA,+DACA,4EACA,+DACA,+DACA,+DACA,+DACA,+DACA,4EACA,iEACA,8EACA,8EACA,8EACA,8EAGA,6BACA,4EACA,6EACA,6EACA,4EACA,+DACA,4EACA,4EACA,4EACA,4EACA,6EACA,6EACA,6EACA,iEACA,8EAGA,iCACA,sFAGA,sFAGA,sFAGA,sFAGA,sFAGA,uEACA,sFAGA,sFAGA,sFAGA,uFAGA,uFAGA,uFAGA,uFAGA,uFAKA,8BACA,4EACA,4EACA,4EACA,4EACA,4EACA,+DACA,4EACA,4EACA,4EACA,6EACA,6EACA,gEACA,gEACA,6EAGA,4BACA,0EACA,0EACA,6DACA,6DACA,0EACA,0EACA,0EACA,6DACA,6DACA,8DACA,8DACA,8DACA,8DACA,2EAGA,+BACA,8EACA,8EACA,iEACA,8EACA,8EACA,iEACA,8EACA,8EACA,8EACA,iFAGA,iFAGA,iFAGA,iFAGA,iFAKA,4BACA,wEACA,2DACA,2DACA,wEACA,wEACA,2DACA,wEACA,wEACA,wEACA,yEACA,4DACA,4DACA,4DACA,6DAGA,8BACA,4EACA,4EACA,4EACA,+DACA,+DACA,+DACA,4EACA,4EACA,4EACA,8EACA,8EACA,iEACA,8EACA,8EAGA,8BACA,4EACA,4EACA,4EACA,4EACA,4EACA,+DACA,4EACA,4EACA,4EACA,6EACA,6EACA,8EACA,8EACA,6EAGA,+BACA,iFAGA,iFAGA,iFAGA,8EACA,8EACA,8EACA,8EACA,8EACA,8EACA,kFAGA,kFAGA,iFAGA,iFAGA,iFAKA,+BACA,8EACA,8EACA,8EACA,8EACA,8EACA,8EACA,iEACA,8EACA,8EACA,iFAGA,kFAGA,kFAGA,kFAGA","file":"theme-dark-palette.css","sourcesContent":[":root {\n  /* Gray */\n  --dh-color-gray-hue: 219deg;\n  --dh-color-gray-50: hsl(calc(var(--dh-color-gray-hue) + 81deg), 6%, 10%);\n  --dh-color-gray-75: hsl(calc(var(--dh-color-gray-hue) + 61deg), 5%, 13%);\n  --dh-color-gray-100: hsl(calc(var(--dh-color-gray-hue) + 66deg), 5%, 17%);\n  --dh-color-gray-200: hsl(calc(var(--dh-color-gray-hue) + 66deg), 4%, 19%);\n  --dh-color-gray-300: hsl(calc(var(--dh-color-gray-hue) + 66deg), 4%, 21%);\n  --dh-color-gray-400: hsl(calc(var(--dh-color-gray-hue) + 61deg), 2%, 25%);\n  --dh-color-gray-500: hsl(calc(var(--dh-color-gray-hue) + 51deg), 1%, 36%);\n  --dh-color-gray-600: hsl(calc(var(--dh-color-gray-hue) + 81deg), 0%, 57%);\n  --dh-color-gray-700: hsl(calc(var(--dh-color-gray-hue) - 219deg), 1%, 75%);\n  --dh-color-gray-800: hsl(calc(var(--dh-color-gray-hue) - 159deg), 6%, 94%);\n  --dh-color-gray-900: hsl(calc(var(--dh-color-gray-hue) - 159deg), 25%, 98%);\n\n  /** Black & White */\n  --dh-color-black: var(--dh-color-gray-50);\n  --dh-color-white: var(--dh-color-gray-800);\n\n  /* Blue */\n  --dh-color-blue-hue: 222deg;\n  --dh-color-blue-100: hsl(var(--dh-color-blue-hue) 65% 19%);\n  --dh-color-blue-200: hsl(var(--dh-color-blue-hue) 66% 25%);\n  --dh-color-blue-300: hsl(var(--dh-color-blue-hue) 65% 32%);\n  --dh-color-blue-400: hsl(var(--dh-color-blue-hue) 63% 39%);\n  --dh-color-blue-500: hsl(var(--dh-color-blue-hue) 61% 47%);\n  --dh-color-blue-600: hsl(var(--dh-color-blue-hue) 68% 54%);\n  --dh-color-blue-700: hsl(var(--dh-color-blue-hue) 83% 62%);\n  --dh-color-blue-800: hsl(var(--dh-color-blue-hue) 94% 68%);\n  --dh-color-blue-900: hsl(var(--dh-color-blue-hue) 100% 74%);\n  --dh-color-blue-1000: hsl(var(--dh-color-blue-hue) 100% 80%);\n  --dh-color-blue-1100: hsl(calc(var(--dh-color-blue-hue) - 1deg) 100% 84%);\n  --dh-color-blue-1200: hsl(calc(var(--dh-color-blue-hue) - 1deg) 100% 89%);\n  --dh-color-blue-1300: hsl(var(--dh-color-blue-hue) 100% 93%);\n  --dh-color-blue-1400: hsl(calc(var(--dh-color-blue-hue) + 2deg) 100% 96%);\n\n  /* Red */\n  --dh-color-red-hue: 345deg;\n  --dh-color-red-100: hsl(calc(var(--dh-color-red-hue) + 1deg) 54% 18%);\n  --dh-color-red-200: hsl(var(--dh-color-red-hue) 55% 24%);\n  --dh-color-red-300: hsl(calc(var(--dh-color-red-hue) + 1deg) 54% 30%);\n  --dh-color-red-400: hsl(var(--dh-color-red-hue) 54% 37%);\n  --dh-color-red-500: hsl(var(--dh-color-red-hue) 53% 44%);\n  --dh-color-red-600: hsl(var(--dh-color-red-hue) 55% 51%);\n  --dh-color-red-700: hsl(var(--dh-color-red-hue) 71% 59%);\n  --dh-color-red-800: hsl(var(--dh-color-red-hue) 92% 67%);\n  --dh-color-red-900: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 74%);\n  --dh-color-red-1000: hsl(calc(var(--dh-color-red-hue) - 2deg) 100% 80%);\n  --dh-color-red-1100: hsl(calc(var(--dh-color-red-hue) - 2deg) 100% 85%);\n  --dh-color-red-1200: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 90%);\n  --dh-color-red-1300: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 94%);\n  --dh-color-red-1400: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 96%);\n\n  /* Orange */\n  --dh-color-orange-hue: 22deg;\n  --dh-color-orange-100: hsl(calc(var(--dh-color-orange-hue) - 2deg) 100% 14%);\n  --dh-color-orange-200: hsl(var(--dh-color-orange-hue) 96% 18%);\n  --dh-color-orange-300: hsl(calc(var(--dh-color-orange-hue) + 1deg) 90% 23%);\n  --dh-color-orange-400: hsl(var(--dh-color-orange-hue) 84% 29%);\n  --dh-color-orange-500: hsl(var(--dh-color-orange-hue) 80% 35%);\n  --dh-color-orange-600: hsl(var(--dh-color-orange-hue) 74% 41%);\n  --dh-color-orange-700: hsl(var(--dh-color-orange-hue) 70% 48%);\n  --dh-color-orange-800: hsl(var(--dh-color-orange-hue) 78% 55%);\n  --dh-color-orange-900: hsl(calc(var(--dh-color-orange-hue) - 1deg) 95% 63%);\n  --dh-color-orange-1000: hsl(var(--dh-color-orange-hue) 100% 71%);\n  --dh-color-orange-1100: hsl(calc(var(--dh-color-orange-hue) + 1deg) 100% 78%);\n  --dh-color-orange-1200: hsl(calc(var(--dh-color-orange-hue) + 2deg) 100% 84%);\n  --dh-color-orange-1300: hsl(calc(var(--dh-color-orange-hue) + 2deg) 100% 90%);\n  --dh-color-orange-1400: hsl(calc(var(--dh-color-orange-hue) + 3deg) 100% 94%);\n\n  /* Yellow */\n  --dh-color-yellow-hue: 49deg;\n  --dh-color-yellow-100: hsl(calc(var(--dh-color-yellow-hue) + 2deg) 100% 9%);\n  --dh-color-yellow-200: hsl(calc(var(--dh-color-yellow-hue) + 1deg) 100% 12%);\n  --dh-color-yellow-300: hsl(calc(var(--dh-color-yellow-hue) + 2deg) 100% 15%);\n  --dh-color-yellow-400: hsl(calc(var(--dh-color-yellow-hue) + 1deg) 90% 20%);\n  --dh-color-yellow-500: hsl(var(--dh-color-yellow-hue) 82% 25%);\n  --dh-color-yellow-600: hsl(calc(var(--dh-color-yellow-hue) - 1deg) 75% 30%);\n  --dh-color-yellow-700: hsl(calc(var(--dh-color-yellow-hue) - 1deg) 70% 35%);\n  --dh-color-yellow-800: hsl(calc(var(--dh-color-yellow-hue) - 2deg) 66% 41%);\n  --dh-color-yellow-900: hsl(calc(var(--dh-color-yellow-hue) - 2deg) 61% 47%);\n  --dh-color-yellow-1000: hsl(calc(var(--dh-color-yellow-hue) - 2deg) 66% 54%);\n  --dh-color-yellow-1100: hsl(calc(var(--dh-color-yellow-hue) - 3deg) 79% 60%);\n  --dh-color-yellow-1200: hsl(calc(var(--dh-color-yellow-hue) - 3deg) 94% 66%);\n  --dh-color-yellow-1300: hsl(var(--dh-color-yellow-hue) 100% 74%);\n  --dh-color-yellow-1400: hsl(calc(var(--dh-color-yellow-hue) + 2deg) 100% 84%);\n\n  /* Chartreuse */\n  --dh-color-chartreuse-hue: 70deg;\n  --dh-color-chartreuse-100: hsl(\n    calc(var(--dh-color-chartreuse-hue) + 7deg) 100% 8%\n  );\n  --dh-color-chartreuse-200: hsl(\n    calc(var(--dh-color-chartreuse-hue) + 5deg) 84% 12%\n  );\n  --dh-color-chartreuse-300: hsl(\n    calc(var(--dh-color-chartreuse-hue) + 4deg) 73% 16%\n  );\n  --dh-color-chartreuse-400: hsl(\n    calc(var(--dh-color-chartreuse-hue) + 1deg) 67% 20%\n  );\n  --dh-color-chartreuse-500: hsl(\n    calc(var(--dh-color-chartreuse-hue) + 1deg) 62% 25%\n  );\n  --dh-color-chartreuse-600: hsl(var(--dh-color-chartreuse-hue) 59% 30%);\n  --dh-color-chartreuse-700: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 1deg) 56% 35%\n  );\n  --dh-color-chartreuse-800: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 2deg) 53% 40%\n  );\n  --dh-color-chartreuse-900: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 3deg) 50% 45%\n  );\n  --dh-color-chartreuse-1000: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 3deg) 49% 51%\n  );\n  --dh-color-chartreuse-1100: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 3deg) 58% 57%\n  );\n  --dh-color-chartreuse-1200: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 4deg) 67% 64%\n  );\n  --dh-color-chartreuse-1300: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 4deg) 76% 73%\n  );\n  --dh-color-chartreuse-1400: hsl(\n    calc(var(--dh-color-chartreuse-hue) - 4deg) 82% 83%\n  );\n\n  /* Celery */\n  --dh-color-celery-hue: 126deg;\n  --dh-color-celery-100: hsl(calc(var(--dh-color-celery-hue) + 1deg) 43% 12%);\n  --dh-color-celery-200: hsl(calc(var(--dh-color-celery-hue) - 1deg) 43% 16%);\n  --dh-color-celery-300: hsl(calc(var(--dh-color-celery-hue) - 1deg) 43% 21%);\n  --dh-color-celery-400: hsl(calc(var(--dh-color-celery-hue) - 1deg) 43% 25%);\n  --dh-color-celery-500: hsl(calc(var(--dh-color-celery-hue) - 1deg) 42% 30%);\n  --dh-color-celery-600: hsl(var(--dh-color-celery-hue) 41% 36%);\n  --dh-color-celery-700: hsl(calc(var(--dh-color-celery-hue) - 1deg) 39% 41%);\n  --dh-color-celery-800: hsl(calc(var(--dh-color-celery-hue) - 1deg) 37% 48%);\n  --dh-color-celery-900: hsl(calc(var(--dh-color-celery-hue) - 1deg) 39% 55%);\n  --dh-color-celery-1000: hsl(calc(var(--dh-color-celery-hue) - 1deg) 44% 63%);\n  --dh-color-celery-1100: hsl(calc(var(--dh-color-celery-hue) - 1deg) 48% 71%);\n  --dh-color-celery-1200: hsl(var(--dh-color-celery-hue) 50% 80%);\n  --dh-color-celery-1300: hsl(var(--dh-color-celery-hue) 48% 87%);\n  --dh-color-celery-1400: hsl(calc(var(--dh-color-celery-hue) + 1deg) 50% 93%);\n\n  /* Green */\n  --dh-color-green-hue: 94deg;\n  --dh-color-green-100: hsl(calc(var(--dh-color-green-hue) + 1deg) 17% 14%);\n  --dh-color-green-200: hsl(calc(var(--dh-color-green-hue) - 2deg) 19% 18%);\n  --dh-color-green-300: hsl(var(--dh-color-green-hue) 22% 23%);\n  --dh-color-green-400: hsl(var(--dh-color-green-hue) 23% 27%);\n  --dh-color-green-500: hsl(calc(var(--dh-color-green-hue) - 1deg) 26% 32%);\n  --dh-color-green-600: hsl(calc(var(--dh-color-green-hue) + 1deg) 28% 37%);\n  --dh-color-green-700: hsl(calc(var(--dh-color-green-hue) + 1deg) 30% 42%);\n  --dh-color-green-800: hsl(var(--dh-color-green-hue) 32% 48%);\n  --dh-color-green-900: hsl(var(--dh-color-green-hue) 38% 53%);\n  --dh-color-green-1000: hsl(var(--dh-color-green-hue) 47% 58%);\n  --dh-color-green-1100: hsl(var(--dh-color-green-hue) 59% 64%);\n  --dh-color-green-1200: hsl(var(--dh-color-green-hue) 71% 70%);\n  --dh-color-green-1300: hsl(var(--dh-color-green-hue) 81% 79%);\n  --dh-color-green-1400: hsl(calc(var(--dh-color-green-hue) - 1deg) 88% 87%);\n\n  /* Seafoam */\n  --dh-color-seafoam-hue: 159deg;\n  --dh-color-seafoam-100: hsl(calc(var(--dh-color-seafoam-hue) - 3deg) 14% 14%);\n  --dh-color-seafoam-200: hsl(calc(var(--dh-color-seafoam-hue) - 1deg) 17% 18%);\n  --dh-color-seafoam-300: hsl(var(--dh-color-seafoam-hue) 20% 23%);\n  --dh-color-seafoam-400: hsl(calc(var(--dh-color-seafoam-hue) - 1deg) 23% 28%);\n  --dh-color-seafoam-500: hsl(calc(var(--dh-color-seafoam-hue) - 1deg) 26% 33%);\n  --dh-color-seafoam-600: hsl(var(--dh-color-seafoam-hue) 29% 37%);\n  --dh-color-seafoam-700: hsl(calc(var(--dh-color-seafoam-hue) + 2deg) 33% 42%);\n  --dh-color-seafoam-800: hsl(calc(var(--dh-color-seafoam-hue) + 2deg) 36% 47%);\n  --dh-color-seafoam-900: hsl(calc(var(--dh-color-seafoam-hue) + 3deg) 42% 51%);\n  --dh-color-seafoam-1000: hsl(\n    calc(var(--dh-color-seafoam-hue) + 2deg) 53% 56%\n  );\n  --dh-color-seafoam-1100: hsl(\n    calc(var(--dh-color-seafoam-hue) + 3deg) 66% 62%\n  );\n  --dh-color-seafoam-1200: hsl(\n    calc(var(--dh-color-seafoam-hue) + 2deg) 76% 70%\n  );\n  --dh-color-seafoam-1300: hsl(\n    calc(var(--dh-color-seafoam-hue) - 1deg) 87% 80%\n  );\n  --dh-color-seafoam-1400: hsl(\n    calc(var(--dh-color-seafoam-hue) - 3deg) 89% 89%\n  );\n\n  /* Cyan */\n  --dh-color-cyan-hue: 186deg;\n  --dh-color-cyan-100: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 13%);\n  --dh-color-cyan-200: hsl(var(--dh-color-cyan-hue) 38% 16%);\n  --dh-color-cyan-300: hsl(var(--dh-color-cyan-hue) 39% 21%);\n  --dh-color-cyan-400: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 26%);\n  --dh-color-cyan-500: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 31%);\n  --dh-color-cyan-600: hsl(var(--dh-color-cyan-hue) 38% 37%);\n  --dh-color-cyan-700: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 42%);\n  --dh-color-cyan-800: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 37% 48%);\n  --dh-color-cyan-900: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 42% 54%);\n  --dh-color-cyan-1000: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 52% 60%);\n  --dh-color-cyan-1100: hsl(var(--dh-color-cyan-hue) 64% 67%);\n  --dh-color-cyan-1200: hsl(var(--dh-color-cyan-hue) 79% 74%);\n  --dh-color-cyan-1300: hsl(var(--dh-color-cyan-hue) 92% 81%);\n  --dh-color-cyan-1400: hsl(var(--dh-color-cyan-hue) 100% 90%);\n\n  /* Indigo */\n  --dh-color-indigo-hue: 235deg;\n  --dh-color-indigo-100: hsl(calc(var(--dh-color-indigo-hue) + 2deg) 58% 24%);\n  --dh-color-indigo-200: hsl(calc(var(--dh-color-indigo-hue) + 1deg) 52% 30%);\n  --dh-color-indigo-300: hsl(calc(var(--dh-color-indigo-hue) + 1deg) 47% 37%);\n  --dh-color-indigo-400: hsl(var(--dh-color-indigo-hue) 43% 44%);\n  --dh-color-indigo-500: hsl(var(--dh-color-indigo-hue) 40% 51%);\n  --dh-color-indigo-600: hsl(var(--dh-color-indigo-hue) 49% 58%);\n  --dh-color-indigo-700: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 60% 65%);\n  --dh-color-indigo-800: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 75% 72%);\n  --dh-color-indigo-900: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 91% 78%);\n  --dh-color-indigo-1000: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 100% 83%);\n  --dh-color-indigo-1100: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 100% 87%);\n  --dh-color-indigo-1200: hsl(var(--dh-color-indigo-hue) 100% 91%);\n  --dh-color-indigo-1300: hsl(calc(var(--dh-color-indigo-hue) - 3deg) 100% 94%);\n  --dh-color-indigo-1400: hsl(calc(var(--dh-color-indigo-hue) + 1deg) 100% 97%);\n\n  /* Purple */\n  --dh-color-purple-hue: 254deg;\n  --dh-color-purple-100: hsl(calc(var(--dh-color-purple-hue) + 9deg) 73% 23%);\n  --dh-color-purple-200: hsl(calc(var(--dh-color-purple-hue) + 6deg) 59% 30%);\n  --dh-color-purple-300: hsl(calc(var(--dh-color-purple-hue) + 4deg) 50% 37%);\n  --dh-color-purple-400: hsl(calc(var(--dh-color-purple-hue) + 3deg) 43% 44%);\n  --dh-color-purple-500: hsl(calc(var(--dh-color-purple-hue) + 1deg) 38% 50%);\n  --dh-color-purple-600: hsl(var(--dh-color-purple-hue) 45% 57%);\n  --dh-color-purple-700: hsl(calc(var(--dh-color-purple-hue) - 1deg) 54% 64%);\n  --dh-color-purple-800: hsl(calc(var(--dh-color-purple-hue) - 3deg) 64% 71%);\n  --dh-color-purple-900: hsl(calc(var(--dh-color-purple-hue) - 4deg) 79% 78%);\n  --dh-color-purple-1000: hsl(calc(var(--dh-color-purple-hue) - 5deg) 91% 83%);\n  --dh-color-purple-1100: hsl(calc(var(--dh-color-purple-hue) - 5deg) 97% 88%);\n  --dh-color-purple-1200: hsl(calc(var(--dh-color-purple-hue) - 4deg) 100% 91%);\n  --dh-color-purple-1300: hsl(calc(var(--dh-color-purple-hue) - 3deg) 100% 95%);\n  --dh-color-purple-1400: hsl(calc(var(--dh-color-purple-hue) + 6deg) 88% 97%);\n\n  /* Fuchsia */\n  --dh-color-fuchsia-hue: 286deg;\n  --dh-color-fuchsia-100: hsl(\n    calc(var(--dh-color-fuchsia-hue) + 15deg) 64% 16%\n  );\n  --dh-color-fuchsia-200: hsl(\n    calc(var(--dh-color-fuchsia-hue) + 14deg) 53% 22%\n  );\n  --dh-color-fuchsia-300: hsl(\n    calc(var(--dh-color-fuchsia-hue) + 11deg) 44% 29%\n  );\n  --dh-color-fuchsia-400: hsl(calc(var(--dh-color-fuchsia-hue) + 8deg) 39% 35%);\n  --dh-color-fuchsia-500: hsl(calc(var(--dh-color-fuchsia-hue) + 5deg) 35% 43%);\n  --dh-color-fuchsia-600: hsl(calc(var(--dh-color-fuchsia-hue) + 1deg) 33% 51%);\n  --dh-color-fuchsia-700: hsl(calc(var(--dh-color-fuchsia-hue) - 3deg) 40% 58%);\n  --dh-color-fuchsia-800: hsl(calc(var(--dh-color-fuchsia-hue) - 7deg) 50% 66%);\n  --dh-color-fuchsia-900: hsl(calc(var(--dh-color-fuchsia-hue) - 9deg) 61% 74%);\n  --dh-color-fuchsia-1000: hsl(\n    calc(var(--dh-color-fuchsia-hue) - 11deg) 71% 80%\n  );\n  --dh-color-fuchsia-1100: hsl(\n    calc(var(--dh-color-fuchsia-hue) - 11deg) 76% 85%\n  );\n  --dh-color-fuchsia-1200: hsl(\n    calc(var(--dh-color-fuchsia-hue) - 9deg) 78% 89%\n  );\n  --dh-color-fuchsia-1300: hsl(\n    calc(var(--dh-color-fuchsia-hue) - 6deg) 77% 93%\n  );\n  --dh-color-fuchsia-1400: hsl(\n    calc(var(--dh-color-fuchsia-hue) + 2deg) 71% 96%\n  );\n\n  /* Magenta */\n  --dh-color-magenta-hue: 330deg;\n  --dh-color-magenta-100: hsl(calc(var(--dh-color-magenta-hue) + 3deg) 91% 17%);\n  --dh-color-magenta-200: hsl(calc(var(--dh-color-magenta-hue) + 4deg) 72% 23%);\n  --dh-color-magenta-300: hsl(calc(var(--dh-color-magenta-hue) + 4deg) 60% 30%);\n  --dh-color-magenta-400: hsl(calc(var(--dh-color-magenta-hue) + 4deg) 52% 36%);\n  --dh-color-magenta-500: hsl(calc(var(--dh-color-magenta-hue) + 3deg) 46% 43%);\n  --dh-color-magenta-600: hsl(calc(var(--dh-color-magenta-hue) + 2deg) 42% 50%);\n  --dh-color-magenta-700: hsl(var(--dh-color-magenta-hue) 51% 58%);\n  --dh-color-magenta-800: hsl(calc(var(--dh-color-magenta-hue) - 1deg) 61% 65%);\n  --dh-color-magenta-900: hsl(calc(var(--dh-color-magenta-hue) - 1deg) 76% 72%);\n  --dh-color-magenta-1000: hsl(\n    calc(var(--dh-color-magenta-hue) - 2deg) 92% 79%\n  );\n  --dh-color-magenta-1100: hsl(\n    calc(var(--dh-color-magenta-hue) - 3deg) 100% 85%\n  );\n  --dh-color-magenta-1200: hsl(\n    calc(var(--dh-color-magenta-hue) - 3deg) 100% 89%\n  );\n  --dh-color-magenta-1300: hsl(\n    calc(var(--dh-color-magenta-hue) - 4deg) 100% 93%\n  );\n  --dh-color-magenta-1400: hsl(\n    calc(var(--dh-color-magenta-hue) - 2deg) 100% 96%\n  );\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-hue), 1%, 36%, 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-hue), 71%, 70%, 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,oDAGA,wEACA,mDACA,mDAGA,6DAGA,mFAQA,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  /* Update hsl components to --dh-color-gray-500-hsl as part of PR #1603 */\n  --dh-color-chart-range-bg: hsla(var(--dh-color-gray-hue), 1%, 36%, 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\n  /* Update hsl components to --dh-color-green-1200-hsl base color defined by PR #1603 */\n  --dh-color-chart-error-band-fill: hsla(\n    var(--dh-color-green-hue),\n    71%,\n    70%,\n    0.1\n  );\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"]}