@deephaven/components 0.55.1-beta.6 → 0.55.1-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/css/BaseStyleSheet.css +56 -9
  2. package/css/BaseStyleSheet.css.map +1 -1
  3. package/dist/ComboBox.css +20 -0
  4. package/dist/ComboBox.css.map +1 -1
  5. package/dist/ComboBox.d.ts.map +1 -1
  6. package/dist/ComboBox.js +2 -4
  7. package/dist/ComboBox.js.map +1 -1
  8. package/dist/CustomTimeSelect.css +15 -2
  9. package/dist/CustomTimeSelect.css.map +1 -1
  10. package/dist/CustomTimeSelect.d.ts.map +1 -1
  11. package/dist/CustomTimeSelect.js +2 -5
  12. package/dist/CustomTimeSelect.js.map +1 -1
  13. package/dist/LoadingSpinner.css +2 -8
  14. package/dist/LoadingSpinner.css.map +1 -1
  15. package/dist/SearchInput.css +10 -4
  16. package/dist/SearchInput.css.map +1 -1
  17. package/dist/theme/ThemeModel.d.ts +12 -6
  18. package/dist/theme/ThemeModel.d.ts.map +1 -1
  19. package/dist/theme/ThemeModel.js +18 -3
  20. package/dist/theme/ThemeModel.js.map +1 -1
  21. package/dist/theme/ThemeProvider.d.ts +1 -0
  22. package/dist/theme/ThemeProvider.d.ts.map +1 -1
  23. package/dist/theme/ThemeProvider.js +6 -1
  24. package/dist/theme/ThemeProvider.js.map +1 -1
  25. package/dist/theme/ThemeUtils.d.ts +37 -5
  26. package/dist/theme/ThemeUtils.d.ts.map +1 -1
  27. package/dist/theme/ThemeUtils.js +80 -15
  28. package/dist/theme/ThemeUtils.js.map +1 -1
  29. package/dist/theme/theme-dark/theme-dark-components.css +1 -1
  30. package/dist/theme/theme-dark/theme-dark-components.css.map +1 -1
  31. package/dist/theme/theme-dark/theme-dark-palette.css +1 -1
  32. package/dist/theme/theme-dark/theme-dark-palette.css.map +1 -1
  33. package/dist/theme/theme-dark/theme-dark-semantic-chart.css +1 -1
  34. package/dist/theme/theme-dark/theme-dark-semantic-chart.css.map +1 -1
  35. package/dist/theme/theme-dark/theme-dark-semantic.css +1 -1
  36. package/dist/theme/theme-dark/theme-dark-semantic.css.map +1 -1
  37. package/dist/theme/theme-light/theme-light-palette.css +1 -1
  38. package/dist/theme/theme-light/theme-light-palette.css.map +1 -1
  39. package/dist/theme/theme-spectrum/theme-spectrum-alias.module.css +1 -1
  40. package/dist/theme/theme-spectrum/theme-spectrum-alias.module.css.map +1 -1
  41. package/dist/theme/theme-svg.css +1 -0
  42. package/dist/theme/theme-svg.css.map +1 -0
  43. package/package.json +7 -7
  44. package/scss/BaseStyleSheet.scss +96 -16
  45. package/scss/util.scss +27 -0
@@ -14,29 +14,51 @@ import { assertNotNull, ColorUtils } from '@deephaven/utils';
14
14
  // },
15
15
  import { themeDark } from "./theme-dark/index.js";
16
16
  import { themeLight } from "./theme-light/index.js";
17
- import { DEFAULT_DARK_THEME_KEY, DEFAULT_LIGHT_THEME_KEY, DEFAULT_PRELOAD_DATA_VARIABLES, THEME_CACHE_LOCAL_STORAGE_KEY } from "./ThemeModel.js";
17
+ import { DEFAULT_DARK_THEME_KEY, DEFAULT_LIGHT_THEME_KEY, DEFAULT_PRELOAD_DATA_VARIABLES, THEME_CACHE_LOCAL_STORAGE_KEY, SVG_ICON_MANUAL_COLOR_MAP } from "./ThemeModel.js";
18
18
  var log = Log.module('ThemeUtils');
19
19
  export var CSS_VAR_EXPRESSION_PREFIX = 'var(--';
20
20
  export var TMP_CSS_PROP_PREFIX = 'dh-tmp';
21
21
  export var NON_WHITESPACE_REGEX = /\S/;
22
22
  export var WHITESPACE_REGEX = /\s/;
23
23
  /**
24
- * Creates a string containing preload style content for the current theme.
25
- * This resolves the current values of a few CSS variables that can be used
26
- * to style the page before the theme is loaded on next page load.
24
+ * Resolves the current values of CSS variables we want to preload. Preloading
25
+ * happens before themes are fully loaded so that we can style things like the
26
+ * loading spinner and background color which are shown to the user early on in
27
+ * the app lifecycle.
27
28
  */
28
29
  export function calculatePreloadStyleContent() {
29
- var bodyStyle = getComputedStyle(document.body);
30
+ var resolveVar = createCssVariableResolver(document.body);
30
31
 
31
32
  // Calculate the current preload variables. If the variable is not set, use
32
33
  // the default value.
33
- var pairs = Object.entries(DEFAULT_PRELOAD_DATA_VARIABLES).map(_ref => {
34
- var [key, defaultValue] = _ref;
35
- return "".concat(key, ":").concat(bodyStyle.getPropertyValue(key) || defaultValue);
36
- });
34
+ var pairs = Object.keys(DEFAULT_PRELOAD_DATA_VARIABLES).map(key => "".concat(key, ":").concat(resolveVar(key)));
37
35
  return ":root{".concat(pairs.join(';'), "}");
38
36
  }
39
37
 
38
+ /**
39
+ * Create a resolver function for calculating the value of a css variable based
40
+ * on a given element's computed style. If the variable resolves to '', we check
41
+ * DEFAULT_PRELOAD_DATA_VARIABLES for a default value, and if one does not exist,
42
+ * return ''.
43
+ * @param el Element to resolve css variables against
44
+ */
45
+ export function createCssVariableResolver(el) {
46
+ var computedStyle = getComputedStyle(el);
47
+
48
+ /**
49
+ * Resolve the given css variable name to a value. If the variable is not set,
50
+ * return the default preload value or '' if one does not exist.
51
+ */
52
+ return function cssVariableResolver(varName) {
53
+ var _DEFAULT_PRELOAD_DATA;
54
+ var value = computedStyle.getPropertyValue(varName);
55
+ if (value !== '') {
56
+ return value;
57
+ }
58
+ return (_DEFAULT_PRELOAD_DATA = DEFAULT_PRELOAD_DATA_VARIABLES[varName]) !== null && _DEFAULT_PRELOAD_DATA !== void 0 ? _DEFAULT_PRELOAD_DATA : '';
59
+ };
60
+ }
61
+
40
62
  /**
41
63
  * Extracts all css variable expressions from the given record and returns
42
64
  * a set of unique expressions.
@@ -45,8 +67,8 @@ export function calculatePreloadStyleContent() {
45
67
  export function extractDistinctCssVariableExpressions(record) {
46
68
  var set = new Set();
47
69
  Object.values(record).forEach(value => {
48
- getExpressionRanges(value).forEach(_ref2 => {
49
- var [start, end] = _ref2;
70
+ getExpressionRanges(value).forEach(_ref => {
71
+ var [start, end] = _ref;
50
72
  var expression = value.substring(start, end + 1);
51
73
  if (expression.includes(CSS_VAR_EXPRESSION_PREFIX)) {
52
74
  set.add(expression);
@@ -155,6 +177,16 @@ export function getExpressionRanges(value) {
155
177
  return ranges;
156
178
  }
157
179
 
180
+ /**
181
+ * Replace the `fill='...'` attribute in the given SVG content with the given
182
+ * color string.
183
+ * @param svgContent Inline SVG content to replace the fill color in
184
+ * @param fillColor The color to replace the fill color with
185
+ */
186
+ export function replaceSVGFillColor(svgContent, fillColor) {
187
+ return svgContent.replace(/fill='.*?'/, "fill='".concat(encodeURIComponent(fillColor), "'"));
188
+ }
189
+
158
190
  /**
159
191
  * Make a copy of the given object replacing any css variable expressions
160
192
  * contained in its prop values with values resolved from the given HTML element.
@@ -196,8 +228,8 @@ export function resolveCssVariablesInRecord(record) {
196
228
  };
197
229
 
198
230
  // Resolve the temporary css variables
199
- Object.entries(record).forEach(_ref3 => {
200
- var [key, value] = _ref3;
231
+ Object.entries(record).forEach(_ref2 => {
232
+ var [key, value] = _ref2;
201
233
  result[key] = resolveCssVariablesInString(resolver, value);
202
234
  });
203
235
 
@@ -217,8 +249,8 @@ export function resolveCssVariablesInRecord(record) {
217
249
  export function resolveCssVariablesInString(resolver, value) {
218
250
  var result = [];
219
251
  var i = 0;
220
- getExpressionRanges(value).forEach(_ref4 => {
221
- var [start, end] = _ref4;
252
+ getExpressionRanges(value).forEach(_ref3 => {
253
+ var [start, end] = _ref3;
222
254
  if (i < start) {
223
255
  result.push(value.substring(i, start));
224
256
  i += start - i;
@@ -261,4 +293,37 @@ export function preloadTheme() {
261
293
  style.innerHTML = preloadStyleContent;
262
294
  document.head.appendChild(style);
263
295
  }
296
+
297
+ /**
298
+ * Inline SVGs cannot depend on dynamic CSS variables, so we have to statically
299
+ * update them if we want to change their color.
300
+ *
301
+ * This function:
302
+ * 1. Clears any previous overrides
303
+ * 2. Resolves CSS variables containing inline SVG urls
304
+ * 3. Resolves mapped color variables and replaces the `fill='...'` attribute with the result
305
+ * 4. Sets the original CSS variable to the new replaced value
306
+ *
307
+ * Note that it is preferable to use inline SVGs as background-mask values and
308
+ * just change the background color instead of relying on this util, but this
309
+ * is not always possible. e.g. <select> elements don't support pseudo elements,
310
+ * so there's not a good way to set icons via masks.
311
+ */
312
+ export function overrideSVGFillColors() {
313
+ var resolveVar = createCssVariableResolver(document.body);
314
+ Object.entries(SVG_ICON_MANUAL_COLOR_MAP).forEach(_ref4 => {
315
+ var [key, value] = _ref4;
316
+ // Clear any previous override so that our variables get resolved against the
317
+ // actual svg content provided by the active themes and not from a previous
318
+ // override
319
+ document.body.style.removeProperty(key);
320
+ var svgContent = resolveVar(key);
321
+ var fillColor = resolveVar(value);
322
+ var newSVGContent = replaceSVGFillColor(svgContent, fillColor);
323
+
324
+ // This will take precedence over any values for the variable provided by
325
+ // the active themes
326
+ document.body.style.setProperty(key, newSVGContent);
327
+ });
328
+ }
264
329
  //# sourceMappingURL=ThemeUtils.js.map
@@ -1 +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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"}
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","SVG_ICON_MANUAL_COLOR_MAP","log","module","CSS_VAR_EXPRESSION_PREFIX","TMP_CSS_PROP_PREFIX","NON_WHITESPACE_REGEX","WHITESPACE_REGEX","calculatePreloadStyleContent","resolveVar","createCssVariableResolver","document","body","pairs","Object","keys","map","key","concat","join","el","computedStyle","getComputedStyle","cssVariableResolver","varName","_DEFAULT_PRELOAD_DATA","value","getPropertyValue","extractDistinctCssVariableExpressions","record","set","Set","values","forEach","getExpressionRanges","_ref","start","end","expression","substring","includes","add","getActiveThemes","themeKey","themeRegistration","_custom$baseThemeKey","custom","find","theme","baseThemeKey","base","error","debug","getDefaultBaseThemes","name","styleContent","getThemePreloadData","data","localStorage","getItem","JSON","parse","_unused","_NON_WHITESPACE_REGEX","_NON_WHITESPACE_REGEX2","ranges","exec","index","parenLevel","i","length","test","push","replaceSVGFillColor","svgContent","fillColor","replace","encodeURIComponent","resolveCssVariablesInRecord","targetElement","arguments","undefined","perfStart","performance","now","tmpPropEl","createElement","appendChild","varExpressions","varExpression","tmpPropKey","style","setProperty","result","window","resolver","indexOf","resolved","normalizeCssColor","entries","_ref2","resolveCssVariablesInString","remove","_ref3","setThemePreloadData","preloadData","setItem","stringify","getThemeKey","pluginName","themeName","preloadTheme","_getThemePreloadData$","_getThemePreloadData","preloadStyleContent","innerHTML","head","overrideSVGFillColors","_ref4","removeProperty","newSVGContent"],"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 CssVariableStyleContent,\n ThemePreloadColorVariable,\n ThemeRegistrationData,\n THEME_CACHE_LOCAL_STORAGE_KEY,\n SVG_ICON_MANUAL_COLOR_MAP,\n ThemeCssVariableName,\n ThemeIconsRequiringManualColorChanges,\n} from './ThemeModel';\n\nconst log = Log.module('ThemeUtils');\n\nexport const CSS_VAR_EXPRESSION_PREFIX = 'var(--';\nexport const TMP_CSS_PROP_PREFIX = 'dh-tmp';\nexport const NON_WHITESPACE_REGEX = /\\S/;\nexport const WHITESPACE_REGEX = /\\s/;\n\nexport type VarExpressionResolver = (varExpression: string) => string;\n\n/**\n * Resolves the current values of CSS variables we want to preload. Preloading\n * happens before themes are fully loaded so that we can style things like the\n * loading spinner and background color which are shown to the user early on in\n * the app lifecycle.\n */\nexport function calculatePreloadStyleContent(): CssVariableStyleContent {\n const resolveVar = createCssVariableResolver(document.body);\n\n // Calculate the current preload variables. If the variable is not set, use\n // the default value.\n const pairs = Object.keys(DEFAULT_PRELOAD_DATA_VARIABLES).map(\n key => `${key}:${resolveVar(key as ThemePreloadColorVariable)}`\n );\n\n return `:root{${pairs.join(';')}}`;\n}\n\n/**\n * Create a resolver function for calculating the value of a css variable based\n * on a given element's computed style. If the variable resolves to '', we check\n * DEFAULT_PRELOAD_DATA_VARIABLES for a default value, and if one does not exist,\n * return ''.\n * @param el Element to resolve css variables against\n */\nexport function createCssVariableResolver(\n el: Element\n): (varName: ThemeCssVariableName) => string {\n const computedStyle = getComputedStyle(el);\n\n /**\n * Resolve the given css variable name to a value. If the variable is not set,\n * return the default preload value or '' if one does not exist.\n */\n return function cssVariableResolver(varName: ThemeCssVariableName): string {\n const value = computedStyle.getPropertyValue(varName);\n\n if (value !== '') {\n return value;\n }\n\n return (\n DEFAULT_PRELOAD_DATA_VARIABLES[varName as ThemePreloadColorVariable] ?? ''\n );\n };\n}\n\n/**\n * Extracts all css variable expressions from the given record and returns\n * a set of unique expressions.\n * @param record The record to extract css variable expressions from\n */\nexport function extractDistinctCssVariableExpressions(\n record: Record<string, string>\n): Set<string> {\n const set = new Set<string>();\n\n Object.values(record).forEach(value => {\n getExpressionRanges(value).forEach(([start, end]) => {\n const expression = value.substring(start, end + 1);\n\n if (expression.includes(CSS_VAR_EXPRESSION_PREFIX)) {\n set.add(expression);\n }\n });\n });\n\n return set;\n}\n\n/**\n * Returns an array of the active themes. The first item will always be one\n * of the base themes. Optionally, the second item will be a custom theme.\n */\nexport function getActiveThemes(\n themeKey: string,\n themeRegistration: ThemeRegistrationData\n): [ThemeData] | [ThemeData, ThemeData] {\n const custom = themeRegistration.custom.find(\n theme => theme.themeKey === themeKey\n );\n\n const baseThemeKey = custom?.baseThemeKey ?? themeKey;\n\n let base = themeRegistration.base.find(\n theme => theme.themeKey === baseThemeKey\n );\n\n if (base == null) {\n log.error(\n `No registered base theme found for theme key: '${baseThemeKey}'`,\n 'Registered:',\n themeRegistration.base.map(theme => theme.themeKey),\n themeRegistration.custom.map(theme => theme.themeKey)\n );\n base = themeRegistration.base.find(\n theme => theme.themeKey === DEFAULT_DARK_THEME_KEY\n );\n\n assertNotNull(\n base,\n `Default base theme '${DEFAULT_DARK_THEME_KEY}' is not registered`\n );\n }\n\n log.debug('Applied themes:', base.themeKey, custom?.themeKey);\n\n return custom == null ? [base] : [base, custom];\n}\n\n/**\n * Get default base theme data.\n */\nexport function getDefaultBaseThemes(): ThemeData[] {\n return [\n {\n name: 'Default Dark',\n themeKey: DEFAULT_DARK_THEME_KEY,\n styleContent: themeDark,\n },\n {\n name: 'Default Light',\n themeKey: DEFAULT_LIGHT_THEME_KEY,\n styleContent: themeLight,\n },\n ];\n}\n\n/**\n * Get the preload data from local storage or null if it does not exist or is\n * invalid\n */\nexport function getThemePreloadData(): ThemePreloadData | null {\n const data = localStorage.getItem(THEME_CACHE_LOCAL_STORAGE_KEY);\n\n try {\n return data == null ? null : JSON.parse(data);\n } catch {\n // ignore\n }\n\n return null;\n}\n\n/**\n * Identifies start and end indices of any top-level expressions in the given\n * string.\n *\n * e.g.\n * getExpressionRanges('var(--aaa-aa) #fff var(--bbb-bb)')\n * yields:\n * [\n * [0, 12], // 'var(--aaa-aa)'\n * [14, 17] // '#fff'\n * [19, 31], // 'var(--bbb-bb)'\n * ]\n *\n * In cases where there are nested expressions, only the indices of the outermost\n * expression will be included.\n *\n * e.g.\n * getExpressionRanges('var(--ccc-cc, var(--aaa-aa, green)) var(--bbb-bb)')\n * yields:\n * [\n * [0, 34], // 'var(--ccc-cc, var(--aaa-aa, green))'\n * [36, 48], // 'var(--bbb-bb)'\n * ]\n * @param value The string to search for expressions\n * @returns An array of [start, end] index pairs for each expression\n */\nexport function getExpressionRanges(value: string): [number, number][] {\n const ranges: [number, number][] = [];\n\n let start = NON_WHITESPACE_REGEX.exec(value)?.index ?? 0;\n let parenLevel = 0;\n\n for (let i = 0; i < value.length; i += 1) {\n if (value[i] === '(') {\n parenLevel += 1;\n } else if (value[i] === ')') {\n parenLevel -= 1;\n }\n\n if (\n i === value.length - 1 ||\n (WHITESPACE_REGEX.test(value[i + 1]) && parenLevel === 0)\n ) {\n ranges.push([start, i]);\n\n while (i < value.length - 1 && WHITESPACE_REGEX.test(value[i + 1])) {\n i += 1;\n }\n\n start = i + 1;\n }\n }\n\n if (parenLevel !== 0) {\n log.error('Unbalanced parentheses in css var expression', value);\n return [];\n }\n\n return ranges;\n}\n\n/**\n * Replace the `fill='...'` attribute in the given SVG content with the given\n * color string.\n * @param svgContent Inline SVG content to replace the fill color in\n * @param fillColor The color to replace the fill color with\n */\nexport function replaceSVGFillColor(\n svgContent: string,\n fillColor: string\n): string {\n return svgContent.replace(\n /fill='.*?'/,\n `fill='${encodeURIComponent(fillColor)}'`\n );\n}\n\n/**\n * Make a copy of the given object replacing any css variable expressions\n * contained in its prop values with values resolved from the given HTML element.\n * Variables that resolve to color strings will also be normalized to rgb or\n * rgba color strings.\n *\n * Note that the browser will force a reflow when calling `getComputedStyle` if\n * css properties have changed. In order to avoid a reflow for every property\n * check we use distinct setup, resolve / normalize, and cleanup passes:\n * 1. Setup - Create a tmp element and set all css props we want to evaluate\n * 2. Resolve / Normalize - Evaluate all css props via `getPropertyValue` calls\n * and replace the original expressions with resolved values. Also normalize\n * css colors to rgb/a.\n * 3. Cleanup - Remove the tmp element\n * @param record An object whose values may contain css var expressions\n * @param targetElement The element to resolve css variables against. Defaults\n * to document.body\n */\nexport function resolveCssVariablesInRecord<T extends Record<string, string>>(\n record: T,\n targetElement: HTMLElement = document.body\n): T {\n const perfStart = performance.now();\n\n // Add a temporary div to attach temp css variables to\n const tmpPropEl = document.createElement('div');\n targetElement.appendChild(tmpPropEl);\n\n const varExpressions = [...extractDistinctCssVariableExpressions(record)];\n\n // Set temporary css variables for resolving var expressions\n varExpressions.forEach((varExpression, i) => {\n const tmpPropKey = `--${TMP_CSS_PROP_PREFIX}-${i}`;\n tmpPropEl.style.setProperty(tmpPropKey, varExpression);\n });\n\n const result = {} as T;\n\n const computedStyle = window.getComputedStyle(tmpPropEl);\n\n const resolver = (varExpression: string): string => {\n const tmpPropKey = `--${TMP_CSS_PROP_PREFIX}-${varExpressions.indexOf(\n varExpression\n )}`;\n\n const resolved = computedStyle.getPropertyValue(tmpPropKey);\n\n return ColorUtils.normalizeCssColor(resolved);\n };\n\n // Resolve the temporary css variables\n Object.entries(record).forEach(([key, value]) => {\n result[key as keyof T] = resolveCssVariablesInString(\n resolver,\n value\n ) as T[keyof T];\n });\n\n // Remove the temporary css variables\n tmpPropEl.remove();\n\n log.debug('Resolved css variables', performance.now() - perfStart, 'ms');\n\n return result;\n}\n\n/**\n * Resolve css variable expressions in the given string using the\n * given resolver and replace the original expressions with the resolved values.\n *\n * @param resolver Function that can resolve a css variable expression\n * @param value Value that may contain css variable expressions\n */\nexport function resolveCssVariablesInString(\n resolver: VarExpressionResolver,\n value: string\n): string {\n const result: string[] = [];\n let i = 0;\n getExpressionRanges(value).forEach(([start, end]) => {\n if (i < start) {\n result.push(value.substring(i, start));\n i += start - i;\n }\n\n const expression = value.substring(start, end + 1);\n\n result.push(\n expression.includes(CSS_VAR_EXPRESSION_PREFIX)\n ? resolver(expression)\n : expression\n );\n\n i += end - start + 1;\n });\n\n if (result.length === 0) {\n return value;\n }\n\n return result.join('');\n}\n\n/**\n * Store theme preload data in local storage.\n * @param preloadData The preload data to set\n */\nexport function setThemePreloadData(preloadData: ThemePreloadData): void {\n localStorage.setItem(\n THEME_CACHE_LOCAL_STORAGE_KEY,\n JSON.stringify(preloadData)\n );\n}\n\n/**\n * Derive unique theme key from plugin root path and theme name.\n * @param pluginName The root path of the plugin\n * @param themeName The name of the theme\n */\nexport function getThemeKey(pluginName: string, themeName: string): string {\n return `${pluginName}_${themeName}`;\n}\n\n/**\n * Preload minimal theme variables from the cache.\n */\nexport function preloadTheme(): void {\n const preloadStyleContent =\n getThemePreloadData()?.preloadStyleContent ??\n calculatePreloadStyleContent();\n\n log.debug('Preloading theme content:', `'${preloadStyleContent}'`);\n\n const style = document.createElement('style');\n style.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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"}
@@ -1 +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 */
1
+ :root{--dh-color-loading-spinner-primary: var(--dh-color-accent-default-bg);--dh-color-loading-spinner-secondary: hsla(var(--dh-color-gray-800-hsl), 0.5);--dh-color-quickactions-bg: hsla(var(--dh-color-visual-gray-hsl), 0.9);--dh-color-radial-reaction: hsla(var(--dh-color-visual-gray-hsl), 0.6);--dh-color-colorpicker-border: hsla(var(--dh-color-visual-gray-hsl), 0.1);--dh-color-search-icon: var(--dh-color-foreground);--dh-color-form-control-error: hsl(var(--dh-color-visual-negative-hsl));--dh-color-form-control-error-shadow: hsla( var(--dh-color-visual-negative-hsl), 0.25 );--dh-color-selector-fg: hsla(var(--dh-color-gray-800-hsl), 0.4);--dh-color-selector-hover-fg: hsl(var(--dh-color-gray-800-hsl));--dh-color-selector-disabled-fg: hsla( var(--dh-color-gray-800-hsl), /* * Other dropdowns have opacity .4 when not hovered and then an additional * .65 opacity applied to disabled, hence .4 * .65 == .26 */ 0.26 )}/*# sourceMappingURL=theme-dark-components.css.map */
@@ -1 +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"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-components.css"],"names":[],"mappings":"AACA,MACE,sEACA,8EACA,uEACA,uEACA,0EAGA,mDACA,wEACA,wFAMA,gEACA,gEACA","file":"theme-dark-components.css","sourcesContent":["/* stylelint-disable alpha-value-notation */\n:root {\n --dh-color-loading-spinner-primary: var(--dh-color-accent-default-bg);\n --dh-color-loading-spinner-secondary: hsla(var(--dh-color-gray-800-hsl), 0.5);\n --dh-color-quickactions-bg: hsla(var(--dh-color-visual-gray-hsl), 0.9);\n --dh-color-radial-reaction: hsla(var(--dh-color-visual-gray-hsl), 0.6);\n --dh-color-colorpicker-border: hsla(var(--dh-color-visual-gray-hsl), 0.1);\n\n /* Form Controls */\n --dh-color-search-icon: var(--dh-color-foreground);\n --dh-color-form-control-error: hsl(var(--dh-color-visual-negative-hsl));\n --dh-color-form-control-error-shadow: hsla(\n var(--dh-color-visual-negative-hsl),\n 0.25\n );\n\n /* Selectors (pickers, dropdowns, select, etc.) */\n --dh-color-selector-fg: hsla(var(--dh-color-gray-800-hsl), 0.4);\n --dh-color-selector-hover-fg: hsl(var(--dh-color-gray-800-hsl));\n --dh-color-selector-disabled-fg: hsla(\n var(--dh-color-gray-800-hsl),\n /* \n * Other dropdowns have opacity .4 when not hovered and then an additional \n * .65 opacity applied to disabled, hence .4 * .65 == .26\n */\n 0.26\n );\n}\n"]}
@@ -1 +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 */
1
+ :root{--dh-color-gray-50-hsl: 300deg, 6.1%, 9.6%;--dh-color-gray-75-hsl: 280deg, 4.6%, 12.7%;--dh-color-gray-100-hsl: 285deg, 4.5%, 17.3%;--dh-color-gray-200-hsl: 285deg, 4.1%, 19.2%;--dh-color-gray-300-hsl: 285deg, 3.7%, 21.2%;--dh-color-gray-400-hsl: 280deg, 2.4%, 24.9%;--dh-color-gray-500-hsl: 270deg, 1.1%, 35.7%;--dh-color-gray-600-hsl: 300deg, 0.5%, 57.1%;--dh-color-gray-700-hsl: 0deg, 0.8%, 75.1%;--dh-color-gray-800-hsl: 60deg, 6.2%, 93.7%;--dh-color-gray-900-hsl: 60deg, 25%, 98.4%;--dh-color-gray-light-hsl: var(--dh-color-gray-900-hsl);--dh-color-gray-mid-hsl: var(--dh-color-gray-600-hsl);--dh-color-gray-dark-hsl: var(--dh-color-gray-300-hsl);--dh-color-black-hsl: var(--dh-color-gray-50-hsl);--dh-color-white-hsl: var(--dh-color-gray-800-hsl);--dh-color-blue-100-hsl: 222deg, 65.3%, 19.2%;--dh-color-blue-200-hsl: 222deg, 66.2%, 25.5%;--dh-color-blue-300-hsl: 222deg, 64.8%, 32.4%;--dh-color-blue-400-hsl: 222deg, 63.2%, 39.4%;--dh-color-blue-500-hsl: 222deg, 60.7%, 46.9%;--dh-color-blue-600-hsl: 222deg, 68.2%, 54.3%;--dh-color-blue-700-hsl: 222deg, 82.7%, 61.6%;--dh-color-blue-800-hsl: 222deg, 93.8%, 68.4%;--dh-color-blue-900-hsl: 222deg, 100%, 74.3%;--dh-color-blue-1000-hsl: 222deg, 100%, 79.6%;--dh-color-blue-1100-hsl: 221deg, 100%, 84.3%;--dh-color-blue-1200-hsl: 221deg, 100%, 89%;--dh-color-blue-1300-hsl: 222deg, 100%, 92.9%;--dh-color-blue-1400-hsl: 224deg, 100%, 96.3%;--dh-color-red-100-hsl: 346deg, 54.3%, 18%;--dh-color-red-200-hsl: 345deg, 55%, 23.5%;--dh-color-red-300-hsl: 346deg, 54.2%, 30%;--dh-color-red-400-hsl: 345deg, 54.3%, 36.9%;--dh-color-red-500-hsl: 345deg, 53.4%, 43.7%;--dh-color-red-600-hsl: 345deg, 54.8%, 51.4%;--dh-color-red-700-hsl: 345deg, 71.3%, 59%;--dh-color-red-800-hsl: 345deg, 91.7%, 67.1%;--dh-color-red-900-hsl: 344deg, 100%, 74.1%;--dh-color-red-1000-hsl: 343deg, 100%, 80%;--dh-color-red-1100-hsl: 343deg, 100%, 85.3%;--dh-color-red-1200-hsl: 344deg, 100%, 89.8%;--dh-color-red-1300-hsl: 344deg, 100%, 93.5%;--dh-color-red-1400-hsl: 344deg, 100%, 96.3%;--dh-color-orange-100-hsl: 20deg, 100%, 13.9%;--dh-color-orange-200-hsl: 22deg, 95.7%, 18%;--dh-color-orange-300-hsl: 23deg, 89.8%, 23.1%;--dh-color-orange-400-hsl: 22deg, 83.7%, 28.8%;--dh-color-orange-500-hsl: 22deg, 79.7%, 34.7%;--dh-color-orange-600-hsl: 22deg, 74.3%, 41.2%;--dh-color-orange-700-hsl: 22deg, 69.8%, 48%;--dh-color-orange-800-hsl: 22deg, 78.2%, 55.1%;--dh-color-orange-900-hsl: 21deg, 94.7%, 63.1%;--dh-color-orange-1000-hsl: 22deg, 100%, 70.6%;--dh-color-orange-1100-hsl: 23deg, 100%, 77.6%;--dh-color-orange-1200-hsl: 24deg, 100%, 84.3%;--dh-color-orange-1300-hsl: 24deg, 100%, 89.8%;--dh-color-orange-1400-hsl: 25deg, 100%, 94.3%;--dh-color-yellow-100-hsl: 51deg, 100%, 9%;--dh-color-yellow-200-hsl: 50deg, 100%, 12%;--dh-color-yellow-300-hsl: 51deg, 100%, 15.1%;--dh-color-yellow-400-hsl: 50deg, 90%, 19.6%;--dh-color-yellow-500-hsl: 49deg, 82.4%, 24.5%;--dh-color-yellow-600-hsl: 48deg, 75%, 29.8%;--dh-color-yellow-700-hsl: 48deg, 70.2%, 35.5%;--dh-color-yellow-800-hsl: 47deg, 65.7%, 41.2%;--dh-color-yellow-900-hsl: 47deg, 61.2%, 47.5%;--dh-color-yellow-1000-hsl: 47deg, 66.2%, 53.5%;--dh-color-yellow-1100-hsl: 46deg, 79.4%, 60%;--dh-color-yellow-1200-hsl: 46deg, 94.2%, 66.5%;--dh-color-yellow-1300-hsl: 49deg, 100%, 73.9%;--dh-color-yellow-1400-hsl: 51deg, 100%, 83.7%;--dh-color-chartreuse-100-hsl: 77deg, 100%, 8.4%;--dh-color-chartreuse-200-hsl: 75deg, 83.6%, 12%;--dh-color-chartreuse-300-hsl: 74deg, 73.2%, 16.1%;--dh-color-chartreuse-400-hsl: 71deg, 67%, 20.2%;--dh-color-chartreuse-500-hsl: 71deg, 62.2%, 24.9%;--dh-color-chartreuse-600-hsl: 70deg, 58.9%, 29.6%;--dh-color-chartreuse-700-hsl: 69deg, 55.7%, 34.5%;--dh-color-chartreuse-800-hsl: 68deg, 52.9%, 40%;--dh-color-chartreuse-900-hsl: 67deg, 50%, 45.5%;--dh-color-chartreuse-1000-hsl: 67deg, 49.2%, 51.4%;--dh-color-chartreuse-1100-hsl: 67deg, 57.8%, 57.3%;--dh-color-chartreuse-1200-hsl: 66deg, 67.2%, 64.1%;--dh-color-chartreuse-1300-hsl: 66deg, 75.7%, 72.5%;--dh-color-chartreuse-1400-hsl: 66deg, 82%, 82.5%;--dh-color-celery-100-hsl: 127deg, 42.9%, 12.4%;--dh-color-celery-200-hsl: 125deg, 43.2%, 15.9%;--dh-color-celery-300-hsl: 125deg, 42.9%, 20.6%;--dh-color-celery-400-hsl: 125deg, 42.6%, 25.3%;--dh-color-celery-500-hsl: 125deg, 41.6%, 30.2%;--dh-color-celery-600-hsl: 126deg, 40.7%, 35.7%;--dh-color-celery-700-hsl: 125deg, 39.3%, 41.4%;--dh-color-celery-800-hsl: 125deg, 36.6%, 47.6%;--dh-color-celery-900-hsl: 125deg, 39.1%, 54.9%;--dh-color-celery-1000-hsl: 125deg, 43.9%, 62.9%;--dh-color-celery-1100-hsl: 125deg, 47.9%, 71.4%;--dh-color-celery-1200-hsl: 126deg, 49.5%, 79.8%;--dh-color-celery-1300-hsl: 126deg, 48.5%, 87.1%;--dh-color-celery-1400-hsl: 127deg, 50%, 92.9%;--dh-color-green-100-hsl: 95deg, 17.1%, 13.7%;--dh-color-green-200-hsl: 92deg, 18.7%, 17.8%;--dh-color-green-300-hsl: 94deg, 21.7%, 22.5%;--dh-color-green-400-hsl: 94deg, 22.9%, 27.5%;--dh-color-green-500-hsl: 93deg, 25.6%, 32.2%;--dh-color-green-600-hsl: 95deg, 27.7%, 37.5%;--dh-color-green-700-hsl: 95deg, 29.6%, 42.4%;--dh-color-green-800-hsl: 94deg, 31.7%, 47.6%;--dh-color-green-900-hsl: 94deg, 37.5%, 52.9%;--dh-color-green-1000-hsl: 94deg, 47.4%, 58.2%;--dh-color-green-1100-hsl: 94deg, 58.9%, 63.7%;--dh-color-green-1200-hsl: 94deg, 70.9%, 70.4%;--dh-color-green-1300-hsl: 94deg, 81.5%, 78.8%;--dh-color-green-1400-hsl: 93deg, 87.7%, 87.3%;--dh-color-seafoam-100-hsl: 156deg, 13.9%, 14.1%;--dh-color-seafoam-200-hsl: 158deg, 17.4%, 18%;--dh-color-seafoam-300-hsl: 159deg, 19.7%, 22.9%;--dh-color-seafoam-400-hsl: 158deg, 22.5%, 27.8%;--dh-color-seafoam-500-hsl: 158deg, 25.7%, 32.7%;--dh-color-seafoam-600-hsl: 159deg, 28.8%, 37.5%;--dh-color-seafoam-700-hsl: 161deg, 33%, 42.2%;--dh-color-seafoam-800-hsl: 161deg, 36.4%, 46.9%;--dh-color-seafoam-900-hsl: 162deg, 41.9%, 51.4%;--dh-color-seafoam-1000-hsl: 161deg, 53.4%, 56.3%;--dh-color-seafoam-1100-hsl: 162deg, 66%, 62%;--dh-color-seafoam-1200-hsl: 161deg, 76.5%, 70%;--dh-color-seafoam-1300-hsl: 158deg, 86.5%, 79.6%;--dh-color-seafoam-1400-hsl: 156deg, 89.1%, 89.2%;--dh-color-cyan-100-hsl: 185deg, 38.5%, 12.7%;--dh-color-cyan-200-hsl: 186deg, 38.1%, 16.5%;--dh-color-cyan-300-hsl: 186deg, 38.9%, 21.2%;--dh-color-cyan-400-hsl: 185deg, 38.3%, 26.1%;--dh-color-cyan-500-hsl: 185deg, 38.4%, 31.2%;--dh-color-cyan-600-hsl: 186deg, 38%, 36.7%;--dh-color-cyan-700-hsl: 185deg, 37.7%, 42.2%;--dh-color-cyan-800-hsl: 185deg, 37.1%, 48%;--dh-color-cyan-900-hsl: 185deg, 42.5%, 54.3%;--dh-color-cyan-1000-hsl: 185deg, 52.5%, 60.4%;--dh-color-cyan-1100-hsl: 186deg, 64.5%, 66.9%;--dh-color-cyan-1200-hsl: 186deg, 78.9%, 73.9%;--dh-color-cyan-1300-hsl: 186deg, 91.6%, 81.4%;--dh-color-cyan-1400-hsl: 186deg, 100%, 89.6%;--dh-color-indigo-100-hsl: 237deg, 58.1%, 24.3%;--dh-color-indigo-200-hsl: 236deg, 51.9%, 30.2%;--dh-color-indigo-300-hsl: 236deg, 46.8%, 36.9%;--dh-color-indigo-400-hsl: 235deg, 42.6%, 43.7%;--dh-color-indigo-500-hsl: 235deg, 40.2%, 50.8%;--dh-color-indigo-600-hsl: 235deg, 48.8%, 57.8%;--dh-color-indigo-700-hsl: 234deg, 59.8%, 64.9%;--dh-color-indigo-800-hsl: 234deg, 74.8%, 72%;--dh-color-indigo-900-hsl: 234deg, 91%, 78.2%;--dh-color-indigo-1000-hsl: 234deg, 100%, 83.3%;--dh-color-indigo-1100-hsl: 234deg, 100%, 87.3%;--dh-color-indigo-1200-hsl: 235deg, 100%, 91.2%;--dh-color-indigo-1300-hsl: 232deg, 100%, 94.1%;--dh-color-indigo-1400-hsl: 236deg, 100%, 96.9%;--dh-color-purple-100-hsl: 263deg, 73.1%, 23.3%;--dh-color-purple-200-hsl: 260deg, 59.2%, 29.8%;--dh-color-purple-300-hsl: 258deg, 49.7%, 36.7%;--dh-color-purple-400-hsl: 257deg, 43.2%, 43.5%;--dh-color-purple-500-hsl: 255deg, 38.3%, 50.4%;--dh-color-purple-600-hsl: 254deg, 45%, 57.3%;--dh-color-purple-700-hsl: 253deg, 53.8%, 64.3%;--dh-color-purple-800-hsl: 251deg, 64.4%, 71.4%;--dh-color-purple-900-hsl: 250deg, 78.8%, 77.8%;--dh-color-purple-1000-hsl: 249deg, 90.6%, 83.3%;--dh-color-purple-1100-hsl: 249deg, 96.8%, 87.6%;--dh-color-purple-1200-hsl: 250deg, 100%, 91.4%;--dh-color-purple-1300-hsl: 251deg, 100%, 94.5%;--dh-color-purple-1400-hsl: 260deg, 88.2%, 96.7%;--dh-color-fuchsia-100-hsl: 301deg, 64.3%, 16.5%;--dh-color-fuchsia-200-hsl: 300deg, 53.2%, 21.8%;--dh-color-fuchsia-300-hsl: 297deg, 43.8%, 28.6%;--dh-color-fuchsia-400-hsl: 294deg, 39.2%, 35.5%;--dh-color-fuchsia-500-hsl: 291deg, 35.2%, 42.9%;--dh-color-fuchsia-600-hsl: 287deg, 32.5%, 50.6%;--dh-color-fuchsia-700-hsl: 283deg, 39.6%, 58.4%;--dh-color-fuchsia-800-hsl: 279deg, 50%, 66.3%;--dh-color-fuchsia-900-hsl: 277deg, 61.5%, 73.5%;--dh-color-fuchsia-1000-hsl: 275deg, 70.9%, 79.8%;--dh-color-fuchsia-1100-hsl: 275deg, 76.3%, 85.1%;--dh-color-fuchsia-1200-hsl: 277deg, 77.8%, 89.4%;--dh-color-fuchsia-1300-hsl: 280deg, 77.1%, 93.1%;--dh-color-fuchsia-1400-hsl: 288deg, 71.4%, 95.9%;--dh-color-magenta-100-hsl: 333deg, 90.7%, 16.9%;--dh-color-magenta-200-hsl: 334deg, 72.4%, 22.7%;--dh-color-magenta-300-hsl: 334deg, 60.3%, 29.6%;--dh-color-magenta-400-hsl: 334deg, 51.6%, 36.5%;--dh-color-magenta-500-hsl: 333deg, 45.7%, 43.3%;--dh-color-magenta-600-hsl: 332deg, 41.5%, 50.4%;--dh-color-magenta-700-hsl: 330deg, 50.7%, 57.8%;--dh-color-magenta-800-hsl: 329deg, 60.7%, 65.1%;--dh-color-magenta-900-hsl: 329deg, 75.9%, 72.4%;--dh-color-magenta-1000-hsl: 328deg, 92.5%, 79.2%;--dh-color-magenta-1100-hsl: 327deg, 100%, 84.7%;--dh-color-magenta-1200-hsl: 327deg, 100%, 89.4%;--dh-color-magenta-1300-hsl: 326deg, 100%, 93.3%;--dh-color-magenta-1400-hsl: 328deg, 100%, 96.3%;--dh-color-gray-50: hsl(var(--dh-color-gray-50-hsl));--dh-color-gray-75: hsl(var(--dh-color-gray-75-hsl));--dh-color-gray-100: hsl(var(--dh-color-gray-100-hsl));--dh-color-gray-200: hsl(var(--dh-color-gray-200-hsl));--dh-color-gray-300: hsl(var(--dh-color-gray-300-hsl));--dh-color-gray-400: hsl(var(--dh-color-gray-400-hsl));--dh-color-gray-500: hsl(var(--dh-color-gray-500-hsl));--dh-color-gray-600: hsl(var(--dh-color-gray-600-hsl));--dh-color-gray-700: hsl(var(--dh-color-gray-700-hsl));--dh-color-gray-800: hsl(var(--dh-color-gray-800-hsl));--dh-color-gray-900: hsl(var(--dh-color-gray-900-hsl));--dh-color-gray-light: hsl(var(--dh-color-gray-light-hsl));--dh-color-gray-mid: hsl(var(--dh-color-gray-mid-hsl));--dh-color-gray-dark: hsl(var(--dh-color-gray-dark-hsl));--dh-color-black: hsl(var(--dh-color-black-hsl));--dh-color-white: hsl(var(--dh-color-white-hsl));--dh-color-blue-100: hsl(var(--dh-color-blue-100-hsl));--dh-color-blue-200: hsl(var(--dh-color-blue-200-hsl));--dh-color-blue-300: hsl(var(--dh-color-blue-300-hsl));--dh-color-blue-400: hsl(var(--dh-color-blue-400-hsl));--dh-color-blue-500: hsl(var(--dh-color-blue-500-hsl));--dh-color-blue-600: hsl(var(--dh-color-blue-600-hsl));--dh-color-blue-700: hsl(var(--dh-color-blue-700-hsl));--dh-color-blue-800: hsl(var(--dh-color-blue-800-hsl));--dh-color-blue-900: hsl(var(--dh-color-blue-900-hsl));--dh-color-blue-1000: hsl(var(--dh-color-blue-1000-hsl));--dh-color-blue-1100: hsl(var(--dh-color-blue-1100-hsl));--dh-color-blue-1200: hsl(var(--dh-color-blue-1200-hsl));--dh-color-blue-1300: hsl(var(--dh-color-blue-1300-hsl));--dh-color-blue-1400: hsl(var(--dh-color-blue-1400-hsl));--dh-color-red-100: hsl(var(--dh-color-red-100-hsl));--dh-color-red-200: hsl(var(--dh-color-red-200-hsl));--dh-color-red-300: hsl(var(--dh-color-red-300-hsl));--dh-color-red-400: hsl(var(--dh-color-red-400-hsl));--dh-color-red-500: hsl(var(--dh-color-red-500-hsl));--dh-color-red-600: hsl(var(--dh-color-red-600-hsl));--dh-color-red-700: hsl(var(--dh-color-red-700-hsl));--dh-color-red-800: hsl(var(--dh-color-red-800-hsl));--dh-color-red-900: hsl(var(--dh-color-red-900-hsl));--dh-color-red-1000: hsl(var(--dh-color-red-1000-hsl));--dh-color-red-1100: hsl(var(--dh-color-red-1100-hsl));--dh-color-red-1200: hsl(var(--dh-color-red-1200-hsl));--dh-color-red-1300: hsl(var(--dh-color-red-1300-hsl));--dh-color-red-1400: hsl(var(--dh-color-red-1400-hsl));--dh-color-orange-100: hsl(var(--dh-color-orange-100-hsl));--dh-color-orange-200: hsl(var(--dh-color-orange-200-hsl));--dh-color-orange-300: hsl(var(--dh-color-orange-300-hsl));--dh-color-orange-400: hsl(var(--dh-color-orange-400-hsl));--dh-color-orange-500: hsl(var(--dh-color-orange-500-hsl));--dh-color-orange-600: hsl(var(--dh-color-orange-600-hsl));--dh-color-orange-700: hsl(var(--dh-color-orange-700-hsl));--dh-color-orange-800: hsl(var(--dh-color-orange-800-hsl));--dh-color-orange-900: hsl(var(--dh-color-orange-900-hsl));--dh-color-orange-1000: hsl(var(--dh-color-orange-1000-hsl));--dh-color-orange-1100: hsl(var(--dh-color-orange-1100-hsl));--dh-color-orange-1200: hsl(var(--dh-color-orange-1200-hsl));--dh-color-orange-1300: hsl(var(--dh-color-orange-1300-hsl));--dh-color-orange-1400: hsl(var(--dh-color-orange-1400-hsl));--dh-color-yellow-100: hsl(var(--dh-color-yellow-100-hsl));--dh-color-yellow-200: hsl(var(--dh-color-yellow-200-hsl));--dh-color-yellow-300: hsl(var(--dh-color-yellow-300-hsl));--dh-color-yellow-400: hsl(var(--dh-color-yellow-400-hsl));--dh-color-yellow-500: hsl(var(--dh-color-yellow-500-hsl));--dh-color-yellow-600: hsl(var(--dh-color-yellow-600-hsl));--dh-color-yellow-700: hsl(var(--dh-color-yellow-700-hsl));--dh-color-yellow-800: hsl(var(--dh-color-yellow-800-hsl));--dh-color-yellow-900: hsl(var(--dh-color-yellow-900-hsl));--dh-color-yellow-1000: hsl(var(--dh-color-yellow-1000-hsl));--dh-color-yellow-1100: hsl(var(--dh-color-yellow-1100-hsl));--dh-color-yellow-1200: hsl(var(--dh-color-yellow-1200-hsl));--dh-color-yellow-1300: hsl(var(--dh-color-yellow-1300-hsl));--dh-color-yellow-1400: hsl(var(--dh-color-yellow-1400-hsl));--dh-color-chartreuse-100: hsl(var(--dh-color-chartreuse-100-hsl));--dh-color-chartreuse-200: hsl(var(--dh-color-chartreuse-200-hsl));--dh-color-chartreuse-300: hsl(var(--dh-color-chartreuse-300-hsl));--dh-color-chartreuse-400: hsl(var(--dh-color-chartreuse-400-hsl));--dh-color-chartreuse-500: hsl(var(--dh-color-chartreuse-500-hsl));--dh-color-chartreuse-600: hsl(var(--dh-color-chartreuse-600-hsl));--dh-color-chartreuse-700: hsl(var(--dh-color-chartreuse-700-hsl));--dh-color-chartreuse-800: hsl(var(--dh-color-chartreuse-800-hsl));--dh-color-chartreuse-900: hsl(var(--dh-color-chartreuse-900-hsl));--dh-color-chartreuse-1000: hsl(var(--dh-color-chartreuse-1000-hsl));--dh-color-chartreuse-1100: hsl(var(--dh-color-chartreuse-1100-hsl));--dh-color-chartreuse-1200: hsl(var(--dh-color-chartreuse-1200-hsl));--dh-color-chartreuse-1300: hsl(var(--dh-color-chartreuse-1300-hsl));--dh-color-chartreuse-1400: hsl(var(--dh-color-chartreuse-1400-hsl));--dh-color-celery-100: hsl(var(--dh-color-celery-100-hsl));--dh-color-celery-200: hsl(var(--dh-color-celery-200-hsl));--dh-color-celery-300: hsl(var(--dh-color-celery-300-hsl));--dh-color-celery-400: hsl(var(--dh-color-celery-400-hsl));--dh-color-celery-500: hsl(var(--dh-color-celery-500-hsl));--dh-color-celery-600: hsl(var(--dh-color-celery-600-hsl));--dh-color-celery-700: hsl(var(--dh-color-celery-700-hsl));--dh-color-celery-800: hsl(var(--dh-color-celery-800-hsl));--dh-color-celery-900: hsl(var(--dh-color-celery-900-hsl));--dh-color-celery-1000: hsl(var(--dh-color-celery-1000-hsl));--dh-color-celery-1100: hsl(var(--dh-color-celery-1100-hsl));--dh-color-celery-1200: hsl(var(--dh-color-celery-1200-hsl));--dh-color-celery-1300: hsl(var(--dh-color-celery-1300-hsl));--dh-color-celery-1400: hsl(var(--dh-color-celery-1400-hsl));--dh-color-green-100: hsl(var(--dh-color-green-100-hsl));--dh-color-green-200: hsl(var(--dh-color-green-200-hsl));--dh-color-green-300: hsl(var(--dh-color-green-300-hsl));--dh-color-green-400: hsl(var(--dh-color-green-400-hsl));--dh-color-green-500: hsl(var(--dh-color-green-500-hsl));--dh-color-green-600: hsl(var(--dh-color-green-600-hsl));--dh-color-green-700: hsl(var(--dh-color-green-700-hsl));--dh-color-green-800: hsl(var(--dh-color-green-800-hsl));--dh-color-green-900: hsl(var(--dh-color-green-900-hsl));--dh-color-green-1000: hsl(var(--dh-color-green-1000-hsl));--dh-color-green-1100: hsl(var(--dh-color-green-1100-hsl));--dh-color-green-1200: hsl(var(--dh-color-green-1200-hsl));--dh-color-green-1300: hsl(var(--dh-color-green-1300-hsl));--dh-color-green-1400: hsl(var(--dh-color-green-1400-hsl));--dh-color-seafoam-100: hsl(var(--dh-color-seafoam-100-hsl));--dh-color-seafoam-200: hsl(var(--dh-color-seafoam-200-hsl));--dh-color-seafoam-300: hsl(var(--dh-color-seafoam-300-hsl));--dh-color-seafoam-400: hsl(var(--dh-color-seafoam-400-hsl));--dh-color-seafoam-500: hsl(var(--dh-color-seafoam-500-hsl));--dh-color-seafoam-600: hsl(var(--dh-color-seafoam-600-hsl));--dh-color-seafoam-700: hsl(var(--dh-color-seafoam-700-hsl));--dh-color-seafoam-800: hsl(var(--dh-color-seafoam-800-hsl));--dh-color-seafoam-900: hsl(var(--dh-color-seafoam-900-hsl));--dh-color-seafoam-1000: hsl(var(--dh-color-seafoam-1000-hsl));--dh-color-seafoam-1100: hsl(var(--dh-color-seafoam-1100-hsl));--dh-color-seafoam-1200: hsl(var(--dh-color-seafoam-1200-hsl));--dh-color-seafoam-1300: hsl(var(--dh-color-seafoam-1300-hsl));--dh-color-seafoam-1400: hsl(var(--dh-color-seafoam-1400-hsl));--dh-color-cyan-100: hsl(var(--dh-color-cyan-100-hsl));--dh-color-cyan-200: hsl(var(--dh-color-cyan-200-hsl));--dh-color-cyan-300: hsl(var(--dh-color-cyan-300-hsl));--dh-color-cyan-400: hsl(var(--dh-color-cyan-400-hsl));--dh-color-cyan-500: hsl(var(--dh-color-cyan-500-hsl));--dh-color-cyan-600: hsl(var(--dh-color-cyan-600-hsl));--dh-color-cyan-700: hsl(var(--dh-color-cyan-700-hsl));--dh-color-cyan-800: hsl(var(--dh-color-cyan-800-hsl));--dh-color-cyan-900: hsl(var(--dh-color-cyan-900-hsl));--dh-color-cyan-1000: hsl(var(--dh-color-cyan-1000-hsl));--dh-color-cyan-1100: hsl(var(--dh-color-cyan-1100-hsl));--dh-color-cyan-1200: hsl(var(--dh-color-cyan-1200-hsl));--dh-color-cyan-1300: hsl(var(--dh-color-cyan-1300-hsl));--dh-color-cyan-1400: hsl(var(--dh-color-cyan-1400-hsl));--dh-color-indigo-100: hsl(var(--dh-color-indigo-100-hsl));--dh-color-indigo-200: hsl(var(--dh-color-indigo-200-hsl));--dh-color-indigo-300: hsl(var(--dh-color-indigo-300-hsl));--dh-color-indigo-400: hsl(var(--dh-color-indigo-400-hsl));--dh-color-indigo-500: hsl(var(--dh-color-indigo-500-hsl));--dh-color-indigo-600: hsl(var(--dh-color-indigo-600-hsl));--dh-color-indigo-700: hsl(var(--dh-color-indigo-700-hsl));--dh-color-indigo-800: hsl(var(--dh-color-indigo-800-hsl));--dh-color-indigo-900: hsl(var(--dh-color-indigo-900-hsl));--dh-color-indigo-1000: hsl(var(--dh-color-indigo-1000-hsl));--dh-color-indigo-1100: hsl(var(--dh-color-indigo-1100-hsl));--dh-color-indigo-1200: hsl(var(--dh-color-indigo-1200-hsl));--dh-color-indigo-1300: hsl(var(--dh-color-indigo-1300-hsl));--dh-color-indigo-1400: hsl(var(--dh-color-indigo-1400-hsl));--dh-color-purple-100: hsl(var(--dh-color-purple-100-hsl));--dh-color-purple-200: hsl(var(--dh-color-purple-200-hsl));--dh-color-purple-300: hsl(var(--dh-color-purple-300-hsl));--dh-color-purple-400: hsl(var(--dh-color-purple-400-hsl));--dh-color-purple-500: hsl(var(--dh-color-purple-500-hsl));--dh-color-purple-600: hsl(var(--dh-color-purple-600-hsl));--dh-color-purple-700: hsl(var(--dh-color-purple-700-hsl));--dh-color-purple-800: hsl(var(--dh-color-purple-800-hsl));--dh-color-purple-900: hsl(var(--dh-color-purple-900-hsl));--dh-color-purple-1000: hsl(var(--dh-color-purple-1000-hsl));--dh-color-purple-1100: hsl(var(--dh-color-purple-1100-hsl));--dh-color-purple-1200: hsl(var(--dh-color-purple-1200-hsl));--dh-color-purple-1300: hsl(var(--dh-color-purple-1300-hsl));--dh-color-purple-1400: hsl(var(--dh-color-purple-1400-hsl));--dh-color-fuchsia-100: hsl(var(--dh-color-fuchsia-100-hsl));--dh-color-fuchsia-200: hsl(var(--dh-color-fuchsia-200-hsl));--dh-color-fuchsia-300: hsl(var(--dh-color-fuchsia-300-hsl));--dh-color-fuchsia-400: hsl(var(--dh-color-fuchsia-400-hsl));--dh-color-fuchsia-500: hsl(var(--dh-color-fuchsia-500-hsl));--dh-color-fuchsia-600: hsl(var(--dh-color-fuchsia-600-hsl));--dh-color-fuchsia-700: hsl(var(--dh-color-fuchsia-700-hsl));--dh-color-fuchsia-800: hsl(var(--dh-color-fuchsia-800-hsl));--dh-color-fuchsia-900: hsl(var(--dh-color-fuchsia-900-hsl));--dh-color-fuchsia-1000: hsl(var(--dh-color-fuchsia-1000-hsl));--dh-color-fuchsia-1100: hsl(var(--dh-color-fuchsia-1100-hsl));--dh-color-fuchsia-1200: hsl(var(--dh-color-fuchsia-1200-hsl));--dh-color-fuchsia-1300: hsl(var(--dh-color-fuchsia-1300-hsl));--dh-color-fuchsia-1400: hsl(var(--dh-color-fuchsia-1400-hsl));--dh-color-magenta-100: hsl(var(--dh-color-magenta-100-hsl));--dh-color-magenta-200: hsl(var(--dh-color-magenta-200-hsl));--dh-color-magenta-300: hsl(var(--dh-color-magenta-300-hsl));--dh-color-magenta-400: hsl(var(--dh-color-magenta-400-hsl));--dh-color-magenta-500: hsl(var(--dh-color-magenta-500-hsl));--dh-color-magenta-600: hsl(var(--dh-color-magenta-600-hsl));--dh-color-magenta-700: hsl(var(--dh-color-magenta-700-hsl));--dh-color-magenta-800: hsl(var(--dh-color-magenta-800-hsl));--dh-color-magenta-900: hsl(var(--dh-color-magenta-900-hsl));--dh-color-magenta-1000: hsl(var(--dh-color-magenta-1000-hsl));--dh-color-magenta-1100: hsl(var(--dh-color-magenta-1100-hsl));--dh-color-magenta-1200: hsl(var(--dh-color-magenta-1200-hsl));--dh-color-magenta-1300: hsl(var(--dh-color-magenta-1300-hsl));--dh-color-magenta-1400: hsl(var(--dh-color-magenta-1400-hsl))}/*# sourceMappingURL=theme-dark-palette.css.map */
@@ -1 +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"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-palette.css"],"names":[],"mappings":"AACA,MAEE,2CACA,4CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,2CACA,4CACA,2CAEA,wDACA,sDACA,uDAGA,kDACA,mDAGA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,6CACA,8CACA,8CACA,4CACA,8CACA,8CAGA,2CACA,2CACA,2CACA,6CACA,6CACA,6CACA,2CACA,6CACA,4CACA,2CACA,6CACA,6CACA,6CACA,6CAGA,8CACA,6CACA,+CACA,+CACA,+CACA,+CACA,6CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CAGA,2CACA,4CACA,8CACA,6CACA,+CACA,6CACA,+CACA,+CACA,+CACA,gDACA,8CACA,gDACA,+CACA,+CAGA,iDACA,iDACA,mDACA,iDACA,mDACA,mDACA,mDACA,iDACA,iDACA,oDACA,oDACA,oDACA,oDACA,kDAGA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,iDACA,iDACA,iDACA,iDACA,+CAGA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,+CACA,+CACA,+CACA,+CACA,+CAGA,iDACA,+CACA,iDACA,iDACA,iDACA,iDACA,+CACA,iDACA,iDACA,kDACA,8CACA,gDACA,kDACA,kDAGA,8CACA,8CACA,8CACA,8CACA,8CACA,4CACA,8CACA,4CACA,8CACA,+CACA,+CACA,+CACA,+CACA,8CAGA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,8CACA,8CACA,gDACA,gDACA,gDACA,gDACA,gDAGA,gDACA,gDACA,gDACA,gDACA,gDACA,8CACA,gDACA,gDACA,gDACA,iDACA,iDACA,gDACA,gDACA,iDAGA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,+CACA,iDACA,kDACA,kDACA,kDACA,kDACA,kDAGA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,kDACA,iDACA,iDACA,iDACA,iDAGA,qDACA,qDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDAEA,2DACA,uDACA,yDAGA,iDACA,iDAGA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,yDACA,yDACA,yDACA,yDACA,yDAGA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,uDACA,uDACA,uDACA,uDACA,uDAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,qEACA,qEACA,qEACA,qEACA,qEAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,yDACA,2DACA,2DACA,2DACA,2DACA,2DAGA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,+DACA,+DACA,+DACA,+DACA,+DAGA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,yDACA,yDACA,yDACA,yDACA,yDAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,2DACA,6DACA,6DACA,6DACA,6DACA,6DAGA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,+DACA,+DACA,+DACA,+DACA,+DAGA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,6DACA,+DACA,+DACA,+DACA,+DACA","file":"theme-dark-palette.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n:root {\n /* Gray */\n --dh-color-gray-50-hsl: 300deg, 6.1%, 9.6%;\n --dh-color-gray-75-hsl: 280deg, 4.6%, 12.7%;\n --dh-color-gray-100-hsl: 285deg, 4.5%, 17.3%;\n --dh-color-gray-200-hsl: 285deg, 4.1%, 19.2%;\n --dh-color-gray-300-hsl: 285deg, 3.7%, 21.2%;\n --dh-color-gray-400-hsl: 280deg, 2.4%, 24.9%;\n --dh-color-gray-500-hsl: 270deg, 1.1%, 35.7%;\n --dh-color-gray-600-hsl: 300deg, 0.5%, 57.1%;\n --dh-color-gray-700-hsl: 0deg, 0.8%, 75.1%;\n --dh-color-gray-800-hsl: 60deg, 6.2%, 93.7%;\n --dh-color-gray-900-hsl: 60deg, 25%, 98.4%;\n\n --dh-color-gray-light-hsl: var(--dh-color-gray-900-hsl);\n --dh-color-gray-mid-hsl: var(--dh-color-gray-600-hsl);\n --dh-color-gray-dark-hsl: var(--dh-color-gray-300-hsl);\n\n /** Black & White */\n --dh-color-black-hsl: var(--dh-color-gray-50-hsl);\n --dh-color-white-hsl: var(--dh-color-gray-800-hsl);\n\n /* Blue HSL components */\n --dh-color-blue-100-hsl: 222deg, 65.3%, 19.2%;\n --dh-color-blue-200-hsl: 222deg, 66.2%, 25.5%;\n --dh-color-blue-300-hsl: 222deg, 64.8%, 32.4%;\n --dh-color-blue-400-hsl: 222deg, 63.2%, 39.4%;\n --dh-color-blue-500-hsl: 222deg, 60.7%, 46.9%;\n --dh-color-blue-600-hsl: 222deg, 68.2%, 54.3%;\n --dh-color-blue-700-hsl: 222deg, 82.7%, 61.6%;\n --dh-color-blue-800-hsl: 222deg, 93.8%, 68.4%;\n --dh-color-blue-900-hsl: 222deg, 100%, 74.3%;\n --dh-color-blue-1000-hsl: 222deg, 100%, 79.6%;\n --dh-color-blue-1100-hsl: 221deg, 100%, 84.3%;\n --dh-color-blue-1200-hsl: 221deg, 100%, 89%;\n --dh-color-blue-1300-hsl: 222deg, 100%, 92.9%;\n --dh-color-blue-1400-hsl: 224deg, 100%, 96.3%;\n\n /* Reds HSL components */\n --dh-color-red-100-hsl: 346deg, 54.3%, 18%;\n --dh-color-red-200-hsl: 345deg, 55%, 23.5%;\n --dh-color-red-300-hsl: 346deg, 54.2%, 30%;\n --dh-color-red-400-hsl: 345deg, 54.3%, 36.9%;\n --dh-color-red-500-hsl: 345deg, 53.4%, 43.7%;\n --dh-color-red-600-hsl: 345deg, 54.8%, 51.4%;\n --dh-color-red-700-hsl: 345deg, 71.3%, 59%;\n --dh-color-red-800-hsl: 345deg, 91.7%, 67.1%;\n --dh-color-red-900-hsl: 344deg, 100%, 74.1%;\n --dh-color-red-1000-hsl: 343deg, 100%, 80%;\n --dh-color-red-1100-hsl: 343deg, 100%, 85.3%;\n --dh-color-red-1200-hsl: 344deg, 100%, 89.8%;\n --dh-color-red-1300-hsl: 344deg, 100%, 93.5%;\n --dh-color-red-1400-hsl: 344deg, 100%, 96.3%;\n\n /* Orange HSL components */\n --dh-color-orange-100-hsl: 20deg, 100%, 13.9%;\n --dh-color-orange-200-hsl: 22deg, 95.7%, 18%;\n --dh-color-orange-300-hsl: 23deg, 89.8%, 23.1%;\n --dh-color-orange-400-hsl: 22deg, 83.7%, 28.8%;\n --dh-color-orange-500-hsl: 22deg, 79.7%, 34.7%;\n --dh-color-orange-600-hsl: 22deg, 74.3%, 41.2%;\n --dh-color-orange-700-hsl: 22deg, 69.8%, 48%;\n --dh-color-orange-800-hsl: 22deg, 78.2%, 55.1%;\n --dh-color-orange-900-hsl: 21deg, 94.7%, 63.1%;\n --dh-color-orange-1000-hsl: 22deg, 100%, 70.6%;\n --dh-color-orange-1100-hsl: 23deg, 100%, 77.6%;\n --dh-color-orange-1200-hsl: 24deg, 100%, 84.3%;\n --dh-color-orange-1300-hsl: 24deg, 100%, 89.8%;\n --dh-color-orange-1400-hsl: 25deg, 100%, 94.3%;\n\n /* Yellow HSL components */\n --dh-color-yellow-100-hsl: 51deg, 100%, 9%;\n --dh-color-yellow-200-hsl: 50deg, 100%, 12%;\n --dh-color-yellow-300-hsl: 51deg, 100%, 15.1%;\n --dh-color-yellow-400-hsl: 50deg, 90%, 19.6%;\n --dh-color-yellow-500-hsl: 49deg, 82.4%, 24.5%;\n --dh-color-yellow-600-hsl: 48deg, 75%, 29.8%;\n --dh-color-yellow-700-hsl: 48deg, 70.2%, 35.5%;\n --dh-color-yellow-800-hsl: 47deg, 65.7%, 41.2%;\n --dh-color-yellow-900-hsl: 47deg, 61.2%, 47.5%;\n --dh-color-yellow-1000-hsl: 47deg, 66.2%, 53.5%;\n --dh-color-yellow-1100-hsl: 46deg, 79.4%, 60%;\n --dh-color-yellow-1200-hsl: 46deg, 94.2%, 66.5%;\n --dh-color-yellow-1300-hsl: 49deg, 100%, 73.9%;\n --dh-color-yellow-1400-hsl: 51deg, 100%, 83.7%;\n\n /* Chartreuse HSL components */\n --dh-color-chartreuse-100-hsl: 77deg, 100%, 8.4%;\n --dh-color-chartreuse-200-hsl: 75deg, 83.6%, 12%;\n --dh-color-chartreuse-300-hsl: 74deg, 73.2%, 16.1%;\n --dh-color-chartreuse-400-hsl: 71deg, 67%, 20.2%;\n --dh-color-chartreuse-500-hsl: 71deg, 62.2%, 24.9%;\n --dh-color-chartreuse-600-hsl: 70deg, 58.9%, 29.6%;\n --dh-color-chartreuse-700-hsl: 69deg, 55.7%, 34.5%;\n --dh-color-chartreuse-800-hsl: 68deg, 52.9%, 40%;\n --dh-color-chartreuse-900-hsl: 67deg, 50%, 45.5%;\n --dh-color-chartreuse-1000-hsl: 67deg, 49.2%, 51.4%;\n --dh-color-chartreuse-1100-hsl: 67deg, 57.8%, 57.3%;\n --dh-color-chartreuse-1200-hsl: 66deg, 67.2%, 64.1%;\n --dh-color-chartreuse-1300-hsl: 66deg, 75.7%, 72.5%;\n --dh-color-chartreuse-1400-hsl: 66deg, 82%, 82.5%;\n\n /* Celery HSL components */\n --dh-color-celery-100-hsl: 127deg, 42.9%, 12.4%;\n --dh-color-celery-200-hsl: 125deg, 43.2%, 15.9%;\n --dh-color-celery-300-hsl: 125deg, 42.9%, 20.6%;\n --dh-color-celery-400-hsl: 125deg, 42.6%, 25.3%;\n --dh-color-celery-500-hsl: 125deg, 41.6%, 30.2%;\n --dh-color-celery-600-hsl: 126deg, 40.7%, 35.7%;\n --dh-color-celery-700-hsl: 125deg, 39.3%, 41.4%;\n --dh-color-celery-800-hsl: 125deg, 36.6%, 47.6%;\n --dh-color-celery-900-hsl: 125deg, 39.1%, 54.9%;\n --dh-color-celery-1000-hsl: 125deg, 43.9%, 62.9%;\n --dh-color-celery-1100-hsl: 125deg, 47.9%, 71.4%;\n --dh-color-celery-1200-hsl: 126deg, 49.5%, 79.8%;\n --dh-color-celery-1300-hsl: 126deg, 48.5%, 87.1%;\n --dh-color-celery-1400-hsl: 127deg, 50%, 92.9%;\n\n /* Green HSL components */\n --dh-color-green-100-hsl: 95deg, 17.1%, 13.7%;\n --dh-color-green-200-hsl: 92deg, 18.7%, 17.8%;\n --dh-color-green-300-hsl: 94deg, 21.7%, 22.5%;\n --dh-color-green-400-hsl: 94deg, 22.9%, 27.5%;\n --dh-color-green-500-hsl: 93deg, 25.6%, 32.2%;\n --dh-color-green-600-hsl: 95deg, 27.7%, 37.5%;\n --dh-color-green-700-hsl: 95deg, 29.6%, 42.4%;\n --dh-color-green-800-hsl: 94deg, 31.7%, 47.6%;\n --dh-color-green-900-hsl: 94deg, 37.5%, 52.9%;\n --dh-color-green-1000-hsl: 94deg, 47.4%, 58.2%;\n --dh-color-green-1100-hsl: 94deg, 58.9%, 63.7%;\n --dh-color-green-1200-hsl: 94deg, 70.9%, 70.4%;\n --dh-color-green-1300-hsl: 94deg, 81.5%, 78.8%;\n --dh-color-green-1400-hsl: 93deg, 87.7%, 87.3%;\n\n /* Seafoam HSL components */\n --dh-color-seafoam-100-hsl: 156deg, 13.9%, 14.1%;\n --dh-color-seafoam-200-hsl: 158deg, 17.4%, 18%;\n --dh-color-seafoam-300-hsl: 159deg, 19.7%, 22.9%;\n --dh-color-seafoam-400-hsl: 158deg, 22.5%, 27.8%;\n --dh-color-seafoam-500-hsl: 158deg, 25.7%, 32.7%;\n --dh-color-seafoam-600-hsl: 159deg, 28.8%, 37.5%;\n --dh-color-seafoam-700-hsl: 161deg, 33%, 42.2%;\n --dh-color-seafoam-800-hsl: 161deg, 36.4%, 46.9%;\n --dh-color-seafoam-900-hsl: 162deg, 41.9%, 51.4%;\n --dh-color-seafoam-1000-hsl: 161deg, 53.4%, 56.3%;\n --dh-color-seafoam-1100-hsl: 162deg, 66%, 62%;\n --dh-color-seafoam-1200-hsl: 161deg, 76.5%, 70%;\n --dh-color-seafoam-1300-hsl: 158deg, 86.5%, 79.6%;\n --dh-color-seafoam-1400-hsl: 156deg, 89.1%, 89.2%;\n\n /* Cyan HSL components */\n --dh-color-cyan-100-hsl: 185deg, 38.5%, 12.7%;\n --dh-color-cyan-200-hsl: 186deg, 38.1%, 16.5%;\n --dh-color-cyan-300-hsl: 186deg, 38.9%, 21.2%;\n --dh-color-cyan-400-hsl: 185deg, 38.3%, 26.1%;\n --dh-color-cyan-500-hsl: 185deg, 38.4%, 31.2%;\n --dh-color-cyan-600-hsl: 186deg, 38%, 36.7%;\n --dh-color-cyan-700-hsl: 185deg, 37.7%, 42.2%;\n --dh-color-cyan-800-hsl: 185deg, 37.1%, 48%;\n --dh-color-cyan-900-hsl: 185deg, 42.5%, 54.3%;\n --dh-color-cyan-1000-hsl: 185deg, 52.5%, 60.4%;\n --dh-color-cyan-1100-hsl: 186deg, 64.5%, 66.9%;\n --dh-color-cyan-1200-hsl: 186deg, 78.9%, 73.9%;\n --dh-color-cyan-1300-hsl: 186deg, 91.6%, 81.4%;\n --dh-color-cyan-1400-hsl: 186deg, 100%, 89.6%;\n\n /* Indigo HSL components */\n --dh-color-indigo-100-hsl: 237deg, 58.1%, 24.3%;\n --dh-color-indigo-200-hsl: 236deg, 51.9%, 30.2%;\n --dh-color-indigo-300-hsl: 236deg, 46.8%, 36.9%;\n --dh-color-indigo-400-hsl: 235deg, 42.6%, 43.7%;\n --dh-color-indigo-500-hsl: 235deg, 40.2%, 50.8%;\n --dh-color-indigo-600-hsl: 235deg, 48.8%, 57.8%;\n --dh-color-indigo-700-hsl: 234deg, 59.8%, 64.9%;\n --dh-color-indigo-800-hsl: 234deg, 74.8%, 72%;\n --dh-color-indigo-900-hsl: 234deg, 91%, 78.2%;\n --dh-color-indigo-1000-hsl: 234deg, 100%, 83.3%;\n --dh-color-indigo-1100-hsl: 234deg, 100%, 87.3%;\n --dh-color-indigo-1200-hsl: 235deg, 100%, 91.2%;\n --dh-color-indigo-1300-hsl: 232deg, 100%, 94.1%;\n --dh-color-indigo-1400-hsl: 236deg, 100%, 96.9%;\n\n /* Purple HSL components */\n --dh-color-purple-100-hsl: 263deg, 73.1%, 23.3%;\n --dh-color-purple-200-hsl: 260deg, 59.2%, 29.8%;\n --dh-color-purple-300-hsl: 258deg, 49.7%, 36.7%;\n --dh-color-purple-400-hsl: 257deg, 43.2%, 43.5%;\n --dh-color-purple-500-hsl: 255deg, 38.3%, 50.4%;\n --dh-color-purple-600-hsl: 254deg, 45%, 57.3%;\n --dh-color-purple-700-hsl: 253deg, 53.8%, 64.3%;\n --dh-color-purple-800-hsl: 251deg, 64.4%, 71.4%;\n --dh-color-purple-900-hsl: 250deg, 78.8%, 77.8%;\n --dh-color-purple-1000-hsl: 249deg, 90.6%, 83.3%;\n --dh-color-purple-1100-hsl: 249deg, 96.8%, 87.6%;\n --dh-color-purple-1200-hsl: 250deg, 100%, 91.4%;\n --dh-color-purple-1300-hsl: 251deg, 100%, 94.5%;\n --dh-color-purple-1400-hsl: 260deg, 88.2%, 96.7%;\n\n /* Fuchsia HSL components */\n --dh-color-fuchsia-100-hsl: 301deg, 64.3%, 16.5%;\n --dh-color-fuchsia-200-hsl: 300deg, 53.2%, 21.8%;\n --dh-color-fuchsia-300-hsl: 297deg, 43.8%, 28.6%;\n --dh-color-fuchsia-400-hsl: 294deg, 39.2%, 35.5%;\n --dh-color-fuchsia-500-hsl: 291deg, 35.2%, 42.9%;\n --dh-color-fuchsia-600-hsl: 287deg, 32.5%, 50.6%;\n --dh-color-fuchsia-700-hsl: 283deg, 39.6%, 58.4%;\n --dh-color-fuchsia-800-hsl: 279deg, 50%, 66.3%;\n --dh-color-fuchsia-900-hsl: 277deg, 61.5%, 73.5%;\n --dh-color-fuchsia-1000-hsl: 275deg, 70.9%, 79.8%;\n --dh-color-fuchsia-1100-hsl: 275deg, 76.3%, 85.1%;\n --dh-color-fuchsia-1200-hsl: 277deg, 77.8%, 89.4%;\n --dh-color-fuchsia-1300-hsl: 280deg, 77.1%, 93.1%;\n --dh-color-fuchsia-1400-hsl: 288deg, 71.4%, 95.9%;\n\n /* Magenta HSL components */\n --dh-color-magenta-100-hsl: 333deg, 90.7%, 16.9%;\n --dh-color-magenta-200-hsl: 334deg, 72.4%, 22.7%;\n --dh-color-magenta-300-hsl: 334deg, 60.3%, 29.6%;\n --dh-color-magenta-400-hsl: 334deg, 51.6%, 36.5%;\n --dh-color-magenta-500-hsl: 333deg, 45.7%, 43.3%;\n --dh-color-magenta-600-hsl: 332deg, 41.5%, 50.4%;\n --dh-color-magenta-700-hsl: 330deg, 50.7%, 57.8%;\n --dh-color-magenta-800-hsl: 329deg, 60.7%, 65.1%;\n --dh-color-magenta-900-hsl: 329deg, 75.9%, 72.4%;\n --dh-color-magenta-1000-hsl: 328deg, 92.5%, 79.2%;\n --dh-color-magenta-1100-hsl: 327deg, 100%, 84.7%;\n --dh-color-magenta-1200-hsl: 327deg, 100%, 89.4%;\n --dh-color-magenta-1300-hsl: 326deg, 100%, 93.3%;\n --dh-color-magenta-1400-hsl: 328deg, 100%, 96.3%;\n\n /* Grays */\n --dh-color-gray-50: hsl(var(--dh-color-gray-50-hsl));\n --dh-color-gray-75: hsl(var(--dh-color-gray-75-hsl));\n --dh-color-gray-100: hsl(var(--dh-color-gray-100-hsl));\n --dh-color-gray-200: hsl(var(--dh-color-gray-200-hsl));\n --dh-color-gray-300: hsl(var(--dh-color-gray-300-hsl));\n --dh-color-gray-400: hsl(var(--dh-color-gray-400-hsl));\n --dh-color-gray-500: hsl(var(--dh-color-gray-500-hsl));\n --dh-color-gray-600: hsl(var(--dh-color-gray-600-hsl));\n --dh-color-gray-700: hsl(var(--dh-color-gray-700-hsl));\n --dh-color-gray-800: hsl(var(--dh-color-gray-800-hsl));\n --dh-color-gray-900: hsl(var(--dh-color-gray-900-hsl));\n\n --dh-color-gray-light: hsl(var(--dh-color-gray-light-hsl));\n --dh-color-gray-mid: hsl(var(--dh-color-gray-mid-hsl));\n --dh-color-gray-dark: hsl(var(--dh-color-gray-dark-hsl));\n\n /** Black & White */\n --dh-color-black: hsl(var(--dh-color-black-hsl));\n --dh-color-white: hsl(var(--dh-color-white-hsl));\n\n /* Blue */\n --dh-color-blue-100: hsl(var(--dh-color-blue-100-hsl));\n --dh-color-blue-200: hsl(var(--dh-color-blue-200-hsl));\n --dh-color-blue-300: hsl(var(--dh-color-blue-300-hsl));\n --dh-color-blue-400: hsl(var(--dh-color-blue-400-hsl));\n --dh-color-blue-500: hsl(var(--dh-color-blue-500-hsl));\n --dh-color-blue-600: hsl(var(--dh-color-blue-600-hsl));\n --dh-color-blue-700: hsl(var(--dh-color-blue-700-hsl));\n --dh-color-blue-800: hsl(var(--dh-color-blue-800-hsl));\n --dh-color-blue-900: hsl(var(--dh-color-blue-900-hsl));\n --dh-color-blue-1000: hsl(var(--dh-color-blue-1000-hsl));\n --dh-color-blue-1100: hsl(var(--dh-color-blue-1100-hsl));\n --dh-color-blue-1200: hsl(var(--dh-color-blue-1200-hsl));\n --dh-color-blue-1300: hsl(var(--dh-color-blue-1300-hsl));\n --dh-color-blue-1400: hsl(var(--dh-color-blue-1400-hsl));\n\n /* Red */\n --dh-color-red-100: hsl(var(--dh-color-red-100-hsl));\n --dh-color-red-200: hsl(var(--dh-color-red-200-hsl));\n --dh-color-red-300: hsl(var(--dh-color-red-300-hsl));\n --dh-color-red-400: hsl(var(--dh-color-red-400-hsl));\n --dh-color-red-500: hsl(var(--dh-color-red-500-hsl));\n --dh-color-red-600: hsl(var(--dh-color-red-600-hsl));\n --dh-color-red-700: hsl(var(--dh-color-red-700-hsl));\n --dh-color-red-800: hsl(var(--dh-color-red-800-hsl));\n --dh-color-red-900: hsl(var(--dh-color-red-900-hsl));\n --dh-color-red-1000: hsl(var(--dh-color-red-1000-hsl));\n --dh-color-red-1100: hsl(var(--dh-color-red-1100-hsl));\n --dh-color-red-1200: hsl(var(--dh-color-red-1200-hsl));\n --dh-color-red-1300: hsl(var(--dh-color-red-1300-hsl));\n --dh-color-red-1400: hsl(var(--dh-color-red-1400-hsl));\n\n /* Orange */\n --dh-color-orange-100: hsl(var(--dh-color-orange-100-hsl));\n --dh-color-orange-200: hsl(var(--dh-color-orange-200-hsl));\n --dh-color-orange-300: hsl(var(--dh-color-orange-300-hsl));\n --dh-color-orange-400: hsl(var(--dh-color-orange-400-hsl));\n --dh-color-orange-500: hsl(var(--dh-color-orange-500-hsl));\n --dh-color-orange-600: hsl(var(--dh-color-orange-600-hsl));\n --dh-color-orange-700: hsl(var(--dh-color-orange-700-hsl));\n --dh-color-orange-800: hsl(var(--dh-color-orange-800-hsl));\n --dh-color-orange-900: hsl(var(--dh-color-orange-900-hsl));\n --dh-color-orange-1000: hsl(var(--dh-color-orange-1000-hsl));\n --dh-color-orange-1100: hsl(var(--dh-color-orange-1100-hsl));\n --dh-color-orange-1200: hsl(var(--dh-color-orange-1200-hsl));\n --dh-color-orange-1300: hsl(var(--dh-color-orange-1300-hsl));\n --dh-color-orange-1400: hsl(var(--dh-color-orange-1400-hsl));\n\n /* Yellow */\n --dh-color-yellow-100: hsl(var(--dh-color-yellow-100-hsl));\n --dh-color-yellow-200: hsl(var(--dh-color-yellow-200-hsl));\n --dh-color-yellow-300: hsl(var(--dh-color-yellow-300-hsl));\n --dh-color-yellow-400: hsl(var(--dh-color-yellow-400-hsl));\n --dh-color-yellow-500: hsl(var(--dh-color-yellow-500-hsl));\n --dh-color-yellow-600: hsl(var(--dh-color-yellow-600-hsl));\n --dh-color-yellow-700: hsl(var(--dh-color-yellow-700-hsl));\n --dh-color-yellow-800: hsl(var(--dh-color-yellow-800-hsl));\n --dh-color-yellow-900: hsl(var(--dh-color-yellow-900-hsl));\n --dh-color-yellow-1000: hsl(var(--dh-color-yellow-1000-hsl));\n --dh-color-yellow-1100: hsl(var(--dh-color-yellow-1100-hsl));\n --dh-color-yellow-1200: hsl(var(--dh-color-yellow-1200-hsl));\n --dh-color-yellow-1300: hsl(var(--dh-color-yellow-1300-hsl));\n --dh-color-yellow-1400: hsl(var(--dh-color-yellow-1400-hsl));\n\n /* Chartreuse */\n --dh-color-chartreuse-100: hsl(var(--dh-color-chartreuse-100-hsl));\n --dh-color-chartreuse-200: hsl(var(--dh-color-chartreuse-200-hsl));\n --dh-color-chartreuse-300: hsl(var(--dh-color-chartreuse-300-hsl));\n --dh-color-chartreuse-400: hsl(var(--dh-color-chartreuse-400-hsl));\n --dh-color-chartreuse-500: hsl(var(--dh-color-chartreuse-500-hsl));\n --dh-color-chartreuse-600: hsl(var(--dh-color-chartreuse-600-hsl));\n --dh-color-chartreuse-700: hsl(var(--dh-color-chartreuse-700-hsl));\n --dh-color-chartreuse-800: hsl(var(--dh-color-chartreuse-800-hsl));\n --dh-color-chartreuse-900: hsl(var(--dh-color-chartreuse-900-hsl));\n --dh-color-chartreuse-1000: hsl(var(--dh-color-chartreuse-1000-hsl));\n --dh-color-chartreuse-1100: hsl(var(--dh-color-chartreuse-1100-hsl));\n --dh-color-chartreuse-1200: hsl(var(--dh-color-chartreuse-1200-hsl));\n --dh-color-chartreuse-1300: hsl(var(--dh-color-chartreuse-1300-hsl));\n --dh-color-chartreuse-1400: hsl(var(--dh-color-chartreuse-1400-hsl));\n\n /* Celery */\n --dh-color-celery-100: hsl(var(--dh-color-celery-100-hsl));\n --dh-color-celery-200: hsl(var(--dh-color-celery-200-hsl));\n --dh-color-celery-300: hsl(var(--dh-color-celery-300-hsl));\n --dh-color-celery-400: hsl(var(--dh-color-celery-400-hsl));\n --dh-color-celery-500: hsl(var(--dh-color-celery-500-hsl));\n --dh-color-celery-600: hsl(var(--dh-color-celery-600-hsl));\n --dh-color-celery-700: hsl(var(--dh-color-celery-700-hsl));\n --dh-color-celery-800: hsl(var(--dh-color-celery-800-hsl));\n --dh-color-celery-900: hsl(var(--dh-color-celery-900-hsl));\n --dh-color-celery-1000: hsl(var(--dh-color-celery-1000-hsl));\n --dh-color-celery-1100: hsl(var(--dh-color-celery-1100-hsl));\n --dh-color-celery-1200: hsl(var(--dh-color-celery-1200-hsl));\n --dh-color-celery-1300: hsl(var(--dh-color-celery-1300-hsl));\n --dh-color-celery-1400: hsl(var(--dh-color-celery-1400-hsl));\n\n /* Green */\n --dh-color-green-100: hsl(var(--dh-color-green-100-hsl));\n --dh-color-green-200: hsl(var(--dh-color-green-200-hsl));\n --dh-color-green-300: hsl(var(--dh-color-green-300-hsl));\n --dh-color-green-400: hsl(var(--dh-color-green-400-hsl));\n --dh-color-green-500: hsl(var(--dh-color-green-500-hsl));\n --dh-color-green-600: hsl(var(--dh-color-green-600-hsl));\n --dh-color-green-700: hsl(var(--dh-color-green-700-hsl));\n --dh-color-green-800: hsl(var(--dh-color-green-800-hsl));\n --dh-color-green-900: hsl(var(--dh-color-green-900-hsl));\n --dh-color-green-1000: hsl(var(--dh-color-green-1000-hsl));\n --dh-color-green-1100: hsl(var(--dh-color-green-1100-hsl));\n --dh-color-green-1200: hsl(var(--dh-color-green-1200-hsl));\n --dh-color-green-1300: hsl(var(--dh-color-green-1300-hsl));\n --dh-color-green-1400: hsl(var(--dh-color-green-1400-hsl));\n\n /* Seafoam */\n --dh-color-seafoam-100: hsl(var(--dh-color-seafoam-100-hsl));\n --dh-color-seafoam-200: hsl(var(--dh-color-seafoam-200-hsl));\n --dh-color-seafoam-300: hsl(var(--dh-color-seafoam-300-hsl));\n --dh-color-seafoam-400: hsl(var(--dh-color-seafoam-400-hsl));\n --dh-color-seafoam-500: hsl(var(--dh-color-seafoam-500-hsl));\n --dh-color-seafoam-600: hsl(var(--dh-color-seafoam-600-hsl));\n --dh-color-seafoam-700: hsl(var(--dh-color-seafoam-700-hsl));\n --dh-color-seafoam-800: hsl(var(--dh-color-seafoam-800-hsl));\n --dh-color-seafoam-900: hsl(var(--dh-color-seafoam-900-hsl));\n --dh-color-seafoam-1000: hsl(var(--dh-color-seafoam-1000-hsl));\n --dh-color-seafoam-1100: hsl(var(--dh-color-seafoam-1100-hsl));\n --dh-color-seafoam-1200: hsl(var(--dh-color-seafoam-1200-hsl));\n --dh-color-seafoam-1300: hsl(var(--dh-color-seafoam-1300-hsl));\n --dh-color-seafoam-1400: hsl(var(--dh-color-seafoam-1400-hsl));\n\n /* Cyan */\n --dh-color-cyan-100: hsl(var(--dh-color-cyan-100-hsl));\n --dh-color-cyan-200: hsl(var(--dh-color-cyan-200-hsl));\n --dh-color-cyan-300: hsl(var(--dh-color-cyan-300-hsl));\n --dh-color-cyan-400: hsl(var(--dh-color-cyan-400-hsl));\n --dh-color-cyan-500: hsl(var(--dh-color-cyan-500-hsl));\n --dh-color-cyan-600: hsl(var(--dh-color-cyan-600-hsl));\n --dh-color-cyan-700: hsl(var(--dh-color-cyan-700-hsl));\n --dh-color-cyan-800: hsl(var(--dh-color-cyan-800-hsl));\n --dh-color-cyan-900: hsl(var(--dh-color-cyan-900-hsl));\n --dh-color-cyan-1000: hsl(var(--dh-color-cyan-1000-hsl));\n --dh-color-cyan-1100: hsl(var(--dh-color-cyan-1100-hsl));\n --dh-color-cyan-1200: hsl(var(--dh-color-cyan-1200-hsl));\n --dh-color-cyan-1300: hsl(var(--dh-color-cyan-1300-hsl));\n --dh-color-cyan-1400: hsl(var(--dh-color-cyan-1400-hsl));\n\n /* Indigo */\n --dh-color-indigo-100: hsl(var(--dh-color-indigo-100-hsl));\n --dh-color-indigo-200: hsl(var(--dh-color-indigo-200-hsl));\n --dh-color-indigo-300: hsl(var(--dh-color-indigo-300-hsl));\n --dh-color-indigo-400: hsl(var(--dh-color-indigo-400-hsl));\n --dh-color-indigo-500: hsl(var(--dh-color-indigo-500-hsl));\n --dh-color-indigo-600: hsl(var(--dh-color-indigo-600-hsl));\n --dh-color-indigo-700: hsl(var(--dh-color-indigo-700-hsl));\n --dh-color-indigo-800: hsl(var(--dh-color-indigo-800-hsl));\n --dh-color-indigo-900: hsl(var(--dh-color-indigo-900-hsl));\n --dh-color-indigo-1000: hsl(var(--dh-color-indigo-1000-hsl));\n --dh-color-indigo-1100: hsl(var(--dh-color-indigo-1100-hsl));\n --dh-color-indigo-1200: hsl(var(--dh-color-indigo-1200-hsl));\n --dh-color-indigo-1300: hsl(var(--dh-color-indigo-1300-hsl));\n --dh-color-indigo-1400: hsl(var(--dh-color-indigo-1400-hsl));\n\n /* Purple */\n --dh-color-purple-100: hsl(var(--dh-color-purple-100-hsl));\n --dh-color-purple-200: hsl(var(--dh-color-purple-200-hsl));\n --dh-color-purple-300: hsl(var(--dh-color-purple-300-hsl));\n --dh-color-purple-400: hsl(var(--dh-color-purple-400-hsl));\n --dh-color-purple-500: hsl(var(--dh-color-purple-500-hsl));\n --dh-color-purple-600: hsl(var(--dh-color-purple-600-hsl));\n --dh-color-purple-700: hsl(var(--dh-color-purple-700-hsl));\n --dh-color-purple-800: hsl(var(--dh-color-purple-800-hsl));\n --dh-color-purple-900: hsl(var(--dh-color-purple-900-hsl));\n --dh-color-purple-1000: hsl(var(--dh-color-purple-1000-hsl));\n --dh-color-purple-1100: hsl(var(--dh-color-purple-1100-hsl));\n --dh-color-purple-1200: hsl(var(--dh-color-purple-1200-hsl));\n --dh-color-purple-1300: hsl(var(--dh-color-purple-1300-hsl));\n --dh-color-purple-1400: hsl(var(--dh-color-purple-1400-hsl));\n\n /* Fuchsia */\n --dh-color-fuchsia-100: hsl(var(--dh-color-fuchsia-100-hsl));\n --dh-color-fuchsia-200: hsl(var(--dh-color-fuchsia-200-hsl));\n --dh-color-fuchsia-300: hsl(var(--dh-color-fuchsia-300-hsl));\n --dh-color-fuchsia-400: hsl(var(--dh-color-fuchsia-400-hsl));\n --dh-color-fuchsia-500: hsl(var(--dh-color-fuchsia-500-hsl));\n --dh-color-fuchsia-600: hsl(var(--dh-color-fuchsia-600-hsl));\n --dh-color-fuchsia-700: hsl(var(--dh-color-fuchsia-700-hsl));\n --dh-color-fuchsia-800: hsl(var(--dh-color-fuchsia-800-hsl));\n --dh-color-fuchsia-900: hsl(var(--dh-color-fuchsia-900-hsl));\n --dh-color-fuchsia-1000: hsl(var(--dh-color-fuchsia-1000-hsl));\n --dh-color-fuchsia-1100: hsl(var(--dh-color-fuchsia-1100-hsl));\n --dh-color-fuchsia-1200: hsl(var(--dh-color-fuchsia-1200-hsl));\n --dh-color-fuchsia-1300: hsl(var(--dh-color-fuchsia-1300-hsl));\n --dh-color-fuchsia-1400: hsl(var(--dh-color-fuchsia-1400-hsl));\n\n /* Magenta */\n --dh-color-magenta-100: hsl(var(--dh-color-magenta-100-hsl));\n --dh-color-magenta-200: hsl(var(--dh-color-magenta-200-hsl));\n --dh-color-magenta-300: hsl(var(--dh-color-magenta-300-hsl));\n --dh-color-magenta-400: hsl(var(--dh-color-magenta-400-hsl));\n --dh-color-magenta-500: hsl(var(--dh-color-magenta-500-hsl));\n --dh-color-magenta-600: hsl(var(--dh-color-magenta-600-hsl));\n --dh-color-magenta-700: hsl(var(--dh-color-magenta-700-hsl));\n --dh-color-magenta-800: hsl(var(--dh-color-magenta-800-hsl));\n --dh-color-magenta-900: hsl(var(--dh-color-magenta-900-hsl));\n --dh-color-magenta-1000: hsl(var(--dh-color-magenta-1000-hsl));\n --dh-color-magenta-1100: hsl(var(--dh-color-magenta-1100-hsl));\n --dh-color-magenta-1200: hsl(var(--dh-color-magenta-1200-hsl));\n --dh-color-magenta-1300: hsl(var(--dh-color-magenta-1300-hsl));\n --dh-color-magenta-1400: hsl(var(--dh-color-magenta-1400-hsl));\n}\n"]}
@@ -1 +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 */
1
+ :root{--dh-color-chart-bg: var(--dh-color-content-background);--dh-color-chart-plot-bg: var(--dh-color-gray-200);--dh-color-chart-title: var(--dh-color-white);--dh-color-chart-colorway: var(--dh-color-visual-cyan) var(--dh-color-visual-green) var(--dh-color-visual-yellow) var(--dh-color-visual-purple) var(--dh-color-visual-orange) var(--dh-color-visual-red) var(--dh-color-visual-chartreuse) var(--dh-color-visual-fuchsia) var(--dh-color-visual-seafoam) var(--dh-color-visual-magenta) var(--dh-color-white);--dh-color-chart-grid: var(--dh-color-gray-400);--dh-color-chart-axis-line: var(--dh-color-gray-500);--dh-color-chart-axis-line-zero: var(--dh-color-gray-700);--dh-color-chart-active: var(--dh-color-accent-600);--dh-color-chart-range-bg: hsla(var(--dh-color-gray-500-hsl) 0.7);--dh-color-chart-area: var(--dh-color-visual-blue);--dh-color-chart-trend: var(--dh-color-green-1200);--dh-color-chart-error-band-line: var(--dh-color-green-1400);--dh-color-chart-error-band-fill: hsla(var(--dh-color-green-1200-hsl), 0.1);--dh-color-chart-ohlc-increase: var(--dh-color-visual-green);--dh-color-chart-ohlc-decrease: var(--dh-color-visual-red);--dh-color-chart-line-deprecated: var(--dh-color-visual-green)}/*# sourceMappingURL=theme-dark-semantic-chart.css.map */
@@ -1 +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"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-chart.css"],"names":[],"mappings":"AAEA,MACE,wDACA,mDACA,8CAGA,8VAMA,gDACA,qDACA,0DACA,oDAEA,kEACA,mDACA,mDAGA,6DACA,4EAGA,6DACA,2DAOA","file":"theme-dark-semantic-chart.css","sourcesContent":["/* stylelint-disable alpha-value-notation */\n/* stylelint-disable custom-property-empty-line-before */\n:root {\n --dh-color-chart-bg: var(--dh-color-content-background);\n --dh-color-chart-plot-bg: var(--dh-color-gray-200);\n --dh-color-chart-title: var(--dh-color-white);\n\n /* Colorway */\n --dh-color-chart-colorway: var(--dh-color-visual-cyan)\n var(--dh-color-visual-green) var(--dh-color-visual-yellow)\n var(--dh-color-visual-purple) var(--dh-color-visual-orange)\n var(--dh-color-visual-red) var(--dh-color-visual-chartreuse)\n var(--dh-color-visual-fuchsia) var(--dh-color-visual-seafoam)\n var(--dh-color-visual-magenta) var(--dh-color-white);\n --dh-color-chart-grid: var(--dh-color-gray-400);\n --dh-color-chart-axis-line: var(--dh-color-gray-500);\n --dh-color-chart-axis-line-zero: var(--dh-color-gray-700);\n --dh-color-chart-active: var(--dh-color-accent-600);\n\n --dh-color-chart-range-bg: hsla(var(--dh-color-gray-500-hsl) 0.7);\n --dh-color-chart-area: var(--dh-color-visual-blue);\n --dh-color-chart-trend: var(--dh-color-green-1200);\n\n /* Error band */\n --dh-color-chart-error-band-line: var(--dh-color-green-1400);\n --dh-color-chart-error-band-fill: hsla(var(--dh-color-green-1200-hsl), 0.1);\n\n /* OHLC */\n --dh-color-chart-ohlc-increase: var(--dh-color-visual-green);\n --dh-color-chart-ohlc-decrease: var(--dh-color-visual-red);\n\n /* \n * This color shows up in the styleguide, but it doesn't seem to be consumed\n * in production code. There has been discussion about it not being needed \n * anymore. \n */\n --dh-color-chart-line-deprecated: var(--dh-color-visual-green);\n}\n"]}
@@ -1 +1 @@
1
- :root{--dh-color-accent: var(--dh-color-blue-700);--dh-color-border: var(--dh-color-gray-500);--dh-color-background: var(--dh-color-black);--dh-color-foreground: var(--dh-color-white);--dh-color-content-background: var(--dh-color-gray-100);--dh-color-heading-text: var(--dh-color-gray-900);--dh-color-text: var(--dh-color-gray-800);--dh-color-text-disabled: var(--dh-color-gray-400);--dh-color-text-highlight: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.3);--dh-color-accent-100: var(--dh-color-blue-100);--dh-color-accent-200: var(--dh-color-blue-200);--dh-color-accent-300: var(--dh-color-blue-300);--dh-color-accent-400: var(--dh-color-blue-400);--dh-color-accent-500: var(--dh-color-blue-500);--dh-color-accent-600: var(--dh-color-blue-600);--dh-color-accent-700: var(--dh-color-blue-700);--dh-color-accent-800: var(--dh-color-blue-800);--dh-color-accent-900: var(--dh-color-blue-900);--dh-color-accent-1000: var(--dh-color-blue-1000);--dh-color-accent-1100: var(--dh-color-blue-1100);--dh-color-accent-1200: var(--dh-color-blue-1200);--dh-color-accent-1300: var(--dh-color-blue-1300);--dh-color-accent-1400: var(--dh-color-blue-1400);--dh-color-accent-background-default: var(--dh-color-accent-600);--dh-color-accent-background-hover: var(--dh-color-accent-500);--dh-color-accent-background-down: var(--dh-color-accent-400);--dh-color-accent-background-key-focus: var(--dh-color-accent-500);--dh-color-default-gray-bg: var(--dh-color-gray-700);--dh-color-default-blue-bg: var(--dh-color-blue-700);--dh-color-default-red-bg: var(--dh-color-red-700);--dh-color-default-orange-bg: var(--dh-color-orange-800);--dh-color-default-yellow-bg: var(--dh-color-yellow-1000);--dh-color-default-chartreuse-bg: var(--dh-color-chartreuse-900);--dh-color-default-celery-bg: var(--dh-color-celery-800);--dh-color-default-green-bg: var(--dh-color-green-700);--dh-color-default-seafoam-bg: var(--dh-color-seafoam-700);--dh-color-default-cyan-bg: var(--dh-color-cyan-700);--dh-color-default-indigo-bg: var(--dh-color-indigo-700);--dh-color-default-purple-bg: var(--dh-color-purple-700);--dh-color-default-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-default-magenta-bg: var(--dh-color-magenta-700);--dh-color-focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: hsla(var(--dh-color-gray-hue), 0%, 94%, 0.15);--dh-color-highlight-hover: hsla(var(--dh-color-gray-hue), 0%, 100%, 0.08);--dh-color-highlight-invalid: hsla(var(--dh-color-red-hue), 80%, 48%, 0.15);--dh-color-highlight-selected: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.13);--dh-color-highlight-selected-hover: hsla( var(--dh-color-blue-hue), 83%, 62%, 0.2 );--dh-color-dropshadow: hsla(var(--dh-color-gray-hue), 0, 0, 0.8);--dh-color-overlay-modal-bg: hsla(var(--dh-color-gray-hue), 0%, 0%, 0.6);--dh-color-overlay-hover-bg: hsla(var(--dh-color-gray-hue), 0%, 100%, 0.08);--dh-color-negative-default-bg: var(--dh-color-red-600);--dh-color-negative-hover-bg: var(--dh-color-red-500);--dh-color-negative-down-bg: var(--dh-color-red-400);--dh-color-negative-key-focus-bg: var(--dh-color-red-500);--dh-neutral-default-bg: var(--dh-color-gray-500);--dh-neutral-hover-bg: var(--dh-color-gray-400);--dh-neutral-down-bg: var(--dh-color-gray-300);--dh-neutral-key-focus-bg: var(--dh-color-gray-400);--dh-neutral-subdued-default-bg: var(--dh-color-gray-400);--dh-neutral-subdued-hover-bg: var(--dh-color-gray-300);--dh-neutral-subdued-down-bg: var(--dh-color-gray-200);--dh-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);--dh-color-positive-default-bg: var(--dh-color-green-900);--dh-color-positive-hover-bg: var(--dh-color-green-800);--dh-color-positive-down-bg: var(--dh-color-green-700);--dh-color-positive-key-focus-bg: var(--dh-color-green-800);--dh-color-info-default-bg: var(--dh-color-cyan-1000);--dh-color-info-hover-bg: var(--dh-color-cyan-900);--dh-color-info-down-bg: var(--dh-color-cyan-800);--dh-color-info-key-focus-bg: var(--dh-color-cyan-900);--dh-color-notice-default-bg: var(--dh-color-yellow-1000);--dh-color-notice-hover-bg: var(--dh-color-yellow-900);--dh-color-notice-down-bg: var(--dh-color-yellow-800);--dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);--dh-color-visual-blue: var(--dh-color-blue-700);--dh-color-visual-celery: var(--dh-color-celery-1000);--dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);--dh-color-visual-cyan: var(--dh-color-cyan-1100);--dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);--dh-color-visual-gray: var(--dh-color-gray-600);--dh-color-visual-green: var(--dh-color-green-1100);--dh-color-visual-indigo: var(--dh-color-indigo-900);--dh-color-visual-magenta: var(--dh-color-magenta-900);--dh-color-visual-orange: var(--dh-color-orange-900);--dh-color-visual-purple: var(--dh-color-purple-900);--dh-color-visual-red: var(--dh-color-red-800);--dh-color-visual-seafoam: var(--dh-color-seafoam-1100);--dh-color-visual-yellow: var(--dh-color-yellow-1200);--dh-color-visual-positive: var(--dh-color-green-1100);--dh-color-visual-negative: var(--dh-color-red-800);--dh-color-visual-notice: var(--dh-color-yellow-1200);--dh-color-visual-info: var(--dh-color-cyan-1100);--dh-color-well-bg: hsla(var(--dh-color-gray-hue) 0% 92% 0.02);--dh-color-well-border: hsla(var(--dh-color-gray-hue) 0% 94% 0.05)}/*# sourceMappingURL=theme-dark-semantic.css.map */
1
+ :root{--dh-color-background-hsl: var(--dh-color-black-hsl);--dh-color-foreground-hsl: var(--dh-color-white-hsl);--dh-color-accent-hsl: var(--dh-color-blue-600-hsl);--dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);--dh-color-neutral-hsl: var(--dh-color-gray-500-hsl);--dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);--dh-color-positive-hsl: var(--dh-color-green-900-hsl);--dh-color-negative-hsl: var(--dh-color-red-600-hsl);--dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);--dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);--dh-color-accent-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-negative-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-positive-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-visual-blue-hsl: var(--dh-color-blue-600-hsl);--dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);--dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);--dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);--dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);--dh-color-visual-green-hsl: var(--dh-color-green-1100-hsl);--dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);--dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);--dh-color-visual-orange-hsl: var(--dh-color-orange-900-hsl);--dh-color-visual-purple-hsl: var(--dh-color-purple-900-hsl);--dh-color-visual-red-hsl: var(--dh-color-red-800-hsl);--dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-1100-hsl);--dh-color-visual-yellow-hsl: var(--dh-color-yellow-1200-hsl);--dh-color-visual-positive-hsl: var(--dh-color-green-1100-hsl);--dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);--dh-color-visual-notice-hsl: var(--dh-color-yellow-1200-hsl);--dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-border: var(--dh-color-gray-500);--dh-color-background: hsl(var(--dh-color-background-hsl));--dh-color-foreground: hsl(var(--dh-color-foreground-hsl));--dh-color-content-background: var(--dh-color-gray-100);--dh-color-heading-text: var(--dh-color-gray-900);--dh-color-text: var(--dh-color-gray-800);--dh-color-text-disabled: var(--dh-color-gray-400);--dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), 0.3);--dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));--dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));--dh-color-accent-100: var(--dh-color-blue-100);--dh-color-accent-200: var(--dh-color-blue-200);--dh-color-accent-300: var(--dh-color-blue-300);--dh-color-accent-400: var(--dh-color-blue-400);--dh-color-accent-500: var(--dh-color-blue-500);--dh-color-accent-600: var(--dh-color-blue-600);--dh-color-accent-700: var(--dh-color-blue-700);--dh-color-accent-800: var(--dh-color-blue-800);--dh-color-accent-900: var(--dh-color-blue-900);--dh-color-accent-1000: var(--dh-color-blue-1000);--dh-color-accent-1100: var(--dh-color-blue-1100);--dh-color-accent-1200: var(--dh-color-blue-1200);--dh-color-accent-1300: var(--dh-color-blue-1300);--dh-color-accent-1400: var(--dh-color-blue-1400);--dh-color-accent-default-bg: hsl(var(--dh-color-accent-hsl));--dh-color-accent-hover-bg: var(--dh-color-accent-500);--dh-color-accent-down-bg: var(--dh-color-accent-400);--dh-color-accent-key-focus-bg: var(--dh-color-accent-500);--dh-color-accent-contrast: var(--dh-color-accent-contrast-hsl);--dh-color-default-gray-bg: var(--dh-color-gray-700);--dh-color-default-blue-bg: var(--dh-color-blue-700);--dh-color-default-red-bg: var(--dh-color-red-700);--dh-color-default-orange-bg: var(--dh-color-orange-800);--dh-color-default-yellow-bg: var(--dh-color-yellow-1000);--dh-color-default-chartreuse-bg: var(--dh-color-chartreuse-900);--dh-color-default-celery-bg: var(--dh-color-celery-800);--dh-color-default-green-bg: var(--dh-color-green-700);--dh-color-default-seafoam-bg: var(--dh-color-seafoam-700);--dh-color-default-cyan-bg: var(--dh-color-cyan-700);--dh-color-default-indigo-bg: var(--dh-color-indigo-700);--dh-color-default-purple-bg: var(--dh-color-purple-700);--dh-color-default-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-default-magenta-bg: var(--dh-color-magenta-700);--dh-color-focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), 0.15);--dh-color-highlight-hover: hsla(var(--dh-color-visual-gray-hsl), 0.08);--dh-color-highlight-invalid: hsla(var(--dh-color-visual-red-hsl), 0.15);--dh-color-highlight-selected: hsla(var(--dh-color-visual-blue-hsl), 0.13);--dh-color-highlight-selected-hover: hsla( var(--dh-color-visual-blue-hsl), 0.2 );--dh-color-dropshadow: hsla(var(--dh-color-visual-gray-hsl), 0.8);--dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);--dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);--dh-color-negative-default-bg: hsl(var(--dh-color-negative-hsl));--dh-color-negative-hover-bg: var(--dh-color-red-500);--dh-color-negative-down-bg: var(--dh-color-red-400);--dh-color-negative-key-focus-bg: var(--dh-color-red-500);--dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));--dh-color-neutral-default-bg: hsl(var(--dh-color-neutral-hsl));--dh-color-neutral-hover-bg: var(--dh-color-gray-400);--dh-color-neutral-down-bg: var(--dh-color-gray-300);--dh-color-neutral-key-focus-bg: var(--dh-color-gray-400);--dh-color-neutral-contrast: hsl(var(--dh-color-neutral-contrast-hsl));--dh-color-neutral-subdued-default-bg: var(--dh-color-gray-400);--dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);--dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);--dh-color-positive-default-bg: hsl(var(--dh-color-positive-hsl));--dh-color-positive-hover-bg: var(--dh-color-green-800);--dh-color-positive-down-bg: var(--dh-color-green-700);--dh-color-positive-key-focus-bg: var(--dh-color-green-800);--dh-color-positive-contrast: hsl(var(--dh-color-positive-contrast-hsl));--dh-color-info-default-bg: hsl(var(--dh-color-info-hsl));--dh-color-info-hover-bg: var(--dh-color-cyan-900);--dh-color-info-down-bg: var(--dh-color-cyan-800);--dh-color-info-key-focus-bg: var(--dh-color-cyan-900);--dh-color-info-contrast: hsl(var(--dh-color-info-contrast-hsl));--dh-color-notice-default-bg: hsl(var(--dh-color-notice-hsl));--dh-color-notice-hover-bg: var(--dh-color-yellow-900);--dh-color-notice-down-bg: var(--dh-color-yellow-800);--dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);--dh-color-notice-contrast: hsl(var(--dh-color-notice-contrast-hsl));--dh-color-visual-blue: hsl(var(--dh-color-visual-blue-hsl));--dh-color-visual-celery: hsl(var(--dh-color-visual-celery-hsl));--dh-color-visual-chartreuse: hsl(var(--dh-color-visual-chartreuse-hsl));--dh-color-visual-cyan: hsl(var(--dh-color-visual-cyan-hsl));--dh-color-visual-fuchsia: hsl(var(--dh-color-visual-fuchsia-hsl));--dh-color-visual-gray: hsl(var(--dh-color-visual-gray-hsl));--dh-color-visual-green: hsl(var(--dh-color-visual-green-hsl));--dh-color-visual-indigo: hsl(var(--dh-color-visual-indigo-hsl));--dh-color-visual-magenta: hsl(var(--dh-color-visual-magenta-hsl));--dh-color-visual-orange: hsl(var(--dh-color-visual-orange-hsl));--dh-color-visual-purple: hsl(var(--dh-color-visual-purple-hsl));--dh-color-visual-red: hsl(var(--dh-color-visual-red-hsl));--dh-color-visual-seafoam: hsl(var(--dh-color-visual-seafoam-hsl));--dh-color-visual-yellow: hsl(var(--dh-color-visual-yellow-hsl));--dh-color-visual-positive: hsl(var(--dh-color-visual-positive-hsl));--dh-color-visual-negative: hsl(var(--dh-color-visual-negative-hsl));--dh-color-visual-notice: hsl(var(--dh-color-visual-notice-hsl));--dh-color-visual-info: hsl(var(--dh-color-visual-info-hsl));--dh-color-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-semantic.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic.css"],"names":[],"mappings":"AAEA,MAEE,4CACA,4CACA,6CACA,6CACA,wDAGA,kDACA,0CACA,mDACA,yEAGA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,kDACA,kDACA,kDACA,kDACA,kDAGA,iEACA,+DACA,8DACA,mEAGA,qDACA,qDACA,mDACA,yDACA,0DACA,iEACA,yDACA,uDACA,2DACA,qDACA,yDACA,yDACA,2DACA,2DAGA,2CACA,kDACA,6CAGA,2EACA,2EACA,4EACA,8EACA,qFAQA,iEACA,yEACA,4EAGA,wDACA,sDACA,qDACA,0DAGA,kDACA,gDACA,+CACA,oDAEA,0DACA,wDACA,uDACA,4DAGA,0DACA,wDACA,uDACA,4DAGA,sDACA,mDACA,kDACA,uDAGA,0DACA,uDACA,sDACA,4DAGA,iDACA,sDACA,8DACA,kDACA,uDACA,iDACA,oDACA,qDACA,uDACA,qDACA,qDACA,+CACA,wDACA,sDAEA,uDACA,oDACA,sDACA,kDAGA,+DACA","file":"theme-dark-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n:root {\n /* General */\n --dh-color-accent: var(--dh-color-blue-700);\n --dh-color-border: var(--dh-color-gray-500);\n --dh-color-background: var(--dh-color-black);\n --dh-color-foreground: var(--dh-color-white);\n --dh-color-content-background: var(--dh-color-gray-100);\n\n /* Text */\n --dh-color-heading-text: var(--dh-color-gray-900);\n --dh-color-text: var(--dh-color-gray-800);\n --dh-color-text-disabled: var(--dh-color-gray-400);\n --dh-color-text-highlight: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.3);\n\n /** Accent Colors */\n --dh-color-accent-100: var(--dh-color-blue-100);\n --dh-color-accent-200: var(--dh-color-blue-200);\n --dh-color-accent-300: var(--dh-color-blue-300);\n --dh-color-accent-400: var(--dh-color-blue-400);\n --dh-color-accent-500: var(--dh-color-blue-500);\n --dh-color-accent-600: var(--dh-color-blue-600);\n --dh-color-accent-700: var(--dh-color-blue-700);\n --dh-color-accent-800: var(--dh-color-blue-800);\n --dh-color-accent-900: var(--dh-color-blue-900);\n --dh-color-accent-1000: var(--dh-color-blue-1000);\n --dh-color-accent-1100: var(--dh-color-blue-1100);\n --dh-color-accent-1200: var(--dh-color-blue-1200);\n --dh-color-accent-1300: var(--dh-color-blue-1300);\n --dh-color-accent-1400: var(--dh-color-blue-1400);\n\n /* Accent Background */\n --dh-color-accent-background-default: var(--dh-color-accent-600);\n --dh-color-accent-background-hover: var(--dh-color-accent-500);\n --dh-color-accent-background-down: var(--dh-color-accent-400);\n --dh-color-accent-background-key-focus: var(--dh-color-accent-500);\n\n /* Background Defaults */\n --dh-color-default-gray-bg: var(--dh-color-gray-700);\n --dh-color-default-blue-bg: var(--dh-color-blue-700);\n --dh-color-default-red-bg: var(--dh-color-red-700);\n --dh-color-default-orange-bg: var(--dh-color-orange-800);\n --dh-color-default-yellow-bg: var(--dh-color-yellow-1000);\n --dh-color-default-chartreuse-bg: var(--dh-color-chartreuse-900);\n --dh-color-default-celery-bg: var(--dh-color-celery-800);\n --dh-color-default-green-bg: var(--dh-color-green-700);\n --dh-color-default-seafoam-bg: var(--dh-color-seafoam-700);\n --dh-color-default-cyan-bg: var(--dh-color-cyan-700);\n --dh-color-default-indigo-bg: var(--dh-color-indigo-700);\n --dh-color-default-purple-bg: var(--dh-color-purple-700);\n --dh-color-default-fuchsia-bg: var(--dh-color-fuchsia-700);\n --dh-color-default-magenta-bg: var(--dh-color-magenta-700);\n\n /* Focus */\n --dh-color-focus: var(--dh-color-blue-800);\n --dh-color-focus-border: var(--dh-color-blue-800);\n --dh-color-focus-ring: var(--dh-color-focus);\n\n /* Highlight */\n --dh-color-highlight-active: hsla(var(--dh-color-gray-hue), 0%, 94%, 0.15);\n --dh-color-highlight-hover: hsla(var(--dh-color-gray-hue), 0%, 100%, 0.08);\n --dh-color-highlight-invalid: hsla(var(--dh-color-red-hue), 80%, 48%, 0.15);\n --dh-color-highlight-selected: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.13);\n --dh-color-highlight-selected-hover: hsla(\n var(--dh-color-blue-hue),\n 83%,\n 62%,\n 0.2\n );\n\n /* Shadows / Overlays */\n --dh-color-dropshadow: hsla(var(--dh-color-gray-hue), 0, 0, 0.8);\n --dh-color-overlay-modal-bg: hsla(var(--dh-color-gray-hue), 0%, 0%, 0.6);\n --dh-color-overlay-hover-bg: hsla(var(--dh-color-gray-hue), 0%, 100%, 0.08);\n\n /* Negative Background */\n --dh-color-negative-default-bg: var(--dh-color-red-600);\n --dh-color-negative-hover-bg: var(--dh-color-red-500);\n --dh-color-negative-down-bg: var(--dh-color-red-400);\n --dh-color-negative-key-focus-bg: var(--dh-color-red-500);\n\n /* Neutral */\n --dh-neutral-default-bg: var(--dh-color-gray-500);\n --dh-neutral-hover-bg: var(--dh-color-gray-400);\n --dh-neutral-down-bg: var(--dh-color-gray-300);\n --dh-neutral-key-focus-bg: var(--dh-color-gray-400);\n\n --dh-neutral-subdued-default-bg: var(--dh-color-gray-400);\n --dh-neutral-subdued-hover-bg: var(--dh-color-gray-300);\n --dh-neutral-subdued-down-bg: var(--dh-color-gray-200);\n --dh-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);\n\n /* Positive */\n --dh-color-positive-default-bg: var(--dh-color-green-900);\n --dh-color-positive-hover-bg: var(--dh-color-green-800);\n --dh-color-positive-down-bg: var(--dh-color-green-700);\n --dh-color-positive-key-focus-bg: var(--dh-color-green-800);\n\n /* Informative */\n --dh-color-info-default-bg: var(--dh-color-cyan-1000);\n --dh-color-info-hover-bg: var(--dh-color-cyan-900);\n --dh-color-info-down-bg: var(--dh-color-cyan-800);\n --dh-color-info-key-focus-bg: var(--dh-color-cyan-900);\n\n /* Notice */\n --dh-color-notice-default-bg: var(--dh-color-yellow-1000);\n --dh-color-notice-hover-bg: var(--dh-color-yellow-900);\n --dh-color-notice-down-bg: var(--dh-color-yellow-800);\n --dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);\n\n /* Visual Colors */\n --dh-color-visual-blue: var(--dh-color-blue-700);\n --dh-color-visual-celery: var(--dh-color-celery-1000);\n --dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);\n --dh-color-visual-cyan: var(--dh-color-cyan-1100);\n --dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);\n --dh-color-visual-gray: var(--dh-color-gray-600);\n --dh-color-visual-green: var(--dh-color-green-1100);\n --dh-color-visual-indigo: var(--dh-color-indigo-900);\n --dh-color-visual-magenta: var(--dh-color-magenta-900);\n --dh-color-visual-orange: var(--dh-color-orange-900);\n --dh-color-visual-purple: var(--dh-color-purple-900);\n --dh-color-visual-red: var(--dh-color-red-800);\n --dh-color-visual-seafoam: var(--dh-color-seafoam-1100);\n --dh-color-visual-yellow: var(--dh-color-yellow-1200);\n\n --dh-color-visual-positive: var(--dh-color-green-1100);\n --dh-color-visual-negative: var(--dh-color-red-800);\n --dh-color-visual-notice: var(--dh-color-yellow-1200);\n --dh-color-visual-info: var(--dh-color-cyan-1100);\n\n /* Wells */\n --dh-color-well-bg: hsla(var(--dh-color-gray-hue) 0% 92% 0.02);\n --dh-color-well-border: hsla(var(--dh-color-gray-hue) 0% 94% 0.05);\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic.css"],"names":[],"mappings":"AAEA,MAEE,qDACA,qDAEA,oDACA,mDACA,qDACA,uDACA,uDACA,qDAWA,0DACA,4DAEA,mEACA,gEACA,qEACA,oEACA,kEACA,qEAGA,yDACA,8DACA,sEACA,0DACA,+DACA,yDACA,4DACA,6DACA,+DACA,6DACA,6DACA,uDACA,gEACA,8DAEA,+DACA,4DACA,8DACA,0DAGA,4CACA,2DACA,2DACA,wDAGA,kDACA,0CACA,mDACA,mEAGA,iEACA,mEAGA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,kDACA,kDACA,kDACA,kDACA,kDAGA,8DACA,uDACA,sDACA,2DACA,gEAGA,qDACA,qDACA,mDACA,yDACA,0DACA,iEACA,yDACA,uDACA,2DACA,qDACA,yDACA,yDACA,2DACA,2DAGA,2CACA,kDACA,6CAGA,yEACA,wEACA,yEACA,2EACA,kFAMA,kEACA,wEACA,yEAGA,kEACA,sDACA,qDACA,0DACA,yEAGA,gEACA,sDACA,qDACA,0DACA,uEAEA,gEACA,8DACA,6DACA,kEAGA,kEACA,wDACA,uDACA,4DACA,yEAGA,0DACA,mDACA,kDACA,uDACA,iEAGA,8DACA,uDACA,sDACA,4DACA,qEAGA,6DACA,iEACA,yEACA,6DACA,mEACA,6DACA,+DACA,iEACA,mEACA,iEACA,iEACA,2DACA,mEACA,iEAEA,qEACA,qEACA,iEACA,6DAGA,gEACA","file":"theme-dark-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n:root {\n /* HSL base colors */\n --dh-color-background-hsl: var(--dh-color-black-hsl);\n --dh-color-foreground-hsl: var(--dh-color-white-hsl);\n\n --dh-color-accent-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);\n --dh-color-neutral-hsl: var(--dh-color-gray-500-hsl);\n --dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);\n --dh-color-positive-hsl: var(--dh-color-green-900-hsl);\n --dh-color-negative-hsl: var(--dh-color-red-600-hsl);\n\n /*\n * Contrast Colors\n *\n * Note that React Spectrum guidance suggests that background colors containing\n * yellow, orange, chartreuse or cyan should use a dark contrast color. All\n * others should use light. Therefore, these should stay in sync with the \n * --dh-color-xxx-hsl values above.\n * https://spectrum.adobe.com/page/using-color/#Solid-color-background-with-black-or-white\n */\n --dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);\n --dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);\n\n --dh-color-accent-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-negative-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);\n --dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);\n --dh-color-positive-contrast-hsl: var(--dh-color-contrast-light-hsl);\n\n /* Visual HSL */\n --dh-color-visual-blue-hsl: var(--dh-color-blue-600-hsl);\n --dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);\n --dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);\n --dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);\n --dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);\n --dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);\n --dh-color-visual-green-hsl: var(--dh-color-green-1100-hsl);\n --dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);\n --dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);\n --dh-color-visual-orange-hsl: var(--dh-color-orange-900-hsl);\n --dh-color-visual-purple-hsl: var(--dh-color-purple-900-hsl);\n --dh-color-visual-red-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-1100-hsl);\n --dh-color-visual-yellow-hsl: var(--dh-color-yellow-1200-hsl);\n\n --dh-color-visual-positive-hsl: var(--dh-color-green-1100-hsl);\n --dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);\n --dh-color-visual-notice-hsl: var(--dh-color-yellow-1200-hsl);\n --dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);\n\n /* General */\n --dh-color-border: var(--dh-color-gray-500);\n --dh-color-background: hsl(var(--dh-color-background-hsl));\n --dh-color-foreground: hsl(var(--dh-color-foreground-hsl));\n --dh-color-content-background: var(--dh-color-gray-100);\n\n /* Text */\n --dh-color-heading-text: var(--dh-color-gray-900);\n --dh-color-text: var(--dh-color-gray-800);\n --dh-color-text-disabled: var(--dh-color-gray-400);\n --dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), 0.3);\n\n /* Contrast Base */\n --dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));\n --dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));\n\n /** Accent Colors */\n --dh-color-accent-100: var(--dh-color-blue-100);\n --dh-color-accent-200: var(--dh-color-blue-200);\n --dh-color-accent-300: var(--dh-color-blue-300);\n --dh-color-accent-400: var(--dh-color-blue-400);\n --dh-color-accent-500: var(--dh-color-blue-500);\n --dh-color-accent-600: var(--dh-color-blue-600);\n --dh-color-accent-700: var(--dh-color-blue-700);\n --dh-color-accent-800: var(--dh-color-blue-800);\n --dh-color-accent-900: var(--dh-color-blue-900);\n --dh-color-accent-1000: var(--dh-color-blue-1000);\n --dh-color-accent-1100: var(--dh-color-blue-1100);\n --dh-color-accent-1200: var(--dh-color-blue-1200);\n --dh-color-accent-1300: var(--dh-color-blue-1300);\n --dh-color-accent-1400: var(--dh-color-blue-1400);\n\n /* Accent Background */\n --dh-color-accent-default-bg: hsl(var(--dh-color-accent-hsl));\n --dh-color-accent-hover-bg: var(--dh-color-accent-500);\n --dh-color-accent-down-bg: var(--dh-color-accent-400);\n --dh-color-accent-key-focus-bg: var(--dh-color-accent-500);\n --dh-color-accent-contrast: var(--dh-color-accent-contrast-hsl);\n\n /* Background Defaults */\n --dh-color-default-gray-bg: var(--dh-color-gray-700);\n --dh-color-default-blue-bg: var(--dh-color-blue-700);\n --dh-color-default-red-bg: var(--dh-color-red-700);\n --dh-color-default-orange-bg: var(--dh-color-orange-800);\n --dh-color-default-yellow-bg: var(--dh-color-yellow-1000);\n --dh-color-default-chartreuse-bg: var(--dh-color-chartreuse-900);\n --dh-color-default-celery-bg: var(--dh-color-celery-800);\n --dh-color-default-green-bg: var(--dh-color-green-700);\n --dh-color-default-seafoam-bg: var(--dh-color-seafoam-700);\n --dh-color-default-cyan-bg: var(--dh-color-cyan-700);\n --dh-color-default-indigo-bg: var(--dh-color-indigo-700);\n --dh-color-default-purple-bg: var(--dh-color-purple-700);\n --dh-color-default-fuchsia-bg: var(--dh-color-fuchsia-700);\n --dh-color-default-magenta-bg: var(--dh-color-magenta-700);\n\n /* Focus */\n --dh-color-focus: var(--dh-color-blue-800);\n --dh-color-focus-border: var(--dh-color-blue-800);\n --dh-color-focus-ring: var(--dh-color-focus);\n\n /* Highlight */\n --dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), 0.15);\n --dh-color-highlight-hover: hsla(var(--dh-color-visual-gray-hsl), 0.08);\n --dh-color-highlight-invalid: hsla(var(--dh-color-visual-red-hsl), 0.15);\n --dh-color-highlight-selected: hsla(var(--dh-color-visual-blue-hsl), 0.13);\n --dh-color-highlight-selected-hover: hsla(\n var(--dh-color-visual-blue-hsl),\n 0.2\n );\n\n /* Shadows / Overlays */\n --dh-color-dropshadow: hsla(var(--dh-color-visual-gray-hsl), 0.8);\n --dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), 0.6);\n --dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), 0.08);\n\n /* Negative Background */\n --dh-color-negative-default-bg: hsl(var(--dh-color-negative-hsl));\n --dh-color-negative-hover-bg: var(--dh-color-red-500);\n --dh-color-negative-down-bg: var(--dh-color-red-400);\n --dh-color-negative-key-focus-bg: var(--dh-color-red-500);\n --dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));\n\n /* Neutral */\n --dh-color-neutral-default-bg: hsl(var(--dh-color-neutral-hsl));\n --dh-color-neutral-hover-bg: var(--dh-color-gray-400);\n --dh-color-neutral-down-bg: var(--dh-color-gray-300);\n --dh-color-neutral-key-focus-bg: var(--dh-color-gray-400);\n --dh-color-neutral-contrast: hsl(var(--dh-color-neutral-contrast-hsl));\n\n --dh-color-neutral-subdued-default-bg: var(--dh-color-gray-400);\n --dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);\n --dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);\n --dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);\n\n /* Positive */\n --dh-color-positive-default-bg: hsl(var(--dh-color-positive-hsl));\n --dh-color-positive-hover-bg: var(--dh-color-green-800);\n --dh-color-positive-down-bg: var(--dh-color-green-700);\n --dh-color-positive-key-focus-bg: var(--dh-color-green-800);\n --dh-color-positive-contrast: hsl(var(--dh-color-positive-contrast-hsl));\n\n /* Informative */\n --dh-color-info-default-bg: hsl(var(--dh-color-info-hsl));\n --dh-color-info-hover-bg: var(--dh-color-cyan-900);\n --dh-color-info-down-bg: var(--dh-color-cyan-800);\n --dh-color-info-key-focus-bg: var(--dh-color-cyan-900);\n --dh-color-info-contrast: hsl(var(--dh-color-info-contrast-hsl));\n\n /* Notice */\n --dh-color-notice-default-bg: hsl(var(--dh-color-notice-hsl));\n --dh-color-notice-hover-bg: var(--dh-color-yellow-900);\n --dh-color-notice-down-bg: var(--dh-color-yellow-800);\n --dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);\n --dh-color-notice-contrast: hsl(var(--dh-color-notice-contrast-hsl));\n\n /* Visual Colors */\n --dh-color-visual-blue: hsl(var(--dh-color-visual-blue-hsl));\n --dh-color-visual-celery: hsl(var(--dh-color-visual-celery-hsl));\n --dh-color-visual-chartreuse: hsl(var(--dh-color-visual-chartreuse-hsl));\n --dh-color-visual-cyan: hsl(var(--dh-color-visual-cyan-hsl));\n --dh-color-visual-fuchsia: hsl(var(--dh-color-visual-fuchsia-hsl));\n --dh-color-visual-gray: hsl(var(--dh-color-visual-gray-hsl));\n --dh-color-visual-green: hsl(var(--dh-color-visual-green-hsl));\n --dh-color-visual-indigo: hsl(var(--dh-color-visual-indigo-hsl));\n --dh-color-visual-magenta: hsl(var(--dh-color-visual-magenta-hsl));\n --dh-color-visual-orange: hsl(var(--dh-color-visual-orange-hsl));\n --dh-color-visual-purple: hsl(var(--dh-color-visual-purple-hsl));\n --dh-color-visual-red: hsl(var(--dh-color-visual-red-hsl));\n --dh-color-visual-seafoam: hsl(var(--dh-color-visual-seafoam-hsl));\n --dh-color-visual-yellow: hsl(var(--dh-color-visual-yellow-hsl));\n\n --dh-color-visual-positive: hsl(var(--dh-color-visual-positive-hsl));\n --dh-color-visual-negative: hsl(var(--dh-color-visual-negative-hsl));\n --dh-color-visual-notice: hsl(var(--dh-color-visual-notice-hsl));\n --dh-color-visual-info: hsl(var(--dh-color-visual-info-hsl));\n\n /* Wells */\n --dh-color-well-bg: hsla(var(--dh-color-visual-gray-hsl), 0.02);\n --dh-color-well-border: hsla(var(--dh-color-visual-gray-hsl), 0.05);\n}\n"]}
@@ -1 +1 @@
1
- :root{--dh-color-gray-900: #000;--dh-color-gray-800: #222;--dh-color-gray-700: #464646;--dh-color-gray-600: #6d6d6d;--dh-color-gray-500: #909090;--dh-color-gray-400: #b1b1b1;--dh-color-gray-300: #d5d5d5;--dh-color-gray-200: #e6e6e6;--dh-color-gray-100: #f8f8f8;--dh-color-gray-75: #fdfdfd;--dh-color-gray-50: #fff;--dh-color-blue-100: #112451;--dh-color-blue-200: #16306c;--dh-color-blue-300: #1d3d88;--dh-color-blue-400: #254ba4;--dh-color-blue-500: #2f5bc0;--dh-color-blue-600: #3b6bda;--dh-color-blue-700: #4c7dee;--dh-color-blue-800: #6390fa;--dh-color-blue-900: #7ca4ff;--dh-color-blue-1000: #97b7ff;--dh-color-blue-1100: #afc9ff;--dh-color-blue-1200: #c7d9ff;--dh-color-blue-1300: #dbe6ff;--dh-color-blue-1400: #ecf1ff;--dh-color-seafoam-100: #1f2925;--dh-color-seafoam-200: #263630;--dh-color-seafoam-300: #2f463e;--dh-color-seafoam-400: #37574b;--dh-color-seafoam-500: #3e6959;--dh-color-seafoam-600: #447b68;--dh-color-seafoam-700: #488f78;--dh-color-seafoam-800: #4ca387;--dh-color-seafoam-900: #4fb797;--dh-color-seafoam-1000: #54cba6;--dh-color-seafoam-1100: #5edeb7;--dh-color-seafoam-1200: #78edc7;--dh-color-seafoam-1300: #9ef8d7;--dh-color-seafoam-1400: #cbfce8;--dh-color-black: var(--dh-color-gray-50);--dh-color-white: var(--dh-color-gray-75);--dh-color-accent: var(--dh-color-blue-700);--dh-color-background: var(--dh-color-white);--dh-color-foreground: var(--dh-color-black);--dh-color-grid-bg: var(--dh-color-background)}/*# sourceMappingURL=theme-light-palette.css.map */
1
+ :root{--dh-color-gray-900: #000;--dh-color-gray-800: #222;--dh-color-gray-700: #464646;--dh-color-gray-600: #6d6d6d;--dh-color-gray-500: #909090;--dh-color-gray-400: #b1b1b1;--dh-color-gray-300: #d5d5d5;--dh-color-gray-200: #e6e6e6;--dh-color-gray-100: #f8f8f8;--dh-color-gray-75: #fdfdfd;--dh-color-gray-50: #fff;--dh-color-blue-100: #112451;--dh-color-blue-200: #16306c;--dh-color-blue-300: #1d3d88;--dh-color-blue-400: #254ba4;--dh-color-blue-500: #2f5bc0;--dh-color-blue-600: #3b6bda;--dh-color-blue-700: #4c7dee;--dh-color-blue-800: #6390fa;--dh-color-blue-900: #7ca4ff;--dh-color-blue-1000: #97b7ff;--dh-color-blue-1100: #afc9ff;--dh-color-blue-1200: #c7d9ff;--dh-color-blue-1300: #dbe6ff;--dh-color-blue-1400: #ecf1ff;--dh-color-seafoam-100: #1f2925;--dh-color-seafoam-200: #263630;--dh-color-seafoam-300: #2f463e;--dh-color-seafoam-400: #37574b;--dh-color-seafoam-500: #3e6959;--dh-color-seafoam-600: #447b68;--dh-color-seafoam-700: #488f78;--dh-color-seafoam-800: #4ca387;--dh-color-seafoam-900: #4fb797;--dh-color-seafoam-1000: #54cba6;--dh-color-seafoam-1100: #5edeb7;--dh-color-seafoam-1200: #78edc7;--dh-color-seafoam-1300: #9ef8d7;--dh-color-seafoam-1400: #cbfce8;--dh-color-black: var(--dh-color-gray-50);--dh-color-white: var(--dh-color-gray-75);--dh-color-background: var(--dh-color-white);--dh-color-foreground: var(--dh-color-black);--dh-color-grid-bg: var(--dh-color-background)}/*# sourceMappingURL=theme-light-palette.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-palette.css"],"names":[],"mappings":"AAAA,MAEE,0BACA,0BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,4BACA,yBAGA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BAGA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,iCACA,iCACA,iCACA,iCACA,iCAGA,0CACA,0CACA,4CACA,6CACA,6CACA","file":"theme-light-palette.css","sourcesContent":[":root {\n /* Grays */\n --dh-color-gray-900: #000;\n --dh-color-gray-800: #222;\n --dh-color-gray-700: #464646;\n --dh-color-gray-600: #6d6d6d;\n --dh-color-gray-500: #909090;\n --dh-color-gray-400: #b1b1b1;\n --dh-color-gray-300: #d5d5d5;\n --dh-color-gray-200: #e6e6e6;\n --dh-color-gray-100: #f8f8f8;\n --dh-color-gray-75: #fdfdfd;\n --dh-color-gray-50: #fff;\n\n /* Blues */\n --dh-color-blue-100: #112451;\n --dh-color-blue-200: #16306c;\n --dh-color-blue-300: #1d3d88;\n --dh-color-blue-400: #254ba4;\n --dh-color-blue-500: #2f5bc0;\n --dh-color-blue-600: #3b6bda;\n --dh-color-blue-700: #4c7dee;\n --dh-color-blue-800: #6390fa;\n --dh-color-blue-900: #7ca4ff;\n --dh-color-blue-1000: #97b7ff;\n --dh-color-blue-1100: #afc9ff;\n --dh-color-blue-1200: #c7d9ff;\n --dh-color-blue-1300: #dbe6ff;\n --dh-color-blue-1400: #ecf1ff;\n\n /* Seafoam */\n --dh-color-seafoam-100: #1f2925;\n --dh-color-seafoam-200: #263630;\n --dh-color-seafoam-300: #2f463e;\n --dh-color-seafoam-400: #37574b;\n --dh-color-seafoam-500: #3e6959;\n --dh-color-seafoam-600: #447b68;\n --dh-color-seafoam-700: #488f78;\n --dh-color-seafoam-800: #4ca387;\n --dh-color-seafoam-900: #4fb797;\n --dh-color-seafoam-1000: #54cba6;\n --dh-color-seafoam-1100: #5edeb7;\n --dh-color-seafoam-1200: #78edc7;\n --dh-color-seafoam-1300: #9ef8d7;\n --dh-color-seafoam-1400: #cbfce8;\n\n /* Semantic */\n --dh-color-black: var(--dh-color-gray-50);\n --dh-color-white: var(--dh-color-gray-75);\n --dh-color-accent: var(--dh-color-blue-700);\n --dh-color-background: var(--dh-color-white);\n --dh-color-foreground: var(--dh-color-black);\n --dh-color-grid-bg: var(--dh-color-background);\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-palette.css"],"names":[],"mappings":"AAAA,MAEE,0BACA,0BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,4BACA,yBAGA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BAGA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,iCACA,iCACA,iCACA,iCACA,iCAGA,0CACA,0CACA,6CACA,6CACA","file":"theme-light-palette.css","sourcesContent":[":root {\n /* Grays */\n --dh-color-gray-900: #000;\n --dh-color-gray-800: #222;\n --dh-color-gray-700: #464646;\n --dh-color-gray-600: #6d6d6d;\n --dh-color-gray-500: #909090;\n --dh-color-gray-400: #b1b1b1;\n --dh-color-gray-300: #d5d5d5;\n --dh-color-gray-200: #e6e6e6;\n --dh-color-gray-100: #f8f8f8;\n --dh-color-gray-75: #fdfdfd;\n --dh-color-gray-50: #fff;\n\n /* Blues */\n --dh-color-blue-100: #112451;\n --dh-color-blue-200: #16306c;\n --dh-color-blue-300: #1d3d88;\n --dh-color-blue-400: #254ba4;\n --dh-color-blue-500: #2f5bc0;\n --dh-color-blue-600: #3b6bda;\n --dh-color-blue-700: #4c7dee;\n --dh-color-blue-800: #6390fa;\n --dh-color-blue-900: #7ca4ff;\n --dh-color-blue-1000: #97b7ff;\n --dh-color-blue-1100: #afc9ff;\n --dh-color-blue-1200: #c7d9ff;\n --dh-color-blue-1300: #dbe6ff;\n --dh-color-blue-1400: #ecf1ff;\n\n /* Seafoam */\n --dh-color-seafoam-100: #1f2925;\n --dh-color-seafoam-200: #263630;\n --dh-color-seafoam-300: #2f463e;\n --dh-color-seafoam-400: #37574b;\n --dh-color-seafoam-500: #3e6959;\n --dh-color-seafoam-600: #447b68;\n --dh-color-seafoam-700: #488f78;\n --dh-color-seafoam-800: #4ca387;\n --dh-color-seafoam-900: #4fb797;\n --dh-color-seafoam-1000: #54cba6;\n --dh-color-seafoam-1100: #5edeb7;\n --dh-color-seafoam-1200: #78edc7;\n --dh-color-seafoam-1300: #9ef8d7;\n --dh-color-seafoam-1400: #cbfce8;\n\n /* Semantic */\n --dh-color-black: var(--dh-color-gray-50);\n --dh-color-white: var(--dh-color-gray-75);\n --dh-color-background: var(--dh-color-white);\n --dh-color-foreground: var(--dh-color-black);\n --dh-color-grid-bg: var(--dh-color-background);\n}\n"]}