@deephaven/components 0.51.0 → 0.51.1-alpha-theme-fix.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AutoCompleteInput.d.ts +2 -2
- package/dist/AutoCompleteInput.d.ts.map +1 -1
- package/dist/AutoCompleteInput.js.map +1 -1
- package/dist/ComboBox.d.ts +2 -2
- package/dist/ComboBox.d.ts.map +1 -1
- package/dist/ComboBox.js.map +1 -1
- package/dist/CustomTimeSelect.d.ts +3 -3
- package/dist/CustomTimeSelect.d.ts.map +1 -1
- package/dist/CustomTimeSelect.js.map +1 -1
- package/dist/DateInput.d.ts +3 -3
- package/dist/DateInput.d.ts.map +1 -1
- package/dist/DateInput.js.map +1 -1
- package/dist/DateTimeInput.d.ts +4 -4
- package/dist/DateTimeInput.d.ts.map +1 -1
- package/dist/DateTimeInput.js.map +1 -1
- package/dist/DebouncedSearchInput.d.ts +1 -1
- package/dist/DebouncedSearchInput.d.ts.map +1 -1
- package/dist/DebouncedSearchInput.js.map +1 -1
- package/dist/DragUtils.d.ts +3 -3
- package/dist/DragUtils.d.ts.map +1 -1
- package/dist/DragUtils.js.map +1 -1
- package/dist/DraggableItemList.d.ts +1 -1
- package/dist/DraggableItemList.d.ts.map +1 -1
- package/dist/DraggableItemList.js.map +1 -1
- package/dist/EditableItemList.js.map +1 -1
- package/dist/HierarchicalCheckboxMenu.d.ts +1 -1
- package/dist/HierarchicalCheckboxMenu.d.ts.map +1 -1
- package/dist/HierarchicalCheckboxMenu.js.map +1 -1
- package/dist/ItemList.d.ts +4 -4
- package/dist/ItemList.d.ts.map +1 -1
- package/dist/ItemList.js +6 -6
- package/dist/ItemList.js.map +1 -1
- package/dist/ItemListItem.d.ts +13 -13
- package/dist/ItemListItem.d.ts.map +1 -1
- package/dist/ItemListItem.js.map +1 -1
- package/dist/MaskedInput.d.ts +5 -5
- package/dist/MaskedInput.d.ts.map +1 -1
- package/dist/MaskedInput.js.map +1 -1
- package/dist/SelectValueList.d.ts +2 -2
- package/dist/SelectValueList.d.ts.map +1 -1
- package/dist/SelectValueList.js.map +1 -1
- package/dist/TimeInput.d.ts +4 -4
- package/dist/TimeInput.d.ts.map +1 -1
- package/dist/TimeInput.js.map +1 -1
- package/dist/TimeSlider.d.ts +2 -2
- package/dist/TimeSlider.d.ts.map +1 -1
- package/dist/TimeSlider.js.map +1 -1
- package/dist/context-actions/ContextActionUtils.d.ts +1 -1
- package/dist/context-actions/ContextActionUtils.d.ts.map +1 -1
- package/dist/context-actions/ContextActionUtils.js +4 -4
- package/dist/context-actions/ContextActionUtils.js.map +1 -1
- package/dist/context-actions/ContextMenu.d.ts +4 -4
- package/dist/context-actions/ContextMenu.d.ts.map +1 -1
- package/dist/context-actions/ContextMenu.js +1 -1
- package/dist/context-actions/ContextMenu.js.map +1 -1
- package/dist/context-actions/ContextMenuItem.d.ts +4 -4
- package/dist/context-actions/ContextMenuItem.d.ts.map +1 -1
- package/dist/context-actions/ContextMenuItem.js.map +1 -1
- package/dist/declaration.d.js.map +1 -1
- package/dist/menu-actions/DropdownMenu.d.ts +2 -2
- package/dist/menu-actions/DropdownMenu.d.ts.map +1 -1
- package/dist/menu-actions/DropdownMenu.js.map +1 -1
- package/dist/menu-actions/Menu.d.ts +3 -3
- package/dist/menu-actions/Menu.d.ts.map +1 -1
- package/dist/menu-actions/Menu.js +1 -1
- package/dist/menu-actions/Menu.js.map +1 -1
- package/dist/theme/theme-dark/index.d.ts +14 -1
- package/dist/theme/theme-dark/index.d.ts.map +1 -1
- package/dist/theme/theme-dark/index.js +19 -6
- package/dist/theme/theme-dark/index.js.map +1 -1
- package/dist/theme/theme-dark/theme-dark-components.css +1 -8
- package/dist/theme/theme-dark/theme-dark-components.css.map +1 -1
- package/dist/theme/theme-dark/theme-dark-palette.css +1 -290
- package/dist/theme/theme-dark/theme-dark-palette.css.map +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic-editor.css +1 -62
- package/dist/theme/theme-dark/theme-dark-semantic-editor.css.map +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic-grid.css +1 -84
- package/dist/theme/theme-dark/theme-dark-semantic-grid.css.map +1 -1
- package/dist/theme/theme-dark/theme-dark-semantic.css +1 -122
- package/dist/theme/theme-dark/theme-dark-semantic.css.map +1 -1
- package/dist/theme/theme-light/index.d.ts +37 -0
- package/dist/theme/theme-light/index.d.ts.map +1 -1
- package/dist/theme/theme-light/index.js +38 -1
- package/dist/theme/theme-light/index.js.map +1 -1
- package/dist/theme/theme-light/theme-light-palette.css +1 -53
- package/dist/theme/theme-light/theme-light-palette.css.map +1 -1
- package/dist/theme/theme-spectrum/theme-spectrum-alias.module.css +1 -192
- package/dist/theme/theme-spectrum/theme-spectrum-alias.module.css.map +1 -1
- package/dist/theme/theme-spectrum/theme-spectrum-overrides.module.css +1 -7
- package/dist/theme/theme-spectrum/theme-spectrum-overrides.module.css.map +1 -1
- package/dist/theme/theme-spectrum/theme-spectrum-palette.module.css +1 -211
- package/dist/theme/theme-spectrum/theme-spectrum-palette.module.css.map +1 -1
- package/package.json +10 -9
|
@@ -1,122 +1 @@
|
|
|
1
|
-
|
|
2
|
-
/* stylelint-disable alpha-value-notation */
|
|
3
|
-
:root {
|
|
4
|
-
/* General */
|
|
5
|
-
--dh-color-accent: var(--dh-color-blue-700);
|
|
6
|
-
--dh-color-border: var(--dh-color-gray-500);
|
|
7
|
-
--dh-color-background: var(--dh-color-black);
|
|
8
|
-
--dh-color-foreground: var(--dh-color-white);
|
|
9
|
-
--dh-color-content-background: var(--dh-color-gray-100);
|
|
10
|
-
/* Text */
|
|
11
|
-
--dh-color-heading-text: var(--dh-color-gray-900);
|
|
12
|
-
--dh-color-text: var(--dh-color-gray-800);
|
|
13
|
-
--dh-color-text-disabled: var(--dh-color-gray-400);
|
|
14
|
-
--dh-color-text-highlight: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.3);
|
|
15
|
-
/** Accent Colors */
|
|
16
|
-
--dh-color-accent-100: var(--dh-color-blue-100);
|
|
17
|
-
--dh-color-accent-200: var(--dh-color-blue-200);
|
|
18
|
-
--dh-color-accent-300: var(--dh-color-blue-300);
|
|
19
|
-
--dh-color-accent-400: var(--dh-color-blue-400);
|
|
20
|
-
--dh-color-accent-500: var(--dh-color-blue-500);
|
|
21
|
-
--dh-color-accent-600: var(--dh-color-blue-600);
|
|
22
|
-
--dh-color-accent-700: var(--dh-color-blue-700);
|
|
23
|
-
--dh-color-accent-800: var(--dh-color-blue-800);
|
|
24
|
-
--dh-color-accent-900: var(--dh-color-blue-900);
|
|
25
|
-
--dh-color-accent-1000: var(--dh-color-blue-1000);
|
|
26
|
-
--dh-color-accent-1100: var(--dh-color-blue-1100);
|
|
27
|
-
--dh-color-accent-1200: var(--dh-color-blue-1200);
|
|
28
|
-
--dh-color-accent-1300: var(--dh-color-blue-1300);
|
|
29
|
-
--dh-color-accent-1400: var(--dh-color-blue-1400);
|
|
30
|
-
/* Accent Background */
|
|
31
|
-
--dh-color-accent-background-default: var(--dh-color-accent-600);
|
|
32
|
-
--dh-color-accent-background-hover: var(--dh-color-accent-500);
|
|
33
|
-
--dh-color-accent-background-down: var(--dh-color-accent-400);
|
|
34
|
-
--dh-color-accent-background-key-focus: var(--dh-color-accent-500);
|
|
35
|
-
/* Background Defaults */
|
|
36
|
-
--dh-color-default-gray-bg: var(--dh-color-gray-700);
|
|
37
|
-
--dh-color-default-blue-bg: var(--dh-color-blue-700);
|
|
38
|
-
--dh-color-default-red-bg: var(--dh-color-red-700);
|
|
39
|
-
--dh-color-default-orange-bg: var(--dh-color-orange-800);
|
|
40
|
-
--dh-color-default-yellow-bg: var(--dh-color-yellow-1000);
|
|
41
|
-
--dh-color-default-chartreuse-bg: var(--dh-color-chartreuse-900);
|
|
42
|
-
--dh-color-default-celery-bg: var(--dh-color-celery-800);
|
|
43
|
-
--dh-color-default-green-bg: var(--dh-color-green-700);
|
|
44
|
-
--dh-color-default-seafoam-bg: var(--dh-color-seafoam-700);
|
|
45
|
-
--dh-color-default-cyan-bg: var(--dh-color-cyan-700);
|
|
46
|
-
--dh-color-default-indigo-bg: var(--dh-color-indigo-700);
|
|
47
|
-
--dh-color-default-purple-bg: var(--dh-color-purple-700);
|
|
48
|
-
--dh-color-default-fuchsia-bg: var(--dh-color-fuchsia-700);
|
|
49
|
-
--dh-color-default-magenta-bg: var(--dh-color-magenta-700);
|
|
50
|
-
/* Focus */
|
|
51
|
-
--dh-color-focus: var(--dh-color-blue-800);
|
|
52
|
-
--dh-color-focus-border: var(--dh-color-blue-800);
|
|
53
|
-
--dh-color-focus-ring: var(--dh-color-focus);
|
|
54
|
-
/* Highlight */
|
|
55
|
-
--dh-color-highlight-active: hsla(var(--dh-color-gray-hue), 0%, 94%, 0.15);
|
|
56
|
-
--dh-color-highlight-hover: hsla(var(--dh-color-gray-hue), 0%, 100%, 0.08);
|
|
57
|
-
--dh-color-highlight-invalid: hsla(var(--dh-color-red-hue), 80%, 48%, 0.15);
|
|
58
|
-
--dh-color-highlight-selected: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.13);
|
|
59
|
-
--dh-color-highlight-selected-hover: hsla(
|
|
60
|
-
var(--dh-color-blue-hue),
|
|
61
|
-
83%,
|
|
62
|
-
62%,
|
|
63
|
-
0.2
|
|
64
|
-
);
|
|
65
|
-
/* Shadows / Overlays */
|
|
66
|
-
--dh-color-dropshadow: hsla(var(--dh-color-gray-hue), 0, 0, 0.8);
|
|
67
|
-
--dh-color-overlay-modal-bg: hsla(var(--dh-color-gray-hue), 0%, 0%, 0.6);
|
|
68
|
-
--dh-color-overlay-hover-bg: hsla(var(--dh-color-gray-hue), 0%, 100%, 0.08);
|
|
69
|
-
/* Negative Background */
|
|
70
|
-
--dh-color-negative-default-bg: var(--dh-color-red-600);
|
|
71
|
-
--dh-color-negative-hover-bg: var(--dh-color-red-500);
|
|
72
|
-
--dh-color-negative-down-bg: var(--dh-color-red-400);
|
|
73
|
-
--dh-color-negative-key-focus-bg: var(--dh-color-red-500);
|
|
74
|
-
/* Neutral */
|
|
75
|
-
--dh-neutral-default-bg: var(--dh-color-gray-500);
|
|
76
|
-
--dh-neutral-hover-bg: var(--dh-color-gray-400);
|
|
77
|
-
--dh-neutral-down-bg: var(--dh-color-gray-300);
|
|
78
|
-
--dh-neutral-key-focus-bg: var(--dh-color-gray-400);
|
|
79
|
-
--dh-neutral-subdued-default-bg: var(--dh-color-gray-400);
|
|
80
|
-
--dh-neutral-subdued-hover-bg: var(--dh-color-gray-300);
|
|
81
|
-
--dh-neutral-subdued-down-bg: var(--dh-color-gray-200);
|
|
82
|
-
--dh-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);
|
|
83
|
-
/* Positive */
|
|
84
|
-
--dh-color-positive-default-bg: var(--dh-color-green-900);
|
|
85
|
-
--dh-color-positive-hover-bg: var(--dh-color-green-800);
|
|
86
|
-
--dh-color-positive-down-bg: var(--dh-color-green-700);
|
|
87
|
-
--dh-color-positive-key-focus-bg: var(--dh-color-green-800);
|
|
88
|
-
/* Informative */
|
|
89
|
-
--dh-color-info-default-bg: var(--dh-color-cyan-1000);
|
|
90
|
-
--dh-color-info-hover-bg: var(--dh-color-cyan-900);
|
|
91
|
-
--dh-color-info-down-bg: var(--dh-color-cyan-800);
|
|
92
|
-
--dh-color-info-key-focus-bg: var(--dh-color-cyan-900);
|
|
93
|
-
/* Notice */
|
|
94
|
-
--dh-color-notice-default-bg: var(--dh-color-yellow-1000);
|
|
95
|
-
--dh-color-notice-hover-bg: var(--dh-color-yellow-900);
|
|
96
|
-
--dh-color-notice-down-bg: var(--dh-color-yellow-800);
|
|
97
|
-
--dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);
|
|
98
|
-
/* Visual Colors */
|
|
99
|
-
--dh-color-visual-blue: var(--dh-color-blue-700);
|
|
100
|
-
--dh-color-visual-celery: var(--dh-color-celery-1000);
|
|
101
|
-
--dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);
|
|
102
|
-
--dh-color-visual-cyan: var(--dh-color-cyan-1100);
|
|
103
|
-
--dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);
|
|
104
|
-
--dh-color-visual-gray: var(--dh-color-gray-600);
|
|
105
|
-
--dh-color-visual-green: var(--dh-color-green-1100);
|
|
106
|
-
--dh-color-visual-indigo: var(--dh-color-indigo-900);
|
|
107
|
-
--dh-color-visual-magenta: var(--dh-color-magenta-900);
|
|
108
|
-
--dh-color-visual-orange: var(--dh-color-orange-900);
|
|
109
|
-
--dh-color-visual-purple: var(--dh-color-purple-900);
|
|
110
|
-
--dh-color-visual-red: var(--dh-color-red-800);
|
|
111
|
-
--dh-color-visual-seafoam: var(--dh-color-seafoam-1100);
|
|
112
|
-
--dh-color-visual-yellow: var(--dh-color-yellow-1200);
|
|
113
|
-
--dh-color-visual-positive: var(--dh-color-green-1100);
|
|
114
|
-
--dh-color-visual-negative: var(--dh-color-red-800);
|
|
115
|
-
--dh-color-visual-notice: var(--dh-color-yellow-1200);
|
|
116
|
-
--dh-color-visual-info: var(--dh-color-cyan-1100);
|
|
117
|
-
/* Wells */
|
|
118
|
-
--dh-color-well-bg: hsla(var(--dh-color-gray-hue) 0% 92% 0.02);
|
|
119
|
-
--dh-color-well-border: hsla(var(--dh-color-gray-hue) 0% 94% 0.05);
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
/*# sourceMappingURL=theme-dark-semantic.css.map */
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic.css"],"names":[],"mappings":"
|
|
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,3 +1,40 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* DH theme variables are imported via Vite `?raw` query which provides the
|
|
3
|
+
* text content of the variable files as a string. The exported theme is just a
|
|
4
|
+
* concatenation of the contents of all of these imports.
|
|
5
|
+
*
|
|
6
|
+
* Note that ?raw / ?inline imports are natively supported by Vite, but consumers
|
|
7
|
+
* of @deephaven/components using Webpack will need to add a rule to their module
|
|
8
|
+
* config.
|
|
9
|
+
* e.g.
|
|
10
|
+
* module: {
|
|
11
|
+
* rules: [
|
|
12
|
+
* {
|
|
13
|
+
* resourceQuery: /inline/,
|
|
14
|
+
* type: 'asset/source',
|
|
15
|
+
* },
|
|
16
|
+
* ],
|
|
17
|
+
* }
|
|
18
|
+
*
|
|
19
|
+
* e.g.
|
|
20
|
+
*
|
|
21
|
+
* :root {
|
|
22
|
+
* --dh-color-from-light-palette: #fff;
|
|
23
|
+
* --dh-color-from-light-palette2: #ccc;
|
|
24
|
+
* }
|
|
25
|
+
* :root {
|
|
26
|
+
* --dh-color-from-light-semantic: #000;
|
|
27
|
+
* }
|
|
28
|
+
* :root {
|
|
29
|
+
* --dh-color-from-light-semantic-editor: #000;
|
|
30
|
+
* }
|
|
31
|
+
* :root {
|
|
32
|
+
* --dh-color-from-light-semantic-grid: #000;
|
|
33
|
+
* }
|
|
34
|
+
* :root {
|
|
35
|
+
* --dh-color-from-light-components: #000;
|
|
36
|
+
* }
|
|
37
|
+
*/
|
|
1
38
|
export declare const themeLight: string;
|
|
2
39
|
export default themeLight;
|
|
3
40
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-light/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,QAAoB,CAAC;AAE5C,eAAe,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-light/index.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,UAAU,QAAoB,CAAC;AAE5C,eAAe,UAAU,CAAC"}
|
|
@@ -1,4 +1,41 @@
|
|
|
1
|
-
import themeLightPalette from "./theme-light-palette.css?
|
|
1
|
+
import themeLightPalette from "./theme-light-palette.css?raw";
|
|
2
|
+
/**
|
|
3
|
+
* DH theme variables are imported via Vite `?raw` query which provides the
|
|
4
|
+
* text content of the variable files as a string. The exported theme is just a
|
|
5
|
+
* concatenation of the contents of all of these imports.
|
|
6
|
+
*
|
|
7
|
+
* Note that ?raw / ?inline imports are natively supported by Vite, but consumers
|
|
8
|
+
* of @deephaven/components using Webpack will need to add a rule to their module
|
|
9
|
+
* config.
|
|
10
|
+
* e.g.
|
|
11
|
+
* module: {
|
|
12
|
+
* rules: [
|
|
13
|
+
* {
|
|
14
|
+
* resourceQuery: /inline/,
|
|
15
|
+
* type: 'asset/source',
|
|
16
|
+
* },
|
|
17
|
+
* ],
|
|
18
|
+
* }
|
|
19
|
+
*
|
|
20
|
+
* e.g.
|
|
21
|
+
*
|
|
22
|
+
* :root {
|
|
23
|
+
* --dh-color-from-light-palette: #fff;
|
|
24
|
+
* --dh-color-from-light-palette2: #ccc;
|
|
25
|
+
* }
|
|
26
|
+
* :root {
|
|
27
|
+
* --dh-color-from-light-semantic: #000;
|
|
28
|
+
* }
|
|
29
|
+
* :root {
|
|
30
|
+
* --dh-color-from-light-semantic-editor: #000;
|
|
31
|
+
* }
|
|
32
|
+
* :root {
|
|
33
|
+
* --dh-color-from-light-semantic-grid: #000;
|
|
34
|
+
* }
|
|
35
|
+
* :root {
|
|
36
|
+
* --dh-color-from-light-components: #000;
|
|
37
|
+
* }
|
|
38
|
+
*/
|
|
2
39
|
export var themeLight = themeLightPalette;
|
|
3
40
|
export default themeLight;
|
|
4
41
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["themeLightPalette","themeLight"],"sources":["../../../src/theme/theme-light/index.ts"],"sourcesContent":["import themeLightPalette from './theme-light-palette.css?inline';\n\nexport const themeLight = themeLightPalette;\n\nexport default themeLight;\n"],"mappings":"OAAOA,iBAAiB;AAExB,OAAO,IAAMC,UAAU,GAAGD,iBAAiB;AAE3C,eAAeC,UAAU"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["themeLightPalette","themeLight"],"sources":["../../../src/theme/theme-light/index.ts"],"sourcesContent":["import themeLightPalette from './theme-light-palette.css?raw';\n\n/**\n * DH theme variables are imported via Vite `?raw` query which provides the\n * text content of the variable files as a string. The exported theme is just a\n * concatenation of the contents of all of these imports.\n *\n * Note that ?raw / ?inline imports are natively supported by Vite, but consumers\n * of @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 * }\n *\n * e.g.\n *\n * :root {\n * --dh-color-from-light-palette: #fff;\n * --dh-color-from-light-palette2: #ccc;\n * }\n * :root {\n * --dh-color-from-light-semantic: #000;\n * }\n * :root {\n * --dh-color-from-light-semantic-editor: #000;\n * }\n * :root {\n * --dh-color-from-light-semantic-grid: #000;\n * }\n * :root {\n * --dh-color-from-light-components: #000;\n * }\n */\nexport const themeLight = themeLightPalette;\n\nexport default themeLight;\n"],"mappings":"OAAOA,iBAAiB;AAExB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAGD,iBAAiB;AAE3C,eAAeC,UAAU"}
|
|
@@ -1,53 +1 @@
|
|
|
1
|
-
:root
|
|
2
|
-
/* Grays */
|
|
3
|
-
--dh-color-gray-900: #000;
|
|
4
|
-
--dh-color-gray-800: #222;
|
|
5
|
-
--dh-color-gray-700: #464646;
|
|
6
|
-
--dh-color-gray-600: #6d6d6d;
|
|
7
|
-
--dh-color-gray-500: #909090;
|
|
8
|
-
--dh-color-gray-400: #b1b1b1;
|
|
9
|
-
--dh-color-gray-300: #d5d5d5;
|
|
10
|
-
--dh-color-gray-200: #e6e6e6;
|
|
11
|
-
--dh-color-gray-100: #f8f8f8;
|
|
12
|
-
--dh-color-gray-75: #fdfdfd;
|
|
13
|
-
--dh-color-gray-50: #fff;
|
|
14
|
-
/* Blues */
|
|
15
|
-
--dh-color-blue-100: #112451;
|
|
16
|
-
--dh-color-blue-200: #16306c;
|
|
17
|
-
--dh-color-blue-300: #1d3d88;
|
|
18
|
-
--dh-color-blue-400: #254ba4;
|
|
19
|
-
--dh-color-blue-500: #2f5bc0;
|
|
20
|
-
--dh-color-blue-600: #3b6bda;
|
|
21
|
-
--dh-color-blue-700: #4c7dee;
|
|
22
|
-
--dh-color-blue-800: #6390fa;
|
|
23
|
-
--dh-color-blue-900: #7ca4ff;
|
|
24
|
-
--dh-color-blue-1000: #97b7ff;
|
|
25
|
-
--dh-color-blue-1100: #afc9ff;
|
|
26
|
-
--dh-color-blue-1200: #c7d9ff;
|
|
27
|
-
--dh-color-blue-1300: #dbe6ff;
|
|
28
|
-
--dh-color-blue-1400: #ecf1ff;
|
|
29
|
-
/* Seafoam */
|
|
30
|
-
--dh-color-seafoam-100: #1f2925;
|
|
31
|
-
--dh-color-seafoam-200: #263630;
|
|
32
|
-
--dh-color-seafoam-300: #2f463e;
|
|
33
|
-
--dh-color-seafoam-400: #37574b;
|
|
34
|
-
--dh-color-seafoam-500: #3e6959;
|
|
35
|
-
--dh-color-seafoam-600: #447b68;
|
|
36
|
-
--dh-color-seafoam-700: #488f78;
|
|
37
|
-
--dh-color-seafoam-800: #4ca387;
|
|
38
|
-
--dh-color-seafoam-900: #4fb797;
|
|
39
|
-
--dh-color-seafoam-1000: #54cba6;
|
|
40
|
-
--dh-color-seafoam-1100: #5edeb7;
|
|
41
|
-
--dh-color-seafoam-1200: #78edc7;
|
|
42
|
-
--dh-color-seafoam-1300: #9ef8d7;
|
|
43
|
-
--dh-color-seafoam-1400: #cbfce8;
|
|
44
|
-
/* Semantic */
|
|
45
|
-
--dh-color-black: var(--dh-color-gray-50);
|
|
46
|
-
--dh-color-white: var(--dh-color-gray-75);
|
|
47
|
-
--dh-color-accent: var(--dh-color-blue-700);
|
|
48
|
-
--dh-color-background: var(--dh-color-white);
|
|
49
|
-
--dh-color-foreground: var(--dh-color-black);
|
|
50
|
-
--dh-color-grid-bg: var(--dh-color-background);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
/*# 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-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 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-palette.css"],"names":[],"mappings":"AAAA
|
|
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,192 +1 @@
|
|
|
1
|
-
|
|
2
|
-
/* stylelint-disable alpha-value-notation */
|
|
3
|
-
.dh-spectrum-alias {
|
|
4
|
-
--spectrum-alias-background-color-default: var(--dh-color-background);
|
|
5
|
-
/* Shadows / Overlays */
|
|
6
|
-
--spectrum-alias-dropshadow-color: var(--dh-color-dropshadow);
|
|
7
|
-
--spectrum-alias-background-color-modal-overlay: var(
|
|
8
|
-
--dh-color-modal-overlay-bg
|
|
9
|
-
);
|
|
10
|
-
--spectrum-alias-background-color-hover-overlay: var(
|
|
11
|
-
--dh-color-overlay-hover-bg
|
|
12
|
-
);
|
|
13
|
-
/* Color Picker Borders */
|
|
14
|
-
--spectrum-colorarea-border-color: var(--dh-color-colorpicker-border);
|
|
15
|
-
--spectrum-colorarea-border-color-hover: var(--dh-color-colorpicker-border);
|
|
16
|
-
--spectrum-colorarea-border-color-down: var(--dh-color-colorpicker-border);
|
|
17
|
-
--spectrum-colorarea-border-color-key-focus: var(
|
|
18
|
-
--dh-color-colorpicker-border
|
|
19
|
-
);
|
|
20
|
-
--spectrum-colorslider-border-color: var(--dh-color-colorpicker-border);
|
|
21
|
-
--spectrum-colorslider-border-color-hover: var(--dh-color-colorpicker-border);
|
|
22
|
-
--spectrum-colorslider-border-color-down: var(--dh-color-colorpicker-border);
|
|
23
|
-
--spectrum-colorslider-border-color-key-focus: var(
|
|
24
|
-
--dh-color-colorpicker-border
|
|
25
|
-
);
|
|
26
|
-
--spectrum-colorslider-vertical-border-color: var(
|
|
27
|
-
--dh-color-colorpicker-border
|
|
28
|
-
);
|
|
29
|
-
--spectrum-colorslider-vertical-border-color-hover: var(
|
|
30
|
-
--dh-color-colorpicker-border
|
|
31
|
-
);
|
|
32
|
-
--spectrum-colorslider-vertical-border-color-down: var(
|
|
33
|
-
--dh-color-colorpicker-border
|
|
34
|
-
);
|
|
35
|
-
--spectrum-colorslider-vertical-border-color-key-focus: var(
|
|
36
|
-
--dh-color-colorpicker-border
|
|
37
|
-
);
|
|
38
|
-
--spectrum-colorwheel-border-color: var(--dh-color-colorpicker-border);
|
|
39
|
-
--spectrum-colorwheel-border-color-hover: var(--dh-color-colorpicker-border);
|
|
40
|
-
--spectrum-colorwheel-border-color-down: var(--dh-color-colorpicker-border);
|
|
41
|
-
--spectrum-colorwheel-border-color-key-focus: var(
|
|
42
|
-
--dh-color-colorpicker-border
|
|
43
|
-
);
|
|
44
|
-
/* Highlight */
|
|
45
|
-
--spectrum-alias-highlight-active: var(--dh-color-highlight-active);
|
|
46
|
-
--spectrum-alias-highlight-hover: var(--dh-color-highlight-hover);
|
|
47
|
-
--spectrum-alias-highlight-invalid: var(--dh-color-highlight-invalid);
|
|
48
|
-
--spectrum-alias-highlight-selected: var(--dh-color-highlight-selected);
|
|
49
|
-
--spectrum-alias-highlight-selected-hover: var(
|
|
50
|
-
--dh-color-highlight-selected-hover
|
|
51
|
-
);
|
|
52
|
-
--spectrum-alias-text-highlight-color: var(--dh-color-text-highlight);
|
|
53
|
-
--spectrum-alias-background-color-quickactions: var(
|
|
54
|
-
--dh-color-quickactions-bg
|
|
55
|
-
);
|
|
56
|
-
--spectrum-alias-radial-reaction-color-default: var(
|
|
57
|
-
--dh-color-radial-reaction
|
|
58
|
-
);
|
|
59
|
-
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);
|
|
60
|
-
--spectrum-alias-appframe-separator-color: var(
|
|
61
|
-
--spectrum-global-color-gray-50
|
|
62
|
-
);
|
|
63
|
-
--spectrum-alias-pasteboard-background-color: var(
|
|
64
|
-
--spectrum-global-color-gray-50
|
|
65
|
-
);
|
|
66
|
-
/* Tabs */
|
|
67
|
-
--spectrum-tabs-compact-selection-indicator-color: var(
|
|
68
|
-
--spectrum-global-color-blue-500
|
|
69
|
-
);
|
|
70
|
-
--spectrum-tabs-compact-vertical-rule-color: var(
|
|
71
|
-
--spectrum-global-color-gray-200
|
|
72
|
-
);
|
|
73
|
-
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(
|
|
74
|
-
--spectrum-global-color-blue-500
|
|
75
|
-
);
|
|
76
|
-
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(
|
|
77
|
-
--spectrum-global-color-gray-200
|
|
78
|
-
);
|
|
79
|
-
--spectrum-tabs-emphasized-selection-indicator-color: var(
|
|
80
|
-
--spectrum-global-color-blue-500
|
|
81
|
-
);
|
|
82
|
-
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(
|
|
83
|
-
--spectrum-global-color-blue-500
|
|
84
|
-
);
|
|
85
|
-
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(
|
|
86
|
-
--spectrum-global-color-blue-500
|
|
87
|
-
);
|
|
88
|
-
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(
|
|
89
|
-
--spectrum-global-color-blue-500
|
|
90
|
-
);
|
|
91
|
-
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(
|
|
92
|
-
--spectrum-global-color-blue-500
|
|
93
|
-
);
|
|
94
|
-
/* Wells */
|
|
95
|
-
--spectrum-well-background-color: var(--dh-color-well-bg);
|
|
96
|
-
--spectrum-well-border-color: var(--dh-color-well-border);
|
|
97
|
-
/* PATCH: This is missing in Spectrum css */
|
|
98
|
-
--spectrum-tray-background-color: var(--spectrum-global-color-gray-100);
|
|
99
|
-
--react-spectrum-datepicker-placeholder-color: var(
|
|
100
|
-
--spectrum-global-color-gray-600
|
|
101
|
-
);
|
|
102
|
-
/* 4.8:1 contrast ratio */
|
|
103
|
-
/* Accent */
|
|
104
|
-
--spectrum-accent-background-color-default: var(
|
|
105
|
-
--dh-color-accent-background-default
|
|
106
|
-
);
|
|
107
|
-
--spectrum-accent-background-color-hover: var(
|
|
108
|
-
--dh-color-accent-background-hover
|
|
109
|
-
);
|
|
110
|
-
--spectrum-accent-background-color-down: var(
|
|
111
|
-
--dh-color-accent-background-down
|
|
112
|
-
);
|
|
113
|
-
--spectrum-accent-background-color-key-focus: var(
|
|
114
|
-
--dh-color-accent-background-key-focus
|
|
115
|
-
);
|
|
116
|
-
/* Neutral */
|
|
117
|
-
--spectrum-neutral-background-color-default: var(--dh-neutral-default-bg);
|
|
118
|
-
--spectrum-neutral-background-color-hover: var(--dh-neutral-hover-bg);
|
|
119
|
-
--spectrum-neutral-background-color-down: var(--dh-neutral-down-bg);
|
|
120
|
-
--spectrum-neutral-background-color-key-focus: var(--dh-neutral-key-focus-bg);
|
|
121
|
-
--spectrum-neutral-subdued-background-color-default: var(
|
|
122
|
-
--dh-neutral-subdued-default-bg
|
|
123
|
-
);
|
|
124
|
-
--spectrum-neutral-subdued-background-color-hover: var(
|
|
125
|
-
--dh-neutral-subdued-hover-bg
|
|
126
|
-
);
|
|
127
|
-
--spectrum-neutral-subdued-background-color-down: var(
|
|
128
|
-
--dh-neutral-subdued-down-bg
|
|
129
|
-
);
|
|
130
|
-
--spectrum-neutral-subdued-background-color-key-focus: var(
|
|
131
|
-
--dh-neutral-subdued-key-focus-bg
|
|
132
|
-
);
|
|
133
|
-
/* Negative */
|
|
134
|
-
--spectrum-negative-background-color-default: var(
|
|
135
|
-
--dh-color-negative-default-bg
|
|
136
|
-
);
|
|
137
|
-
--spectrum-negative-background-color-hover: var(--dh-color-negative-hover-bg);
|
|
138
|
-
--spectrum-negative-background-color-down: var(--dh-color-negative-down-bg);
|
|
139
|
-
--spectrum-negative-background-color-key-focus: var(
|
|
140
|
-
--dh-color-negative-key-focus-bg
|
|
141
|
-
);
|
|
142
|
-
/* Positive */
|
|
143
|
-
--spectrum-positive-background-color-default: var(
|
|
144
|
-
--dh-color-positive-default-bg
|
|
145
|
-
);
|
|
146
|
-
--spectrum-positive-background-color-hover: var(--dh-color-positive-hover-bg);
|
|
147
|
-
--spectrum-positive-background-color-down: var(--dh-color-positive-down-bg);
|
|
148
|
-
--spectrum-positive-background-color-key-focus: var(
|
|
149
|
-
--dh-color-positive-key-focus-bg
|
|
150
|
-
);
|
|
151
|
-
/* Informative */
|
|
152
|
-
--spectrum-informative-background-color-default: var(
|
|
153
|
-
--dh-color-info-default-bg
|
|
154
|
-
);
|
|
155
|
-
--spectrum-informative-background-color-hover: var(--dh-color-info-hover-bg);
|
|
156
|
-
--spectrum-informative-background-color-down: var(--dh-color-info-down-bg);
|
|
157
|
-
--spectrum-informative-background-color-key-focus: var(
|
|
158
|
-
--dh-color-info-key-focus-bg
|
|
159
|
-
);
|
|
160
|
-
/* Notice */
|
|
161
|
-
--spectrum-notice-background-color-default: var(--dh-color-notice-default-bg);
|
|
162
|
-
--spectrum-notice-background-color-hover: var(--dh-color-notice-hover-bg);
|
|
163
|
-
--spectrum-notice-background-color-down: var(--dh-color-notice-down-bg);
|
|
164
|
-
--spectrum-notice-background-color-key-focus: var(
|
|
165
|
-
--dh-color-notice-key-focus-bg
|
|
166
|
-
);
|
|
167
|
-
/* Default Background */
|
|
168
|
-
--spectrum-gray-background-color-default: var(--dh-color-default-gray-bg);
|
|
169
|
-
--spectrum-red-background-color-default: var(--dh-color-default-red-bg);
|
|
170
|
-
--spectrum-orange-background-color-default: var(--dh-color-default-orange-bg);
|
|
171
|
-
--spectrum-yellow-background-color-default: var(--dh-color-default-yellow-bg);
|
|
172
|
-
--spectrum-chartreuse-background-color-default: var(
|
|
173
|
-
--dh-color-default-chartreuse-bg
|
|
174
|
-
);
|
|
175
|
-
--spectrum-celery-background-color-default: var(--dh-color-default-celery-bg);
|
|
176
|
-
--spectrum-green-background-color-default: var(--dh-color-default-green-bg);
|
|
177
|
-
--spectrum-seafoam-background-color-default: var(
|
|
178
|
-
--dh-color-default-seafoam-bg
|
|
179
|
-
);
|
|
180
|
-
--spectrum-cyan-background-color-default: var(--dh-color-default-cyan-bg);
|
|
181
|
-
--spectrum-blue-background-color-default: var(--dh-color-default-blue-bg);
|
|
182
|
-
--spectrum-indigo-background-color-default: var(--dh-color-default-indigo-bg);
|
|
183
|
-
--spectrum-purple-background-color-default: var(--dh-color-default-purple-bg);
|
|
184
|
-
--spectrum-fuchsia-background-color-default: var(
|
|
185
|
-
--dh-color-default-fuchsia-bg
|
|
186
|
-
);
|
|
187
|
-
--spectrum-magenta-background-color-default: var(
|
|
188
|
-
--dh-color-default-magenta-bg
|
|
189
|
-
);
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
/*# sourceMappingURL=theme-spectrum-alias.module.css.map */
|
|
1
|
+
.dh-spectrum-alias{--spectrum-alias-background-color-default: var(--dh-color-background);--spectrum-alias-dropshadow-color: var(--dh-color-dropshadow);--spectrum-alias-background-color-modal-overlay: var( --dh-color-modal-overlay-bg );--spectrum-alias-background-color-hover-overlay: var( --dh-color-overlay-hover-bg );--spectrum-colorarea-border-color: var(--dh-color-colorpicker-border);--spectrum-colorarea-border-color-hover: var(--dh-color-colorpicker-border);--spectrum-colorarea-border-color-down: var(--dh-color-colorpicker-border);--spectrum-colorarea-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-colorslider-border-color: var(--dh-color-colorpicker-border);--spectrum-colorslider-border-color-hover: var(--dh-color-colorpicker-border);--spectrum-colorslider-border-color-down: var(--dh-color-colorpicker-border);--spectrum-colorslider-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color-hover: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color-down: var( --dh-color-colorpicker-border );--spectrum-colorslider-vertical-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-colorwheel-border-color: var(--dh-color-colorpicker-border);--spectrum-colorwheel-border-color-hover: var(--dh-color-colorpicker-border);--spectrum-colorwheel-border-color-down: var(--dh-color-colorpicker-border);--spectrum-colorwheel-border-color-key-focus: var( --dh-color-colorpicker-border );--spectrum-alias-highlight-active: var(--dh-color-highlight-active);--spectrum-alias-highlight-hover: var(--dh-color-highlight-hover);--spectrum-alias-highlight-invalid: var(--dh-color-highlight-invalid);--spectrum-alias-highlight-selected: var(--dh-color-highlight-selected);--spectrum-alias-highlight-selected-hover: var( --dh-color-highlight-selected-hover );--spectrum-alias-text-highlight-color: var(--dh-color-text-highlight);--spectrum-alias-background-color-quickactions: var( --dh-color-quickactions-bg );--spectrum-alias-radial-reaction-color-default: var( --dh-color-radial-reaction );--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);--spectrum-alias-appframe-separator-color: var( --spectrum-global-color-gray-50 );--spectrum-alias-pasteboard-background-color: var( --spectrum-global-color-gray-50 );--spectrum-tabs-compact-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-compact-vertical-rule-color: var( --spectrum-global-color-gray-200 );--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-compact-vertical-emphasized-rule-color: var( --spectrum-global-color-gray-200 );--spectrum-tabs-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var( --spectrum-global-color-blue-500 );--spectrum-well-background-color: var(--dh-color-well-bg);--spectrum-well-border-color: var(--dh-color-well-border);--spectrum-tray-background-color: var(--spectrum-global-color-gray-100);--react-spectrum-datepicker-placeholder-color: var( --spectrum-global-color-gray-600 );--spectrum-accent-background-color-default: var( --dh-color-accent-background-default );--spectrum-accent-background-color-hover: var( --dh-color-accent-background-hover );--spectrum-accent-background-color-down: var( --dh-color-accent-background-down );--spectrum-accent-background-color-key-focus: var( --dh-color-accent-background-key-focus );--spectrum-neutral-background-color-default: var(--dh-neutral-default-bg);--spectrum-neutral-background-color-hover: var(--dh-neutral-hover-bg);--spectrum-neutral-background-color-down: var(--dh-neutral-down-bg);--spectrum-neutral-background-color-key-focus: var(--dh-neutral-key-focus-bg);--spectrum-neutral-subdued-background-color-default: var( --dh-neutral-subdued-default-bg );--spectrum-neutral-subdued-background-color-hover: var( --dh-neutral-subdued-hover-bg );--spectrum-neutral-subdued-background-color-down: var( --dh-neutral-subdued-down-bg );--spectrum-neutral-subdued-background-color-key-focus: var( --dh-neutral-subdued-key-focus-bg );--spectrum-negative-background-color-default: var( --dh-color-negative-default-bg );--spectrum-negative-background-color-hover: var(--dh-color-negative-hover-bg);--spectrum-negative-background-color-down: var(--dh-color-negative-down-bg);--spectrum-negative-background-color-key-focus: var( --dh-color-negative-key-focus-bg );--spectrum-positive-background-color-default: var( --dh-color-positive-default-bg );--spectrum-positive-background-color-hover: var(--dh-color-positive-hover-bg);--spectrum-positive-background-color-down: var(--dh-color-positive-down-bg);--spectrum-positive-background-color-key-focus: var( --dh-color-positive-key-focus-bg );--spectrum-informative-background-color-default: var( --dh-color-info-default-bg );--spectrum-informative-background-color-hover: var(--dh-color-info-hover-bg);--spectrum-informative-background-color-down: var(--dh-color-info-down-bg);--spectrum-informative-background-color-key-focus: var( --dh-color-info-key-focus-bg );--spectrum-notice-background-color-default: var(--dh-color-notice-default-bg);--spectrum-notice-background-color-hover: var(--dh-color-notice-hover-bg);--spectrum-notice-background-color-down: var(--dh-color-notice-down-bg);--spectrum-notice-background-color-key-focus: var( --dh-color-notice-key-focus-bg );--spectrum-gray-background-color-default: var(--dh-color-default-gray-bg);--spectrum-red-background-color-default: var(--dh-color-default-red-bg);--spectrum-orange-background-color-default: var(--dh-color-default-orange-bg);--spectrum-yellow-background-color-default: var(--dh-color-default-yellow-bg);--spectrum-chartreuse-background-color-default: var( --dh-color-default-chartreuse-bg );--spectrum-celery-background-color-default: var(--dh-color-default-celery-bg);--spectrum-green-background-color-default: var(--dh-color-default-green-bg);--spectrum-seafoam-background-color-default: var( --dh-color-default-seafoam-bg );--spectrum-cyan-background-color-default: var(--dh-color-default-cyan-bg);--spectrum-blue-background-color-default: var(--dh-color-default-blue-bg);--spectrum-indigo-background-color-default: var(--dh-color-default-indigo-bg);--spectrum-purple-background-color-default: var(--dh-color-default-purple-bg);--spectrum-fuchsia-background-color-default: var( --dh-color-default-fuchsia-bg );--spectrum-magenta-background-color-default: var( --dh-color-default-magenta-bg )}/*# sourceMappingURL=theme-spectrum-alias.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-alias.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-alias.module.css"],"names":[],"mappings":"AAEA,mBACE,sEAGA,8DACA,oFAGA,oFAKA,sEACA,4EACA,2EACA,kFAGA,wEACA,8EACA,6EACA,oFAGA,mFAGA,yFAGA,wFAGA,6FAGA,uEACA,6EACA,4EACA,mFAKA,oEACA,kEACA,sEACA,wEACA,sFAIA,sEACA,kFAGA,kFAIA,6EACA,kFAGA,qFAKA,2FAGA,qFAGA,+GAGA,gGAGA,8FAGA,4GAGA,qHAGA,oGAGA,6GAKA,0DACA,0DAGA,wEAEA,uFAKA,wFAGA,oFAGA,kFAGA,4FAKA,0EACA,sEACA,oEACA,8EAEA,4FAGA,wFAGA,sFAGA,gGAKA,oFAGA,8EACA,4EACA,wFAKA,oFAGA,8EACA,4EACA,wFAKA,mFAGA,6EACA,2EACA,uFAKA,8EACA,0EACA,wEACA,oFAKA,0EACA,wEACA,8EACA,8EACA,wFAGA,8EACA,4EACA,kFAGA,0EACA,0EACA,8EACA,8EACA,kFAGA","file":"theme-spectrum-alias.module.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n.dh-spectrum-alias {\n --spectrum-alias-background-color-default: var(--dh-color-background);\n\n /* Shadows / Overlays */\n --spectrum-alias-dropshadow-color: var(--dh-color-dropshadow);\n --spectrum-alias-background-color-modal-overlay: var(\n --dh-color-modal-overlay-bg\n );\n --spectrum-alias-background-color-hover-overlay: var(\n --dh-color-overlay-hover-bg\n );\n\n /* Color Picker Borders */\n --spectrum-colorarea-border-color: var(--dh-color-colorpicker-border);\n --spectrum-colorarea-border-color-hover: var(--dh-color-colorpicker-border);\n --spectrum-colorarea-border-color-down: var(--dh-color-colorpicker-border);\n --spectrum-colorarea-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-border-color: var(--dh-color-colorpicker-border);\n --spectrum-colorslider-border-color-hover: var(--dh-color-colorpicker-border);\n --spectrum-colorslider-border-color-down: var(--dh-color-colorpicker-border);\n --spectrum-colorslider-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color-hover: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color-down: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorslider-vertical-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n --spectrum-colorwheel-border-color: var(--dh-color-colorpicker-border);\n --spectrum-colorwheel-border-color-hover: var(--dh-color-colorpicker-border);\n --spectrum-colorwheel-border-color-down: var(--dh-color-colorpicker-border);\n --spectrum-colorwheel-border-color-key-focus: var(\n --dh-color-colorpicker-border\n );\n\n /* Highlight */\n --spectrum-alias-highlight-active: var(--dh-color-highlight-active);\n --spectrum-alias-highlight-hover: var(--dh-color-highlight-hover);\n --spectrum-alias-highlight-invalid: var(--dh-color-highlight-invalid);\n --spectrum-alias-highlight-selected: var(--dh-color-highlight-selected);\n --spectrum-alias-highlight-selected-hover: var(\n --dh-color-highlight-selected-hover\n );\n\n --spectrum-alias-text-highlight-color: var(--dh-color-text-highlight);\n --spectrum-alias-background-color-quickactions: var(\n --dh-color-quickactions-bg\n );\n --spectrum-alias-radial-reaction-color-default: var(\n --dh-color-radial-reaction\n );\n\n --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);\n --spectrum-alias-appframe-separator-color: var(\n --spectrum-global-color-gray-50\n );\n --spectrum-alias-pasteboard-background-color: var(\n --spectrum-global-color-gray-50\n );\n\n /* Tabs */\n --spectrum-tabs-compact-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-compact-vertical-rule-color: var(\n --spectrum-global-color-gray-200\n );\n --spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-compact-vertical-emphasized-rule-color: var(\n --spectrum-global-color-gray-200\n );\n --spectrum-tabs-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n --spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(\n --spectrum-global-color-blue-500\n );\n\n /* Wells */\n --spectrum-well-background-color: var(--dh-color-well-bg);\n --spectrum-well-border-color: var(--dh-color-well-border);\n\n /* PATCH: This is missing in Spectrum css */\n --spectrum-tray-background-color: var(--spectrum-global-color-gray-100);\n\n --react-spectrum-datepicker-placeholder-color: var(\n --spectrum-global-color-gray-600\n ); /* 4.8:1 contrast ratio */\n\n /* Accent */\n --spectrum-accent-background-color-default: var(\n --dh-color-accent-background-default\n );\n --spectrum-accent-background-color-hover: var(\n --dh-color-accent-background-hover\n );\n --spectrum-accent-background-color-down: var(\n --dh-color-accent-background-down\n );\n --spectrum-accent-background-color-key-focus: var(\n --dh-color-accent-background-key-focus\n );\n\n /* Neutral */\n --spectrum-neutral-background-color-default: var(--dh-neutral-default-bg);\n --spectrum-neutral-background-color-hover: var(--dh-neutral-hover-bg);\n --spectrum-neutral-background-color-down: var(--dh-neutral-down-bg);\n --spectrum-neutral-background-color-key-focus: var(--dh-neutral-key-focus-bg);\n\n --spectrum-neutral-subdued-background-color-default: var(\n --dh-neutral-subdued-default-bg\n );\n --spectrum-neutral-subdued-background-color-hover: var(\n --dh-neutral-subdued-hover-bg\n );\n --spectrum-neutral-subdued-background-color-down: var(\n --dh-neutral-subdued-down-bg\n );\n --spectrum-neutral-subdued-background-color-key-focus: var(\n --dh-neutral-subdued-key-focus-bg\n );\n\n /* Negative */\n --spectrum-negative-background-color-default: var(\n --dh-color-negative-default-bg\n );\n --spectrum-negative-background-color-hover: var(--dh-color-negative-hover-bg);\n --spectrum-negative-background-color-down: var(--dh-color-negative-down-bg);\n --spectrum-negative-background-color-key-focus: var(\n --dh-color-negative-key-focus-bg\n );\n\n /* Positive */\n --spectrum-positive-background-color-default: var(\n --dh-color-positive-default-bg\n );\n --spectrum-positive-background-color-hover: var(--dh-color-positive-hover-bg);\n --spectrum-positive-background-color-down: var(--dh-color-positive-down-bg);\n --spectrum-positive-background-color-key-focus: var(\n --dh-color-positive-key-focus-bg\n );\n\n /* Informative */\n --spectrum-informative-background-color-default: var(\n --dh-color-info-default-bg\n );\n --spectrum-informative-background-color-hover: var(--dh-color-info-hover-bg);\n --spectrum-informative-background-color-down: var(--dh-color-info-down-bg);\n --spectrum-informative-background-color-key-focus: var(\n --dh-color-info-key-focus-bg\n );\n\n /* Notice */\n --spectrum-notice-background-color-default: var(--dh-color-notice-default-bg);\n --spectrum-notice-background-color-hover: var(--dh-color-notice-hover-bg);\n --spectrum-notice-background-color-down: var(--dh-color-notice-down-bg);\n --spectrum-notice-background-color-key-focus: var(\n --dh-color-notice-key-focus-bg\n );\n\n /* Default Background */\n --spectrum-gray-background-color-default: var(--dh-color-default-gray-bg);\n --spectrum-red-background-color-default: var(--dh-color-default-red-bg);\n --spectrum-orange-background-color-default: var(--dh-color-default-orange-bg);\n --spectrum-yellow-background-color-default: var(--dh-color-default-yellow-bg);\n --spectrum-chartreuse-background-color-default: var(\n --dh-color-default-chartreuse-bg\n );\n --spectrum-celery-background-color-default: var(--dh-color-default-celery-bg);\n --spectrum-green-background-color-default: var(--dh-color-default-green-bg);\n --spectrum-seafoam-background-color-default: var(\n --dh-color-default-seafoam-bg\n );\n --spectrum-cyan-background-color-default: var(--dh-color-default-cyan-bg);\n --spectrum-blue-background-color-default: var(--dh-color-default-blue-bg);\n --spectrum-indigo-background-color-default: var(--dh-color-default-indigo-bg);\n --spectrum-purple-background-color-default: var(--dh-color-default-purple-bg);\n --spectrum-fuchsia-background-color-default: var(\n --dh-color-default-fuchsia-bg\n );\n --spectrum-magenta-background-color-default: var(\n --dh-color-default-magenta-bg\n );\n}\n"]}
|
|
@@ -1,7 +1 @@
|
|
|
1
|
-
[class^=spectrum]
|
|
2
|
-
/* --font-family-sans-serif is defined in Bootstrap's _root.scss. We want
|
|
3
|
-
Spectrum to use the same default font-family */
|
|
4
|
-
font-family: var(--font-family-sans-serif) !important;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
/*# sourceMappingURL=theme-spectrum-overrides.module.css.map */
|
|
1
|
+
[class^=spectrum]{font-family:var(--font-family-sans-serif) !important}/*# sourceMappingURL=theme-spectrum-overrides.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.module.css"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.module.css"],"names":[],"mappings":"AAAA,kBAGE","file":"theme-spectrum-overrides.module.css","sourcesContent":["[class^='spectrum'] {\n /* --font-family-sans-serif is defined in Bootstrap's _root.scss. We want\n Spectrum to use the same default font-family */\n font-family: var(--font-family-sans-serif) !important;\n}\n"]}
|