@deephaven/components 0.49.2-theme-plugins.45 → 0.50.0

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 (36) hide show
  1. package/css/BaseStyleSheet.css +2 -2
  2. package/css/BaseStyleSheet.css.map +1 -1
  3. package/dist/LoadingSpinner.css +1 -1
  4. package/dist/LoadingSpinner.css.map +1 -1
  5. package/dist/theme/ThemeModel.d.ts +2 -2
  6. package/dist/theme/ThemeModel.js +2 -2
  7. package/dist/theme/ThemeModel.js.map +1 -1
  8. package/dist/theme/ThemeProvider.js +1 -1
  9. package/dist/theme/ThemeProvider.js.map +1 -1
  10. package/dist/theme/ThemeUtils.d.ts +61 -0
  11. package/dist/theme/ThemeUtils.d.ts.map +1 -1
  12. package/dist/theme/ThemeUtils.js +152 -6
  13. package/dist/theme/ThemeUtils.js.map +1 -1
  14. package/dist/theme/theme-dark/index.d.ts +3 -0
  15. package/dist/theme/theme-dark/index.d.ts.map +1 -0
  16. package/dist/theme/theme-dark/index.js +7 -0
  17. package/dist/theme/theme-dark/index.js.map +1 -0
  18. package/dist/theme/theme-dark/theme-dark-palette.css +290 -0
  19. package/dist/theme/theme-dark/theme-dark-palette.css.map +1 -0
  20. package/dist/theme/theme-dark/theme-dark-semantic-editor.css +62 -0
  21. package/dist/theme/theme-dark/theme-dark-semantic-editor.css.map +1 -0
  22. package/dist/theme/theme-dark/theme-dark-semantic-grid.css +5 -0
  23. package/dist/theme/theme-dark/theme-dark-semantic-grid.css.map +1 -0
  24. package/dist/theme/theme-dark/theme-dark-semantic.css +69 -0
  25. package/dist/theme/theme-dark/theme-dark-semantic.css.map +1 -0
  26. package/dist/theme/theme-light/index.d.ts +3 -0
  27. package/dist/theme/theme-light/index.d.ts.map +1 -0
  28. package/dist/theme/theme-light/index.js +4 -0
  29. package/dist/theme/theme-light/index.js.map +1 -0
  30. package/dist/theme/{theme_default_light.css → theme-light/theme-light-palette.css} +5 -5
  31. package/dist/theme/theme-light/theme-light-palette.css.map +1 -0
  32. package/package.json +7 -7
  33. package/scss/BaseStyleSheet.scss +2 -2
  34. package/dist/theme/theme_default_dark.css +0 -53
  35. package/dist/theme/theme_default_dark.css.map +0 -1
  36. package/dist/theme/theme_default_light.css.map +0 -1
@@ -0,0 +1,290 @@
1
+ :root {
2
+ /* Gray */
3
+ --dh-color-gray-hue: 0deg;
4
+ --dh-color-gray-50: hsl(var(--dh-color-gray-hue) 6% 10%);
5
+ --dh-color-gray-75: hsl(var(--dh-color-gray-hue) 5% 13%);
6
+ --dh-color-gray-100: hsl(var(--dh-color-gray-hue), 5%, 17%);
7
+ --dh-color-gray-200: hsl(var(--dh-color-gray-hue) 4% 19%);
8
+ --dh-color-gray-300: hsl(var(--dh-color-gray-hue) 4% 21%);
9
+ --dh-color-gray-400: hsl(var(--dh-color-gray-hue) 2% 25%);
10
+ --dh-color-gray-500: hsl(var(--dh-color-gray-hue) 1% 36%);
11
+ --dh-color-gray-600: hsl(var(--dh-color-gray-hue) 0% 57%);
12
+ --dh-color-gray-700: hsl(var(--dh-color-gray-hue) 1% 75%);
13
+ --dh-color-gray-800: hsl(var(--dh-color-gray-hue) 6% 94%);
14
+ --dh-color-gray-900: hsl(var(--dh-color-gray-hue) 25% 98%);
15
+ /** Black & White */
16
+ --dh-color-black: var(--dh-color-gray-50);
17
+ --dh-color-white: var(--dh-color-gray-800);
18
+ /* Blue */
19
+ --dh-color-blue-hue: 222deg;
20
+ --dh-color-blue-100: hsl(var(--dh-color-blue-hue) 65% 19%);
21
+ --dh-color-blue-200: hsl(var(--dh-color-blue-hue) 66% 25%);
22
+ --dh-color-blue-300: hsl(var(--dh-color-blue-hue) 65% 32%);
23
+ --dh-color-blue-400: hsl(var(--dh-color-blue-hue) 63% 39%);
24
+ --dh-color-blue-500: hsl(var(--dh-color-blue-hue) 61% 47%);
25
+ --dh-color-blue-600: hsl(var(--dh-color-blue-hue) 68% 54%);
26
+ --dh-color-blue-700: hsl(var(--dh-color-blue-hue) 83% 62%);
27
+ --dh-color-blue-800: hsl(var(--dh-color-blue-hue) 94% 68%);
28
+ --dh-color-blue-900: hsl(var(--dh-color-blue-hue) 100% 74%);
29
+ --dh-color-blue-1000: hsl(var(--dh-color-blue-hue) 100% 80%);
30
+ --dh-color-blue-1100: hsl(calc(var(--dh-color-blue-hue) - 1deg) 100% 84%);
31
+ --dh-color-blue-1200: hsl(calc(var(--dh-color-blue-hue) - 1deg) 100% 89%);
32
+ --dh-color-blue-1300: hsl(var(--dh-color-blue-hue) 100% 93%);
33
+ --dh-color-blue-1400: hsl(calc(var(--dh-color-blue-hue) + 2deg) 100% 96%);
34
+ /* Red */
35
+ --dh-color-red-hue: 345deg;
36
+ --dh-color-red-100: hsl(calc(var(--dh-color-red-hue) + 1deg) 54% 18%);
37
+ --dh-color-red-200: hsl(var(--dh-color-red-hue) 55% 24%);
38
+ --dh-color-red-300: hsl(calc(var(--dh-color-red-hue) + 1deg) 54% 30%);
39
+ --dh-color-red-400: hsl(var(--dh-color-red-hue) 54% 37%);
40
+ --dh-color-red-500: hsl(var(--dh-color-red-hue) 53% 44%);
41
+ --dh-color-red-600: hsl(var(--dh-color-red-hue) 55% 51%);
42
+ --dh-color-red-700: hsl(var(--dh-color-red-hue) 71% 59%);
43
+ --dh-color-red-800: hsl(var(--dh-color-red-hue) 92% 67%);
44
+ --dh-color-red-900: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 74%);
45
+ --dh-color-red-1000: hsl(calc(var(--dh-color-red-hue) - 2deg) 100% 80%);
46
+ --dh-color-red-1100: hsl(calc(var(--dh-color-red-hue) - 2deg) 100% 85%);
47
+ --dh-color-red-1200: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 90%);
48
+ --dh-color-red-1300: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 94%);
49
+ --dh-color-red-1400: hsl(calc(var(--dh-color-red-hue) - 1deg) 100% 96%);
50
+ /* Orange */
51
+ --dh-color-orange-hue: 22deg;
52
+ --dh-color-orange-100: hsl(calc(var(--dh-color-orange-hue) - 2deg) 100% 14%);
53
+ --dh-color-orange-200: hsl(var(--dh-color-orange-hue) 96% 18%);
54
+ --dh-color-orange-300: hsl(calc(var(--dh-color-orange-hue) + 1deg) 90% 23%);
55
+ --dh-color-orange-400: hsl(var(--dh-color-orange-hue) 84% 29%);
56
+ --dh-color-orange-500: hsl(var(--dh-color-orange-hue) 80% 35%);
57
+ --dh-color-orange-600: hsl(var(--dh-color-orange-hue) 74% 41%);
58
+ --dh-color-orange-700: hsl(var(--dh-color-orange-hue) 70% 48%);
59
+ --dh-color-orange-800: hsl(var(--dh-color-orange-hue) 78% 55%);
60
+ --dh-color-orange-900: hsl(calc(var(--dh-color-orange-hue) - 1deg) 95% 63%);
61
+ --dh-color-orange-1000: hsl(var(--dh-color-orange-hue) 100% 71%);
62
+ --dh-color-orange-1100: hsl(calc(var(--dh-color-orange-hue) + 1deg) 100% 78%);
63
+ --dh-color-orange-1200: hsl(calc(var(--dh-color-orange-hue) + 2deg) 100% 84%);
64
+ --dh-color-orange-1300: hsl(calc(var(--dh-color-orange-hue) + 2deg) 100% 90%);
65
+ --dh-color-orange-1400: hsl(calc(var(--dh-color-orange-hue) + 3deg) 100% 94%);
66
+ /* Yellow */
67
+ --dh-color-yellow-hue: 49deg;
68
+ --dh-color-yellow-100: hsl(calc(var(--dh-color-yellow-hue) + 2deg) 100% 9%);
69
+ --dh-color-yellow-200: hsl(calc(var(--dh-color-yellow-hue) + 1deg) 100% 12%);
70
+ --dh-color-yellow-300: hsl(calc(var(--dh-color-yellow-hue) + 2deg) 100% 15%);
71
+ --dh-color-yellow-400: hsl(calc(var(--dh-color-yellow-hue) + 1deg) 90% 20%);
72
+ --dh-color-yellow-500: hsl(var(--dh-color-yellow-hue) 82% 25%);
73
+ --dh-color-yellow-600: hsl(calc(var(--dh-color-yellow-hue) - 1deg) 75% 30%);
74
+ --dh-color-yellow-700: hsl(calc(var(--dh-color-yellow-hue) - 1deg) 70% 35%);
75
+ --dh-color-yellow-800: hsl(calc(var(--dh-color-yellow-hue) - 2deg) 66% 41%);
76
+ --dh-color-yellow-900: hsl(calc(var(--dh-color-yellow-hue) - 2deg) 61% 47%);
77
+ --dh-color-yellow-1000: hsl(calc(var(--dh-color-yellow-hue) - 2deg) 66% 54%);
78
+ --dh-color-yellow-1100: hsl(calc(var(--dh-color-yellow-hue) - 3deg) 79% 60%);
79
+ --dh-color-yellow-1200: hsl(calc(var(--dh-color-yellow-hue) - 3deg) 94% 66%);
80
+ --dh-color-yellow-1300: hsl(var(--dh-color-yellow-hue) 100% 74%);
81
+ --dh-color-yellow-1400: hsl(calc(var(--dh-color-yellow-hue) + 2deg) 100% 84%);
82
+ /* Chartreuse */
83
+ --dh-color-chartreuse-hue: 70deg;
84
+ --dh-color-chartreuse-100: hsl(
85
+ calc(var(--dh-color-chartreuse-hue) + 7deg) 100% 8%
86
+ );
87
+ --dh-color-chartreuse-200: hsl(
88
+ calc(var(--dh-color-chartreuse-hue) + 5deg) 84% 12%
89
+ );
90
+ --dh-color-chartreuse-300: hsl(
91
+ calc(var(--dh-color-chartreuse-hue) + 4deg) 73% 16%
92
+ );
93
+ --dh-color-chartreuse-400: hsl(
94
+ calc(var(--dh-color-chartreuse-hue) + 1deg) 67% 20%
95
+ );
96
+ --dh-color-chartreuse-500: hsl(
97
+ calc(var(--dh-color-chartreuse-hue) + 1deg) 62% 25%
98
+ );
99
+ --dh-color-chartreuse-600: hsl(var(--dh-color-chartreuse-hue) 59% 30%);
100
+ --dh-color-chartreuse-700: hsl(
101
+ calc(var(--dh-color-chartreuse-hue) - 1deg) 56% 35%
102
+ );
103
+ --dh-color-chartreuse-800: hsl(
104
+ calc(var(--dh-color-chartreuse-hue) - 2deg) 53% 40%
105
+ );
106
+ --dh-color-chartreuse-900: hsl(
107
+ calc(var(--dh-color-chartreuse-hue) - 3deg) 50% 45%
108
+ );
109
+ --dh-color-chartreuse-1000: hsl(
110
+ calc(var(--dh-color-chartreuse-hue) - 3deg) 49% 51%
111
+ );
112
+ --dh-color-chartreuse-1100: hsl(
113
+ calc(var(--dh-color-chartreuse-hue) - 3deg) 58% 57%
114
+ );
115
+ --dh-color-chartreuse-1200: hsl(
116
+ calc(var(--dh-color-chartreuse-hue) - 4deg) 67% 64%
117
+ );
118
+ --dh-color-chartreuse-1300: hsl(
119
+ calc(var(--dh-color-chartreuse-hue) - 4deg) 76% 73%
120
+ );
121
+ --dh-color-chartreuse-1400: hsl(
122
+ calc(var(--dh-color-chartreuse-hue) - 4deg) 82% 83%
123
+ );
124
+ /* Celery */
125
+ --dh-color-celery-hue: 126deg;
126
+ --dh-color-celery-100: hsl(calc(var(--dh-color-celery-hue) + 1deg) 43% 12%);
127
+ --dh-color-celery-200: hsl(calc(var(--dh-color-celery-hue) - 1deg) 43% 16%);
128
+ --dh-color-celery-300: hsl(calc(var(--dh-color-celery-hue) - 1deg) 43% 21%);
129
+ --dh-color-celery-400: hsl(calc(var(--dh-color-celery-hue) - 1deg) 43% 25%);
130
+ --dh-color-celery-500: hsl(calc(var(--dh-color-celery-hue) - 1deg) 42% 30%);
131
+ --dh-color-celery-600: hsl(var(--dh-color-celery-hue) 41% 36%);
132
+ --dh-color-celery-700: hsl(calc(var(--dh-color-celery-hue) - 1deg) 39% 41%);
133
+ --dh-color-celery-800: hsl(calc(var(--dh-color-celery-hue) - 1deg) 37% 48%);
134
+ --dh-color-celery-900: hsl(calc(var(--dh-color-celery-hue) - 1deg) 39% 55%);
135
+ --dh-color-celery-1000: hsl(calc(var(--dh-color-celery-hue) - 1deg) 44% 63%);
136
+ --dh-color-celery-1100: hsl(calc(var(--dh-color-celery-hue) - 1deg) 48% 71%);
137
+ --dh-color-celery-1200: hsl(var(--dh-color-celery-hue) 50% 80%);
138
+ --dh-color-celery-1300: hsl(var(--dh-color-celery-hue) 48% 87%);
139
+ --dh-color-celery-1400: hsl(calc(var(--dh-color-celery-hue) + 1deg) 50% 93%);
140
+ /* Green */
141
+ --dh-color-green-hue: 94deg;
142
+ --dh-color-green-100: hsl(calc(var(--dh-color-green-hue) + 1deg) 17% 14%);
143
+ --dh-color-green-200: hsl(calc(var(--dh-color-green-hue) - 2deg) 19% 18%);
144
+ --dh-color-green-300: hsl(var(--dh-color-green-hue) 22% 23%);
145
+ --dh-color-green-400: hsl(var(--dh-color-green-hue) 23% 27%);
146
+ --dh-color-green-500: hsl(calc(var(--dh-color-green-hue) - 1deg) 26% 32%);
147
+ --dh-color-green-600: hsl(calc(var(--dh-color-green-hue) + 1deg) 28% 37%);
148
+ --dh-color-green-700: hsl(calc(var(--dh-color-green-hue) + 1deg) 30% 42%);
149
+ --dh-color-green-800: hsl(var(--dh-color-green-hue) 32% 48%);
150
+ --dh-color-green-900: hsl(var(--dh-color-green-hue) 38% 53%);
151
+ --dh-color-green-1000: hsl(var(--dh-color-green-hue) 47% 58%);
152
+ --dh-color-green-1100: hsl(var(--dh-color-green-hue) 59% 64%);
153
+ --dh-color-green-1200: hsl(var(--dh-color-green-hue) 71% 70%);
154
+ --dh-color-green-1300: hsl(var(--dh-color-green-hue) 81% 79%);
155
+ --dh-color-green-1400: hsl(calc(var(--dh-color-green-hue) - 1deg) 88% 87%);
156
+ /* Seafoam */
157
+ --dh-color-seafoam-hue: 159deg;
158
+ --dh-color-seafoam-100: hsl(calc(var(--dh-color-seafoam-hue) - 3deg) 14% 14%);
159
+ --dh-color-seafoam-200: hsl(calc(var(--dh-color-seafoam-hue) - 1deg) 17% 18%);
160
+ --dh-color-seafoam-300: hsl(var(--dh-color-seafoam-hue) 20% 23%);
161
+ --dh-color-seafoam-400: hsl(calc(var(--dh-color-seafoam-hue) - 1deg) 23% 28%);
162
+ --dh-color-seafoam-500: hsl(calc(var(--dh-color-seafoam-hue) - 1deg) 26% 33%);
163
+ --dh-color-seafoam-600: hsl(var(--dh-color-seafoam-hue) 29% 37%);
164
+ --dh-color-seafoam-700: hsl(calc(var(--dh-color-seafoam-hue) + 2deg) 33% 42%);
165
+ --dh-color-seafoam-800: hsl(calc(var(--dh-color-seafoam-hue) + 2deg) 36% 47%);
166
+ --dh-color-seafoam-900: hsl(calc(var(--dh-color-seafoam-hue) + 3deg) 42% 51%);
167
+ --dh-color-seafoam-1000: hsl(
168
+ calc(var(--dh-color-seafoam-hue) + 2deg) 53% 56%
169
+ );
170
+ --dh-color-seafoam-1100: hsl(
171
+ calc(var(--dh-color-seafoam-hue) + 3deg) 66% 62%
172
+ );
173
+ --dh-color-seafoam-1200: hsl(
174
+ calc(var(--dh-color-seafoam-hue) + 2deg) 76% 70%
175
+ );
176
+ --dh-color-seafoam-1300: hsl(
177
+ calc(var(--dh-color-seafoam-hue) - 1deg) 87% 80%
178
+ );
179
+ --dh-color-seafoam-1400: hsl(
180
+ calc(var(--dh-color-seafoam-hue) - 3deg) 89% 89%
181
+ );
182
+ /* Cyan */
183
+ --dh-color-cyan-hue: 186deg;
184
+ --dh-color-cyan-100: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 13%);
185
+ --dh-color-cyan-200: hsl(var(--dh-color-cyan-hue) 38% 16%);
186
+ --dh-color-cyan-300: hsl(var(--dh-color-cyan-hue) 39% 21%);
187
+ --dh-color-cyan-400: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 26%);
188
+ --dh-color-cyan-500: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 31%);
189
+ --dh-color-cyan-600: hsl(var(--dh-color-cyan-hue) 38% 37%);
190
+ --dh-color-cyan-700: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 38% 42%);
191
+ --dh-color-cyan-800: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 37% 48%);
192
+ --dh-color-cyan-900: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 42% 54%);
193
+ --dh-color-cyan-1000: hsl(calc(var(--dh-color-cyan-hue) - 1deg) 52% 60%);
194
+ --dh-color-cyan-1100: hsl(var(--dh-color-cyan-hue) 64% 67%);
195
+ --dh-color-cyan-1200: hsl(var(--dh-color-cyan-hue) 79% 74%);
196
+ --dh-color-cyan-1300: hsl(var(--dh-color-cyan-hue) 92% 81%);
197
+ --dh-color-cyan-1400: hsl(var(--dh-color-cyan-hue) 100% 90%);
198
+ /* Indigo */
199
+ --dh-color-indigo-hue: 235deg;
200
+ --dh-color-indigo-100: hsl(calc(var(--dh-color-indigo-hue) + 2deg) 58% 24%);
201
+ --dh-color-indigo-200: hsl(calc(var(--dh-color-indigo-hue) + 1deg) 52% 30%);
202
+ --dh-color-indigo-300: hsl(calc(var(--dh-color-indigo-hue) + 1deg) 47% 37%);
203
+ --dh-color-indigo-400: hsl(var(--dh-color-indigo-hue) 43% 44%);
204
+ --dh-color-indigo-500: hsl(var(--dh-color-indigo-hue) 40% 51%);
205
+ --dh-color-indigo-600: hsl(var(--dh-color-indigo-hue) 49% 58%);
206
+ --dh-color-indigo-700: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 60% 65%);
207
+ --dh-color-indigo-800: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 75% 72%);
208
+ --dh-color-indigo-900: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 91% 78%);
209
+ --dh-color-indigo-1000: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 100% 83%);
210
+ --dh-color-indigo-1100: hsl(calc(var(--dh-color-indigo-hue) - 1deg) 100% 87%);
211
+ --dh-color-indigo-1200: hsl(var(--dh-color-indigo-hue) 100% 91%);
212
+ --dh-color-indigo-1300: hsl(calc(var(--dh-color-indigo-hue) - 3deg) 100% 94%);
213
+ --dh-color-indigo-1400: hsl(calc(var(--dh-color-indigo-hue) + 1deg) 100% 97%);
214
+ /* Purple */
215
+ --dh-color-purple-hue: 254deg;
216
+ --dh-color-purple-100: hsl(calc(var(--dh-color-purple-hue) + 9deg) 73% 23%);
217
+ --dh-color-purple-200: hsl(calc(var(--dh-color-purple-hue) + 6deg) 59% 30%);
218
+ --dh-color-purple-300: hsl(calc(var(--dh-color-purple-hue) + 4deg) 50% 37%);
219
+ --dh-color-purple-400: hsl(calc(var(--dh-color-purple-hue) + 3deg) 43% 44%);
220
+ --dh-color-purple-500: hsl(calc(var(--dh-color-purple-hue) + 1deg) 38% 50%);
221
+ --dh-color-purple-600: hsl(var(--dh-color-purple-hue) 45% 57%);
222
+ --dh-color-purple-700: hsl(calc(var(--dh-color-purple-hue) - 1deg) 54% 64%);
223
+ --dh-color-purple-800: hsl(calc(var(--dh-color-purple-hue) - 3deg) 64% 71%);
224
+ --dh-color-purple-900: hsl(calc(var(--dh-color-purple-hue) - 4deg) 79% 78%);
225
+ --dh-color-purple-1000: hsl(calc(var(--dh-color-purple-hue) - 5deg) 91% 83%);
226
+ --dh-color-purple-1100: hsl(calc(var(--dh-color-purple-hue) - 5deg) 97% 88%);
227
+ --dh-color-purple-1200: hsl(calc(var(--dh-color-purple-hue) - 4deg) 100% 91%);
228
+ --dh-color-purple-1300: hsl(calc(var(--dh-color-purple-hue) - 3deg) 100% 95%);
229
+ --dh-color-purple-1400: hsl(calc(var(--dh-color-purple-hue) + 6deg) 88% 97%);
230
+ /* Fuchsia */
231
+ --dh-color-fuchsia-hue: 286deg;
232
+ --dh-color-fuchsia-100: hsl(
233
+ calc(var(--dh-color-fuchsia-hue) + 15deg) 64% 16%
234
+ );
235
+ --dh-color-fuchsia-200: hsl(
236
+ calc(var(--dh-color-fuchsia-hue) + 14deg) 53% 22%
237
+ );
238
+ --dh-color-fuchsia-300: hsl(
239
+ calc(var(--dh-color-fuchsia-hue) + 11deg) 44% 29%
240
+ );
241
+ --dh-color-fuchsia-400: hsl(calc(var(--dh-color-fuchsia-hue) + 8deg) 39% 35%);
242
+ --dh-color-fuchsia-500: hsl(calc(var(--dh-color-fuchsia-hue) + 5deg) 35% 43%);
243
+ --dh-color-fuchsia-600: hsl(calc(var(--dh-color-fuchsia-hue) + 1deg) 33% 51%);
244
+ --dh-color-fuchsia-700: hsl(calc(var(--dh-color-fuchsia-hue) - 3deg) 40% 58%);
245
+ --dh-color-fuchsia-800: hsl(calc(var(--dh-color-fuchsia-hue) - 7deg) 50% 66%);
246
+ --dh-color-fuchsia-900: hsl(calc(var(--dh-color-fuchsia-hue) - 9deg) 61% 74%);
247
+ --dh-color-fuchsia-1000: hsl(
248
+ calc(var(--dh-color-fuchsia-hue) - 11deg) 71% 80%
249
+ );
250
+ --dh-color-fuchsia-1100: hsl(
251
+ calc(var(--dh-color-fuchsia-hue) - 11deg) 76% 85%
252
+ );
253
+ --dh-color-fuchsia-1200: hsl(
254
+ calc(var(--dh-color-fuchsia-hue) - 9deg) 78% 89%
255
+ );
256
+ --dh-color-fuchsia-1300: hsl(
257
+ calc(var(--dh-color-fuchsia-hue) - 6deg) 77% 93%
258
+ );
259
+ --dh-color-fuchsia-1400: hsl(
260
+ calc(var(--dh-color-fuchsia-hue) + 2deg) 71% 96%
261
+ );
262
+ /* Magenta */
263
+ --dh-color-magenta-hue: 330deg;
264
+ --dh-color-magenta-100: hsl(calc(var(--dh-color-magenta-hue) + 3deg) 91% 17%);
265
+ --dh-color-magenta-200: hsl(calc(var(--dh-color-magenta-hue) + 4deg) 72% 23%);
266
+ --dh-color-magenta-300: hsl(calc(var(--dh-color-magenta-hue) + 4deg) 60% 30%);
267
+ --dh-color-magenta-400: hsl(calc(var(--dh-color-magenta-hue) + 4deg) 52% 36%);
268
+ --dh-color-magenta-500: hsl(calc(var(--dh-color-magenta-hue) + 3deg) 46% 43%);
269
+ --dh-color-magenta-600: hsl(calc(var(--dh-color-magenta-hue) + 2deg) 42% 50%);
270
+ --dh-color-magenta-700: hsl(var(--dh-color-magenta-hue) 51% 58%);
271
+ --dh-color-magenta-800: hsl(calc(var(--dh-color-magenta-hue) - 1deg) 61% 65%);
272
+ --dh-color-magenta-900: hsl(calc(var(--dh-color-magenta-hue) - 1deg) 76% 72%);
273
+ --dh-color-magenta-1000: hsl(
274
+ calc(var(--dh-color-magenta-hue) - 2deg) 92% 79%
275
+ );
276
+ --dh-color-magenta-1100: hsl(
277
+ calc(var(--dh-color-magenta-hue) - 3deg) 100% 85%
278
+ );
279
+ --dh-color-magenta-1200: hsl(
280
+ calc(var(--dh-color-magenta-hue) - 3deg) 100% 89%
281
+ );
282
+ --dh-color-magenta-1300: hsl(
283
+ calc(var(--dh-color-magenta-hue) - 4deg) 100% 93%
284
+ );
285
+ --dh-color-magenta-1400: hsl(
286
+ calc(var(--dh-color-magenta-hue) - 2deg) 100% 96%
287
+ );
288
+ }
289
+
290
+ /*# sourceMappingURL=theme-dark-palette.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-palette.css"],"names":[],"mappings":"AAAA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;AAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;AAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;AAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;AAAA","file":"theme-dark-palette.css","sourcesContent":[":root {\n /* Gray */\n --dh-color-gray-hue: 0deg;\n --dh-color-gray-50: hsl(var(--dh-color-gray-hue) 6% 10%);\n --dh-color-gray-75: hsl(var(--dh-color-gray-hue) 5% 13%);\n --dh-color-gray-100: hsl(var(--dh-color-gray-hue), 5%, 17%);\n --dh-color-gray-200: hsl(var(--dh-color-gray-hue) 4% 19%);\n --dh-color-gray-300: hsl(var(--dh-color-gray-hue) 4% 21%);\n --dh-color-gray-400: hsl(var(--dh-color-gray-hue) 2% 25%);\n --dh-color-gray-500: hsl(var(--dh-color-gray-hue) 1% 36%);\n --dh-color-gray-600: hsl(var(--dh-color-gray-hue) 0% 57%);\n --dh-color-gray-700: hsl(var(--dh-color-gray-hue) 1% 75%);\n --dh-color-gray-800: hsl(var(--dh-color-gray-hue) 6% 94%);\n --dh-color-gray-900: hsl(var(--dh-color-gray-hue) 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"]}
@@ -0,0 +1,62 @@
1
+ :root {
2
+ /* Editor */
3
+ --dh-color-editor-background: var(--dh-color-content-background);
4
+ --dh-color-editor-foreground: var(--dh-color-gray-900);
5
+ --dh-color-editor-error-foreground: var(--dh-color-visual-red);
6
+ --dh-color-editor-line-number-foreground: var(--dh-color-gray-700);
7
+ --dh-color-editor-line-highlight-bg: var(--dh-color-gray-200);
8
+ --dh-color-editor-selection-background: var(--dh-color-text-highlight);
9
+ /* Code rules */
10
+ --dh-color-editor-string: var(--dh-color-visual-yellow);
11
+ --dh-color-editor-string-delim: var(--dh-color-gray-700);
12
+ --dh-color-editor-delimiter: var(--dh-color-gray-700);
13
+ --dh-color-editor-predefined: var(--dh-color-visual-green);
14
+ --dh-color-editor-keyword: var(--dh-color-visual-cyan);
15
+ --dh-color-editor-storage: var(--dh-color-visual-red);
16
+ --dh-color-editor-number: var(--dh-color-visual-purple);
17
+ --dh-color-editor-operator: var(--dh-color-visual-red);
18
+ --dh-color-editor-identifier: var(--dh-color-gray-900);
19
+ --dh-color-editor-identifier-namespace: var(--dh-color-visual-red);
20
+ --dh-color-editor-identifier-js: var(--dh-color-visual-yellow);
21
+ --dh-color-editor-comment: var(--dh-color-gray-700);
22
+ /* Input */
23
+ --dh-color-editor-focus-border: var(--dh-color-focus-border);
24
+ --dh-color-editor-input-option-active-border: var(--dh-color-focus-ring);
25
+ --dh-color-editor-input-background: var(--dh-color-background);
26
+ --dh-color-editor-input-foreground: var(--dh-color-text);
27
+ --dh-color-editor-input-border: var(--dh-color-border);
28
+ /* Menus */
29
+ --dh-color-editor-context-menu-background: var(--dh-color-gray-300);
30
+ --dh-color-editor-context-menu-foreground: var(--dh-color-gray-900);
31
+ --dh-color-editor-menu-selection-background: var(--dh-color-highlight-hover);
32
+ /* Logging */
33
+ --dh-color-editor-log-date: var(--dh-color-gray-700);
34
+ --dh-color-editor-log-error: var(--dh-color-visual-red);
35
+ --dh-color-editor-log-info: var(--dh-color-visual-cyan);
36
+ --dh-color-editor-log-stdout: var(--dh-color-gray-900);
37
+ --dh-color-editor-log-warn: var(--dh-color-visual-yellow);
38
+ --dh-color-editor-log-debug: var(--dh-color-visual-purple);
39
+ --dh-color-editor-log-trace: var(--dh-color-visual-green);
40
+ /* Find */
41
+ --dh-color-editor-find-background: var(--dh-color-gray-200);
42
+ --dh-color-editor-find-match-background: var(--dh-color-highlight-selected);
43
+ --dh-color-editor-find-match-highlight-background: var(
44
+ --dh-color-highlight-selected-hover
45
+ );
46
+ --dh-color-editor-find-option-active-background: var(--dh-color-accent-700);
47
+ --dh-color-editor-find-option-active-foreground: var(--dh-color-gray-900);
48
+ /* Suggest */
49
+ --dh-color-editor-suggest-background: var(--dh-color-gray-200);
50
+ --dh-color-editor-suggest-border: var(--dh-color-gray-400);
51
+ --dh-color-editor-suggest-foreground: var(--dh-color-gray-100);
52
+ --dh-color-editor-suggest-selected-background: var(
53
+ --dh-color-highlight-selected
54
+ );
55
+ --dh-color-editor-suggest-highlight-foreground: var(--dh-color-accent-700);
56
+ --dh-color-editor-suggest-hover-background: var(--dh-color-highlight-hover);
57
+ /* Links */
58
+ --dh-color-editor-link-foreground: var(--dh-color-accent-1000);
59
+ --dh-color-editor-link-active-foreground: var(--dh-color-accent-1100);
60
+ }
61
+
62
+ /*# sourceMappingURL=theme-dark-semantic-editor.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-editor.css"],"names":[],"mappings":"AAAA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAEA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAEA;EACA;EACA","file":"theme-dark-semantic-editor.css","sourcesContent":[":root {\n /* Editor */\n --dh-color-editor-background: var(--dh-color-content-background);\n --dh-color-editor-foreground: var(--dh-color-gray-900);\n --dh-color-editor-error-foreground: var(--dh-color-visual-red);\n --dh-color-editor-line-number-foreground: var(--dh-color-gray-700);\n --dh-color-editor-line-highlight-bg: var(--dh-color-gray-200);\n --dh-color-editor-selection-background: var(--dh-color-text-highlight);\n\n /* Code rules */\n --dh-color-editor-string: var(--dh-color-visual-yellow);\n --dh-color-editor-string-delim: var(--dh-color-gray-700);\n --dh-color-editor-delimiter: var(--dh-color-gray-700);\n --dh-color-editor-predefined: var(--dh-color-visual-green);\n --dh-color-editor-keyword: var(--dh-color-visual-cyan);\n --dh-color-editor-storage: var(--dh-color-visual-red);\n --dh-color-editor-number: var(--dh-color-visual-purple);\n --dh-color-editor-operator: var(--dh-color-visual-red);\n --dh-color-editor-identifier: var(--dh-color-gray-900);\n --dh-color-editor-identifier-namespace: var(--dh-color-visual-red);\n --dh-color-editor-identifier-js: var(--dh-color-visual-yellow);\n --dh-color-editor-comment: var(--dh-color-gray-700);\n\n /* Input */\n --dh-color-editor-focus-border: var(--dh-color-focus-border);\n --dh-color-editor-input-option-active-border: var(--dh-color-focus-ring);\n --dh-color-editor-input-background: var(--dh-color-background);\n --dh-color-editor-input-foreground: var(--dh-color-text);\n --dh-color-editor-input-border: var(--dh-color-border);\n\n /* Menus */\n --dh-color-editor-context-menu-background: var(--dh-color-gray-300);\n --dh-color-editor-context-menu-foreground: var(--dh-color-gray-900);\n --dh-color-editor-menu-selection-background: var(--dh-color-highlight-hover);\n\n /* Logging */\n --dh-color-editor-log-date: var(--dh-color-gray-700);\n --dh-color-editor-log-error: var(--dh-color-visual-red);\n --dh-color-editor-log-info: var(--dh-color-visual-cyan);\n --dh-color-editor-log-stdout: var(--dh-color-gray-900);\n --dh-color-editor-log-warn: var(--dh-color-visual-yellow);\n --dh-color-editor-log-debug: var(--dh-color-visual-purple);\n --dh-color-editor-log-trace: var(--dh-color-visual-green);\n\n /* Find */\n --dh-color-editor-find-background: var(--dh-color-gray-200);\n --dh-color-editor-find-match-background: var(--dh-color-highlight-selected);\n --dh-color-editor-find-match-highlight-background: var(\n --dh-color-highlight-selected-hover\n );\n --dh-color-editor-find-option-active-background: var(--dh-color-accent-700);\n --dh-color-editor-find-option-active-foreground: var(--dh-color-gray-900);\n\n /* Suggest */\n --dh-color-editor-suggest-background: var(--dh-color-gray-200);\n --dh-color-editor-suggest-border: var(--dh-color-gray-400);\n --dh-color-editor-suggest-foreground: var(--dh-color-gray-100);\n --dh-color-editor-suggest-selected-background: var(\n --dh-color-highlight-selected\n );\n --dh-color-editor-suggest-highlight-foreground: var(--dh-color-accent-700);\n --dh-color-editor-suggest-hover-background: var(--dh-color-highlight-hover);\n\n /* Links */\n --dh-color-editor-link-foreground: var(--dh-color-accent-1000);\n --dh-color-editor-link-active-foreground: var(--dh-color-accent-1100);\n}\n"]}
@@ -0,0 +1,5 @@
1
+ :root {
2
+ --dh-color-grid-background: var(--dh-color-background);
3
+ }
4
+
5
+ /*# sourceMappingURL=theme-dark-semantic-grid.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic-grid.css"],"names":[],"mappings":"AAAA;EACE","file":"theme-dark-semantic-grid.css","sourcesContent":[":root {\n --dh-color-grid-background: var(--dh-color-background);\n}\n"]}
@@ -0,0 +1,69 @@
1
+ /* stylelint-disable alpha-value-notation */
2
+ :root {
3
+ /* General */
4
+ --dh-color-accent: var(--dh-color-blue-700);
5
+ --dh-color-border: var(--dh-color-gray-500);
6
+ --dh-color-background: var(--dh-color-black);
7
+ --dh-color-foreground: var(--dh-color-white);
8
+ --dh-color-content-background: var(--dh-color-gray-100);
9
+ /* Text */
10
+ --dh-color-text: var(--dh-color-gray-800);
11
+ --dh-color-text-highlight: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.3);
12
+ /* Focus */
13
+ --dh-color-focus: var(--dh-color-blue-800);
14
+ --dh-color-focus-border: var(--dh-color-blue-800);
15
+ --dh-color-focus-ring: var(--dh-color-focus);
16
+ /* Highlight */
17
+ --dh-color-highlight-active: hsla(var(--dh-color-gray-hue), 0%, 94%, 0.15);
18
+ --dh-color-highlight-hover: hsla(var(--dh-color-gray-hue), 0%, 100%, 0.08);
19
+ --dh-color-highlight-invalid: hsla(var(--dh-color-red-hue), 80%, 48%, 0.15);
20
+ --dh-color-highlight-selected: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.13);
21
+ --dh-color-highlight-selected-hover: hsla(
22
+ var(--dh-color-blue-hue),
23
+ 83%,
24
+ 62%,
25
+ 0.2
26
+ );
27
+ /* Visual Colors */
28
+ --dh-color-visual-blue: var(--dh-color-blue-700);
29
+ --dh-color-visual-celery: var(--dh-color-celery-1000);
30
+ --dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);
31
+ --dh-color-visual-cyan: var(--dh-color-cyan-1100);
32
+ --dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);
33
+ --dh-color-visual-gray: var(--dh-color-gray-600);
34
+ --dh-color-visual-green: var(--dh-color-green-1100);
35
+ --dh-color-visual-indigo: var(--dh-color-indigo-900);
36
+ --dh-color-visual-magenta: var(--dh-color-magenta-900);
37
+ --dh-color-visual-orange: var(--dh-color-orange-900);
38
+ --dh-color-visual-purple: var(--dh-color-purple-900);
39
+ --dh-color-visual-red: var(--dh-color-red-800);
40
+ --dh-color-visual-seafoam: var(--dh-color-seafoam-1100);
41
+ --dh-color-visual-yellow: var(--dh-color-yellow-1200);
42
+ /** Accent Colors */
43
+ --dh-color-accent-100: var(--dh-color-blue-100);
44
+ --dh-color-accent-200: var(--dh-color-blue-200);
45
+ --dh-color-accent-300: var(--dh-color-blue-300);
46
+ --dh-color-accent-400: var(--dh-color-blue-400);
47
+ --dh-color-accent-500: var(--dh-color-blue-500);
48
+ --dh-color-accent-600: var(--dh-color-blue-600);
49
+ --dh-color-accent-700: var(--dh-color-blue-700);
50
+ --dh-color-accent-800: var(--dh-color-blue-800);
51
+ --dh-color-accent-900: var(--dh-color-blue-900);
52
+ --dh-color-accent-1000: var(--dh-color-blue-1000);
53
+ --dh-color-accent-1100: var(--dh-color-blue-1100);
54
+ --dh-color-accent-1200: var(--dh-color-blue-1200);
55
+ --dh-color-accent-1300: var(--dh-color-blue-1300);
56
+ --dh-color-accent-1400: var(--dh-color-blue-1400);
57
+ /* Accent Background */
58
+ --dh-color-accent-background-default: var(--dh-color-accent-600);
59
+ --dh-color-accent-background-hover: var(--dh-color-accent-500);
60
+ --dh-color-accent-background-down: var(--dh-color-accent-400);
61
+ --dh-color-accent-background-key-focus: var(--dh-color-accent-500);
62
+ /* Negative Background */
63
+ --dh-color-negative-background-default: var(--dh-color-red-600);
64
+ --dh-color-negative-background-hover: var(--dh-color-red-500);
65
+ --dh-color-negative-background-down: var(--dh-color-red-400);
66
+ --dh-color-negative-background-key-focus: var(--dh-color-red-500);
67
+ }
68
+
69
+ /*# sourceMappingURL=theme-dark-semantic.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic.css"],"names":[],"mappings":"AAAA;AACA;AACE;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA","file":"theme-dark-semantic.css","sourcesContent":["/* 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-text: var(--dh-color-gray-800);\n --dh-color-text-highlight: hsla(var(--dh-color-blue-hue), 83%, 62%, 0.3);\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 /* 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 /** 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 /* Negative Background */\n --dh-color-negative-background-default: var(--dh-color-red-600);\n --dh-color-negative-background-hover: var(--dh-color-red-500);\n --dh-color-negative-background-down: var(--dh-color-red-400);\n --dh-color-negative-background-key-focus: var(--dh-color-red-500);\n}\n"]}
@@ -0,0 +1,3 @@
1
+ export declare const themeLight: string;
2
+ export default themeLight;
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,4 @@
1
+ import themeLightPalette from "./theme-light-palette.css?inline";
2
+ export var themeLight = themeLightPalette;
3
+ export default themeLight;
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +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"}
@@ -44,10 +44,10 @@
44
44
  /* Semantic */
45
45
  --dh-color-black: var(--dh-color-gray-50);
46
46
  --dh-color-white: var(--dh-color-gray-75);
47
- --dh-accent-color: var(--dh-color-blue-700);
48
- --dh-background-color: var(--dh-color-white);
49
- --dh-foreground-color: var(--dh-color-black);
50
- --dh-grid-background-color: var(--dh-background-color);
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-background: var(--dh-color-background);
51
51
  }
52
52
 
53
- /*# sourceMappingURL=theme_default_light.css.map */
53
+ /*# sourceMappingURL=theme-light-palette.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-light/theme-light-palette.css"],"names":[],"mappings":"AAAA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA","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-background: var(--dh-color-background);\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deephaven/components",
3
- "version": "0.49.2-theme-plugins.45+2d9d2fa7",
3
+ "version": "0.50.0",
4
4
  "description": "Deephaven React component library",
5
5
  "author": "Deephaven Data Labs LLC",
6
6
  "license": "Apache-2.0",
@@ -24,10 +24,10 @@
24
24
  },
25
25
  "dependencies": {
26
26
  "@adobe/react-spectrum": "^3.29.0",
27
- "@deephaven/icons": "^0.49.2-theme-plugins.45+2d9d2fa7",
28
- "@deephaven/log": "^0.49.2-theme-plugins.45+2d9d2fa7",
29
- "@deephaven/react-hooks": "^0.49.2-theme-plugins.45+2d9d2fa7",
30
- "@deephaven/utils": "^0.49.2-theme-plugins.45+2d9d2fa7",
27
+ "@deephaven/icons": "^0.50.0",
28
+ "@deephaven/log": "^0.50.0",
29
+ "@deephaven/react-hooks": "^0.50.0",
30
+ "@deephaven/utils": "^0.50.0",
31
31
  "@fortawesome/fontawesome-svg-core": "^6.2.1",
32
32
  "@fortawesome/react-fontawesome": "^0.2.0",
33
33
  "@react-spectrum/theme-default": "^3.5.1",
@@ -51,7 +51,7 @@
51
51
  "react-dom": "^17.x"
52
52
  },
53
53
  "devDependencies": {
54
- "@deephaven/mocks": "^0.49.2-theme-plugins.45+2d9d2fa7"
54
+ "@deephaven/mocks": "^0.50.0"
55
55
  },
56
56
  "files": [
57
57
  "dist",
@@ -64,5 +64,5 @@
64
64
  "publishConfig": {
65
65
  "access": "public"
66
66
  },
67
- "gitHead": "2d9d2fa7116f00b55aec65ed41db7042e2a87e17"
67
+ "gitHead": "cf1b368742a7700b08a8d2eda43671856913c9c7"
68
68
  }
@@ -20,7 +20,7 @@ html {
20
20
 
21
21
  body {
22
22
  min-height: 100%;
23
- background-color: var(--dh-background-color, $background);
23
+ background-color: var(--dh-color-background, $background);
24
24
  color: $foreground;
25
25
  margin: 0;
26
26
  padding: 0;
@@ -30,7 +30,7 @@ body {
30
30
  }
31
31
 
32
32
  #root {
33
- background-color: var(--dh-background-color, $background);
33
+ background-color: var(--dh-color-background, $background);
34
34
 
35
35
  .app {
36
36
  height: 100vh;
@@ -1,53 +0,0 @@
1
- :root {
2
- /* Grays */
3
- --dh-color-gray-900: #fcfcfa;
4
- --dh-color-gray-800: #f0f0ee;
5
- --dh-color-gray-700: #c0bfbf;
6
- --dh-color-gray-600: #929192;
7
- --dh-color-gray-500: #5b5a5c;
8
- --dh-color-gray-400: #403e41;
9
- --dh-color-gray-300: #373438;
10
- --dh-color-gray-200: #322f33;
11
- --dh-color-gray-100: #2d2a2e;
12
- --dh-color-gray-75: #211f22;
13
- --dh-color-gray-50: #1a171a;
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-800);
47
- --dh-accent-color: var(--dh-color-blue-700);
48
- --dh-background-color: var(--dh-color-black);
49
- --dh-foreground-color: var(--dh-color-white);
50
- --dh-grid-background-color: var(--dh-background-color);
51
- }
52
-
53
- /*# sourceMappingURL=theme_default_dark.css.map */