handsontable 0.0.0-next-4884804-20250227 → 0.0.0-next-8752a62-20250304

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.

Potentially problematic release.

This version of handsontable might be problematic. Click here for more details.

Files changed (21) hide show
  1. package/3rdparty/walkontable/src/table.js +2 -2
  2. package/3rdparty/walkontable/src/table.mjs +2 -2
  3. package/base.js +2 -2
  4. package/base.mjs +2 -2
  5. package/dist/handsontable.css +2 -2
  6. package/dist/handsontable.full.css +2 -2
  7. package/dist/handsontable.full.js +7 -7
  8. package/dist/handsontable.full.min.css +2 -2
  9. package/dist/handsontable.full.min.js +5 -5
  10. package/dist/handsontable.js +7 -7
  11. package/dist/handsontable.min.css +2 -2
  12. package/dist/handsontable.min.js +5 -5
  13. package/helpers/mixed.js +1 -1
  14. package/helpers/mixed.mjs +1 -1
  15. package/package.json +1 -1
  16. package/styles/handsontable.css +48 -21
  17. package/styles/handsontable.min.css +3 -3
  18. package/styles/ht-theme-horizon.css +289 -181
  19. package/styles/ht-theme-horizon.min.css +3 -3
  20. package/styles/ht-theme-main.css +274 -172
  21. package/styles/ht-theme-main.min.css +3 -3
package/styles/ht-theme-main.css CHANGED
@@ -25,8 +25,8 @@
25
25
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
26
26
  * USE OR INABILITY TO USE THIS SOFTWARE.
27
27
  *
28
- * Version: 0.0.0-next-4884804-20250227
29
- * Release date: 20/02/2025 (built at 27/02/2025 11:56:45)
28
+ * Version: 0.0.0-next-8752a62-20250304
29
+ * Release date: 20/02/2025 (built at 04/03/2025 09:03:41)
30
30
  */
31
31
  .ht-theme-main,
32
32
  .ht-theme-main-dark,
@@ -34,6 +34,7 @@
34
34
  --ht-font-size: 14px;
35
35
  --ht-line-height: 20px;
36
36
  --ht-font-weight: 400;
37
+ --ht-letter-spacing: 0;
37
38
  --ht-gap-size: 4px;
38
39
  --ht-icon-size: 16px;
39
40
  --ht-table-transition: 0.15s;
@@ -41,7 +42,7 @@
41
42
  --ht-accent-color: #1a42e8;
42
43
  --ht-foreground-color: #222222;
43
44
  --ht-background-color: #ffffff;
44
- --ht-placeholder-color: #999999;
45
+ --ht-placeholder-color: #a3a3a3;
45
46
  --ht-read-only-color: #a3a3a3;
46
47
  --ht-disabled-color: #a3a3a3;
47
48
  --ht-cell-horizontal-border-color: #e7e7e9;
@@ -51,16 +52,16 @@
51
52
  --ht-wrapper-border-color: #e7e7e9;
52
53
  --ht-row-header-odd-background-color: #f7f7f9;
53
54
  --ht-row-header-even-background-color: #f7f7f9;
54
- --ht-row-cell-odd-background-color: rgba(34, 34, 34, 0);
55
- --ht-row-cell-even-background-color: rgba(34, 34, 34, 0);
55
+ --ht-row-cell-odd-background-color: rgba(255, 255, 255, 0);
56
+ --ht-row-cell-even-background-color: rgba(255, 255, 255, 0);
56
57
  --ht-cell-horizontal-padding: 8px;
57
58
  --ht-cell-vertical-padding: 4px;
58
59
  --ht-cell-editor-border-width: 2px;
59
60
  --ht-cell-editor-border-color: #1a42e8;
60
- --ht-cell-editor-foreground-color: #000000;
61
+ --ht-cell-editor-foreground-color: #0f0f10;
61
62
  --ht-cell-editor-background-color: #ffffff;
62
63
  --ht-cell-editor-shadow-blur-radius: 0;
63
- --ht-cell-editor-shadow-color: rgba(17, 61, 201, 0.60);
64
+ --ht-cell-editor-shadow-color: #1a42e8;
64
65
  --ht-cell-success-background-color: rgba(55, 188, 108, 0.20);
65
66
  --ht-cell-error-background-color: rgba(250, 77, 50, 0.20);
66
67
  --ht-cell-selection-border-color: #1a42e8;
@@ -72,12 +73,28 @@
72
73
  --ht-cell-autofill-background-color: #1a42e8;
73
74
  --ht-cell-autofill-fill-border-color: #222222;
74
75
  --ht-resize-indicator-color: rgba(34, 34, 34, 0.40);
75
- --ht-move-backlight-color: rgba(34, 34, 34, 0.06);
76
+ --ht-move-backlight-color: rgba(34, 34, 34, 0.08);
76
77
  --ht-move-indicator-color: #1a42e8;
77
78
  --ht-hidden-indicator-color: rgba(34, 34, 34, 0.40);
78
79
  --ht-scrollbar-border-radius: 8px;
79
80
  --ht-scrollbar-track-color: #f7f7f9;
80
- --ht-scrollbar-thumb-color: #999999;
81
+ --ht-scrollbar-thumb-color: #a3a3a3;
82
+ --ht-header-font-weight: 400;
83
+ --ht-header-foreground-color: #222222;
84
+ --ht-header-background-color: #f7f7f9;
85
+ --ht-header-highlighted-shadow-size: 0;
86
+ --ht-header-highlighted-foreground-color: #0f0f10;
87
+ --ht-header-highlighted-background-color: #ebebed;
88
+ --ht-header-active-border-color: #2e56fc;
89
+ --ht-header-active-foreground-color: #ffffff;
90
+ --ht-header-active-background-color: #1a42e8;
91
+ --ht-header-filter-background-color: rgba(55, 188, 108, 0.20);
92
+ --ht-header-row-foreground-color: #222222;
93
+ --ht-header-row-background-color: #f7f7f9;
94
+ --ht-header-row-highlighted-foreground-color: #0f0f10;
95
+ --ht-header-row-highlighted-background-color: #ebebed;
96
+ --ht-header-row-active-foreground-color: #ffffff;
97
+ --ht-header-row-active-background-color: #1a42e8;
81
98
  --ht-checkbox-size: 16px;
82
99
  --ht-checkbox-border-radius: 4px;
83
100
  --ht-checkbox-border-color: #d1d1d5;
@@ -90,7 +107,7 @@
90
107
  --ht-checkbox-disabled-border-color: #e7e7e9;
91
108
  --ht-checkbox-disabled-background-color: #d1d1d5;
92
109
  --ht-checkbox-disabled-icon-color: rgba(255, 255, 255, 0);
93
- --ht-checkbox-checked-border-color: #3f60ec;
110
+ --ht-checkbox-checked-border-color: #2e56fc;
94
111
  --ht-checkbox-checked-background-color: #1a42e8;
95
112
  --ht-checkbox-checked-icon-color: #ffffff;
96
113
  --ht-checkbox-checked-focus-border-color: #ffffff;
@@ -99,52 +116,65 @@
99
116
  --ht-checkbox-checked-disabled-border-color: #e7e7e9;
100
117
  --ht-checkbox-checked-disabled-background-color: #d1d1d5;
101
118
  --ht-checkbox-checked-disabled-icon-color: #a3a3a3;
102
- --ht-header-font-weight: 400;
103
- --ht-header-foreground-color: #222222;
104
- --ht-header-background-color: #f7f7f9;
105
- --ht-header-active-border-color: #2e56fc;
106
- --ht-header-active-foreground-color: #ffffff;
107
- --ht-header-active-background-color: #1a42e8;
108
- --ht-header-highlighted-shadow-size: 0;
109
- --ht-header-highlighted-foreground-color: #000000;
110
- --ht-header-highlighted-background-color: #ebebed;
111
- --ht-header-filter-background-color: rgba(55, 188, 108, 0.20);
112
- --ht-header-row-foreground-color: #222222;
113
- --ht-header-row-background-color: #f7f7f9;
114
- --ht-header-row-highlighted-foreground-color: #000000;
115
- --ht-header-row-highlighted-background-color: #ebebed;
116
- --ht-header-row-active-foreground-color: #ffffff;
117
- --ht-header-row-active-background-color: #1a42e8;
119
+ --ht-checkbox-indeterminate-border-color: #2e56fc;
120
+ --ht-checkbox-indeterminate-background-color: #1a42e8;
121
+ --ht-checkbox-indeterminate-icon-color: #ffffff;
122
+ --ht-checkbox-indeterminate-focus-border-color: #ffffff;
123
+ --ht-checkbox-indeterminate-focus-background-color: #1a42e8;
124
+ --ht-checkbox-indeterminate-focus-icon-color: #ffffff;
125
+ --ht-checkbox-indeterminate-disabled-border-color: #e7e7e9;
126
+ --ht-checkbox-indeterminate-disabled-background-color: #d1d1d5;
127
+ --ht-checkbox-indeterminate-disabled-icon-color: #aeaeae;
128
+ --ht-radio-size: 16px;
129
+ --ht-radio-border-color: #d1d1d5;
130
+ --ht-radio-background-color: #ffffff;
131
+ --ht-radio-icon-color: rgba(255, 255, 255, 0);
132
+ --ht-radio-focus-border-color: #e7e7e9;
133
+ --ht-radio-focus-background-color: #ffffff;
134
+ --ht-radio-focus-icon-color: rgba(255, 255, 255, 0);
135
+ --ht-radio-focus-ring-color: #1a42e8;
136
+ --ht-radio-disabled-border-color: #e7e7e9;
137
+ --ht-radio-disabled-background-color: #d1d1d5;
138
+ --ht-radio-disabled-icon-color: rgba(255, 255, 255, 0);
139
+ --ht-radio-checked-border-color: #1a42e8;
140
+ --ht-radio-checked-background-color: #ffffff;
141
+ --ht-radio-checked-icon-color: #1a42e8;
142
+ --ht-radio-checked-focus-border-color: #2e56fc;
143
+ --ht-radio-checked-focus-background-color: #ffffff;
144
+ --ht-radio-checked-focus-icon-color: #2e56fc;
145
+ --ht-radio-checked-disabled-border-color: #e7e7e9;
146
+ --ht-radio-checked-disabled-background-color: #d1d1d5;
147
+ --ht-radio-checked-disabled-icon-color: #a3a3a3;
118
148
  --ht-icon-button-border-radius: 2px;
119
149
  --ht-icon-button-border-color: #f7f7f9;
120
150
  --ht-icon-button-background-color: #f7f7f9;
121
151
  --ht-icon-button-icon-color: rgba(34, 34, 34, 0.40);
122
- --ht-icon-button-hover-border-color: #e7e7e8;
123
- --ht-icon-button-hover-background-color: #e7e7e8;
152
+ --ht-icon-button-hover-border-color: #e7e7e9;
153
+ --ht-icon-button-hover-background-color: #e7e7e9;
124
154
  --ht-icon-button-hover-icon-color: rgba(34, 34, 34, 0.40);
125
- --ht-icon-active-button-border-color: #2e56fc;
126
- --ht-icon-active-button-background-color: #1a42e8;
127
- --ht-icon-active-button-icon-color: #ffffff;
128
- --ht-icon-active-button-hover-border-color: #2e56fc;
129
- --ht-icon-active-button-hover-background-color: #3357ea;
130
- --ht-icon-active-button-hover-icon-color: #ffffff;
155
+ --ht-icon-button-active-border-color: #1a42e8;
156
+ --ht-icon-button-active-background-color: #1a42e8;
157
+ --ht-icon-button-active-icon-color: #ffffff;
158
+ --ht-icon-button-active-hover-border-color: #2e56fc;
159
+ --ht-icon-button-active-hover-background-color: #2e56fc;
160
+ --ht-icon-button-active-hover-icon-color: #ffffff;
131
161
  --ht-collapse-button-border-radius: 4px;
132
162
  --ht-collapse-button-open-border-color: #d1d1d5;
133
163
  --ht-collapse-button-open-background-color: #ffffff;
134
- --ht-collapse-button-open-icon-color: #666666;
135
- --ht-collapse-button-open-icon-active-color: #666666;
164
+ --ht-collapse-button-open-icon-color: #68696c;
165
+ --ht-collapse-button-open-icon-active-color: #68696c;
136
166
  --ht-collapse-button-open-hover-border-color: #d1d1d5;
137
167
  --ht-collapse-button-open-hover-background-color: #f7f7f9;
138
- --ht-collapse-button-open-hover-icon-color: #666666;
139
- --ht-collapse-button-open-hover-icon-active-color: #666666;
168
+ --ht-collapse-button-open-hover-icon-color: #68696c;
169
+ --ht-collapse-button-open-hover-icon-active-color: #68696c;
140
170
  --ht-collapse-button-close-border-color: #d1d1d5;
141
171
  --ht-collapse-button-close-background-color: #ebebed;
142
- --ht-collapse-button-close-icon-color: #666666;
143
- --ht-collapse-button-close-icon-active-color: #666666;
172
+ --ht-collapse-button-close-icon-color: #68696c;
173
+ --ht-collapse-button-close-icon-active-color: #68696c;
144
174
  --ht-collapse-button-close-hover-border-color: #d1d1d5;
145
175
  --ht-collapse-button-close-hover-background-color: #ebebed;
146
- --ht-collapse-button-close-hover-icon-color: #666666;
147
- --ht-collapse-button-close-hover-icon-active-color: #666666;
176
+ --ht-collapse-button-close-hover-icon-color: #68696c;
177
+ --ht-collapse-button-close-hover-icon-active-color: #68696c;
148
178
  --ht-button-border-radius: 4px;
149
179
  --ht-button-horizontal-padding: 12px;
150
180
  --ht-button-vertical-padding: 6px;
@@ -153,7 +183,7 @@
153
183
  --ht-primary-button-background-color: #1a42e8;
154
184
  --ht-primary-button-disabled-border-color: rgba(255, 255, 255, 0);
155
185
  --ht-primary-button-disabled-foreground-color: #a3a3a3;
156
- --ht-primary-button-disabled-background-color: rgba(153, 153, 153, 0.32);
186
+ --ht-primary-button-disabled-background-color: #ebebed;
157
187
  --ht-primary-button-hover-border-color: rgba(255, 255, 255, 0);
158
188
  --ht-primary-button-hover-foreground-color: #ffffff;
159
189
  --ht-primary-button-hover-background-color: #1535bc;
@@ -168,14 +198,12 @@
168
198
  --ht-secondary-button-disabled-background-color: #ebebed;
169
199
  --ht-secondary-button-hover-border-color: #e7e7e9;
170
200
  --ht-secondary-button-hover-foreground-color: #222222;
171
- --ht-secondary-button-hover-background-color: #ffffff;
201
+ --ht-secondary-button-hover-background-color: #e7e7e9;
172
202
  --ht-secondary-button-focus-border-color: #e7e7e9;
173
203
  --ht-secondary-button-focus-foreground-color: #222222;
174
204
  --ht-secondary-button-focus-background-color: #ffffff;
175
205
  --ht-comments-textarea-horizontal-padding: 8px;
176
206
  --ht-comments-textarea-vertical-padding: 4px;
177
- --ht-comments-indicator-size: 6px;
178
- --ht-comments-indicator-color: #1a42e8;
179
207
  --ht-comments-textarea-border-width: 1px;
180
208
  --ht-comments-textarea-border-color: rgba(255, 255, 255, 0);
181
209
  --ht-comments-textarea-foreground-color: #222222;
@@ -184,12 +212,14 @@
184
212
  --ht-comments-textarea-focus-border-color: #1a42e8;
185
213
  --ht-comments-textarea-focus-foreground-color: #222222;
186
214
  --ht-comments-textarea-focus-background-color: #ffffff;
215
+ --ht-comments-indicator-size: 6px;
216
+ --ht-comments-indicator-color: #1a42e8;
187
217
  --ht-license-horizontal-padding: 16px;
188
218
  --ht-license-vertical-padding: 8px;
189
219
  --ht-license-foreground-color: #222222;
190
220
  --ht-license-background-color: #f7f7f9;
191
221
  --ht-link-color: #1a42e8;
192
- --ht-link-hover-color: #3e67ec;
222
+ --ht-link-hover-color: #5371ee;
193
223
  --ht-input-border-width: 1px;
194
224
  --ht-input-border-radius: 4px;
195
225
  --ht-input-horizontal-padding: 12px;
@@ -202,7 +232,7 @@
202
232
  --ht-input-hover-background-color: #ffffff;
203
233
  --ht-input-disabled-border-color: #e7e7e9;
204
234
  --ht-input-disabled-foreground-color: #a3a3a3;
205
- --ht-input-disabled-background-color: rgba(153, 153, 153, 0.32);
235
+ --ht-input-disabled-background-color: #d1d1d5;
206
236
  --ht-input-focus-border-color: #1a42e8;
207
237
  --ht-input-focus-foreground-color: #222222;
208
238
  --ht-input-focus-background-color: #ffffff;
@@ -212,13 +242,13 @@
212
242
  --ht-menu-vertical-padding: 8px;
213
243
  --ht-menu-item-horizontal-padding: 12px;
214
244
  --ht-menu-item-vertical-padding: 4px;
245
+ --ht-menu-border-color: #e7e7e9;
215
246
  --ht-menu-shadow-x: 0;
216
247
  --ht-menu-shadow-y: 8px;
217
248
  --ht-menu-shadow-blur: 16px;
218
- --ht-menu-border-color: #e7e7e9;
219
- --ht-menu-shadow-color: rgba(0, 0, 0, 0.08);
220
- --ht-menu-item-hover-color: rgba(0, 0, 0, 0.05);
221
- --ht-menu-item-active-color: rgba(0, 0, 0, 0.08);
249
+ --ht-menu-shadow-color: rgba(34, 34, 34, 0.08);
250
+ --ht-menu-item-hover-color: rgba(34, 34, 34, 0.04);
251
+ --ht-menu-item-active-color: rgba(34, 34, 34, 0.08);
222
252
  }
223
253
 
224
254
  /* Dark mode */
@@ -235,86 +265,121 @@
235
265
  --ht-wrapper-border-color: #313132;
236
266
  --ht-row-header-odd-background-color: #1e1e1f;
237
267
  --ht-row-header-even-background-color: #1e1e1f;
238
- --ht-row-cell-odd-background-color: rgba(239, 239, 243, 0);
239
- --ht-row-cell-even-background-color: rgba(239, 239, 243, 0);
268
+ --ht-row-cell-odd-background-color: rgba(0, 0, 0, 0);
269
+ --ht-row-cell-even-background-color: rgba(0, 0, 0, 0);
240
270
  --ht-cell-editor-border-color: #476af7;
241
271
  --ht-cell-editor-foreground-color: #ffffff;
242
272
  --ht-cell-editor-background-color: #0f0f10;
243
- --ht-cell-editor-shadow-color: rgba(71, 106, 247, 0.60);
273
+ --ht-cell-editor-shadow-color: #476af7;
244
274
  --ht-cell-success-background-color: rgba(66, 190, 101, 0.30);
245
275
  --ht-cell-error-background-color: rgba(255, 42, 52, 0.30);
246
276
  --ht-cell-selection-border-color: #476af7;
247
- --ht-cell-selection-background-color: #476af7;
277
+ --ht-cell-selection-background-color: #2e56fc;
248
278
  --ht-cell-autofill-border-color: #0f0f10;
249
279
  --ht-cell-autofill-background-color: #476af7;
250
280
  --ht-cell-autofill-fill-border-color: #c7c7c7;
251
- --ht-resize-indicator-color: rgba(255, 255, 255, 0.40);
252
- --ht-move-backlight-color: rgba(221, 221, 221, 0.12);
281
+ --ht-resize-indicator-color: rgba(199, 199, 199, 0.40);
282
+ --ht-move-backlight-color: rgba(199, 199, 199, 0.08);
253
283
  --ht-move-indicator-color: #476af7;
254
- --ht-hidden-indicator-color: rgba(255, 255, 255, 0.40);
255
- --ht-scrollbar-track-color: #19191c;
284
+ --ht-hidden-indicator-color: rgba(199, 199, 199, 0.40);
285
+ --ht-scrollbar-track-color: #1e1e1f;
256
286
  --ht-scrollbar-thumb-color: #68696c;
287
+ --ht-header-foreground-color: #c7c7c7;
288
+ --ht-header-background-color: #1e1e1f;
289
+ --ht-header-highlighted-foreground-color: #ffffff;
290
+ --ht-header-highlighted-background-color: #282829;
291
+ --ht-header-active-border-color: #5371ee;
292
+ --ht-header-active-foreground-color: #0f0f10;
293
+ --ht-header-active-background-color: #476af7;
294
+ --ht-header-filter-background-color: rgba(66, 190, 101, 0.30);
295
+ --ht-header-row-foreground-color: #c7c7c7;
296
+ --ht-header-row-background-color: #1e1e1f;
297
+ --ht-header-row-highlighted-foreground-color: #ffffff;
298
+ --ht-header-row-highlighted-background-color: #282829;
299
+ --ht-header-row-active-foreground-color: #0f0f10;
300
+ --ht-header-row-active-background-color: #476af7;
257
301
  --ht-checkbox-border-color: #404144;
258
302
  --ht-checkbox-background-color: #0f0f10;
303
+ --ht-checkbox-icon-color: rgba(0, 0, 0, 0);
259
304
  --ht-checkbox-focus-border-color: #404144;
260
305
  --ht-checkbox-focus-background-color: #0f0f10;
306
+ --ht-checkbox-focus-icon-color: rgba(0, 0, 0, 0);
261
307
  --ht-checkbox-focus-ring-color: #476af7;
262
308
  --ht-checkbox-disabled-border-color: #313132;
263
309
  --ht-checkbox-disabled-background-color: #404144;
264
- --ht-checkbox-checked-border-color: #3c59cf;
310
+ --ht-checkbox-disabled-icon-color: rgba(0, 0, 0, 0);
311
+ --ht-checkbox-checked-border-color: #5371ee;
265
312
  --ht-checkbox-checked-background-color: #476af7;
266
- --ht-checkbox-checked-icon-color: #c7c7c7;
313
+ --ht-checkbox-checked-icon-color: #0f0f10;
314
+ --ht-checkbox-checked-focus-border-color: #0f0f10;
267
315
  --ht-checkbox-checked-focus-background-color: #476af7;
268
- --ht-checkbox-checked-focus-icon-color: #c7c7c7;
316
+ --ht-checkbox-checked-focus-icon-color: #0f0f10;
269
317
  --ht-checkbox-checked-disabled-border-color: #313132;
270
- --ht-checkbox-checked-disabled-background-color: #36373a;
318
+ --ht-checkbox-checked-disabled-background-color: #404144;
271
319
  --ht-checkbox-checked-disabled-icon-color: #68696c;
272
- --ht-header-foreground-color: #c7c7c7;
273
- --ht-header-background-color: #1e1e1f;
274
- --ht-header-active-border-color: #4767e5;
275
- --ht-header-active-foreground-color: #0f0f10;
276
- --ht-header-active-background-color: #476af7;
277
- --ht-header-highlighted-foreground-color: #f3f3f3;
278
- --ht-header-highlighted-background-color: #262627;
279
- --ht-header-filter-background-color: rgba(66, 190, 101, 0.30);
280
- --ht-header-row-foreground-color: #c7c7c7;
281
- --ht-header-row-background-color: #1e1e1f;
282
- --ht-header-row-highlighted-foreground-color: #f3f3f3;
283
- --ht-header-row-highlighted-background-color: #262627;
284
- --ht-header-row-active-foreground-color: #0f0f10;
285
- --ht-header-row-active-background-color: #476af7;
320
+ --ht-checkbox-indeterminate-border-color: #5371ee;
321
+ --ht-checkbox-indeterminate-background-color: #476af7;
322
+ --ht-checkbox-indeterminate-icon-color: #0f0f10;
323
+ --ht-checkbox-indeterminate-focus-border-color: #0f0f10;
324
+ --ht-checkbox-indeterminate-focus-background-color: #476af7;
325
+ --ht-checkbox-indeterminate-focus-icon-color: #0f0f10;
326
+ --ht-checkbox-indeterminate-disabled-border-color: #313132;
327
+ --ht-checkbox-indeterminate-disabled-background-color: #404144;
328
+ --ht-checkbox-indeterminate-disabled-icon-color: #727272;
329
+ --ht-radio-border-color: #404144;
330
+ --ht-radio-background-color: #0f0f10;
331
+ --ht-radio-icon-color: rgba(0, 0, 0, 0);
332
+ --ht-radio-focus-border-color: #313132;
333
+ --ht-radio-focus-background-color: #0f0f10;
334
+ --ht-radio-focus-icon-color: rgba(0, 0, 0, 0);
335
+ --ht-radio-focus-ring-color: #476af7;
336
+ --ht-radio-disabled-border-color: #313132;
337
+ --ht-radio-disabled-background-color: #404144;
338
+ --ht-radio-disabled-icon-color: rgba(0, 0, 0, 0);
339
+ --ht-radio-checked-border-color: #476af7;
340
+ --ht-radio-checked-background-color: #0f0f10;
341
+ --ht-radio-checked-icon-color: #476af7;
342
+ --ht-radio-checked-focus-border-color: #5371ee;
343
+ --ht-radio-checked-focus-background-color: #0f0f10;
344
+ --ht-radio-checked-focus-icon-color: #5371ee;
345
+ --ht-radio-checked-disabled-border-color: #313132;
346
+ --ht-radio-checked-disabled-background-color: #404144;
347
+ --ht-radio-checked-disabled-icon-color: #68696c;
286
348
  --ht-icon-button-border-color: #1e1e1f;
287
349
  --ht-icon-button-background-color: #1e1e1f;
288
- --ht-icon-button-icon-color: rgba(255, 255, 255, 0.40);
289
- --ht-icon-button-hover-border-color: #303031;
290
- --ht-icon-button-hover-background-color: #303031;
291
- --ht-icon-button-hover-icon-color: rgba(255, 255, 255, 0.40);
292
- --ht-icon-active-button-border-color: #4767e5;
293
- --ht-icon-active-button-background-color: #476af7;
294
- --ht-icon-active-button-icon-color: #0f0f10;
295
- --ht-icon-active-button-hover-border-color: #4767e5;
296
- --ht-icon-active-button-hover-background-color: #5576f8;
297
- --ht-icon-active-button-hover-icon-color: #0f0f10;
298
- --ht-collapse-button-open-border-color: rgba(83, 83, 85, 0.64);
299
- --ht-collapse-button-open-background-color: #000000;
300
- --ht-collapse-button-open-icon-color: #999999;
301
- --ht-collapse-button-open-icon-active-color: #999999;
302
- --ht-collapse-button-open-hover-border-color: rgba(83, 83, 85, 0.64);
350
+ --ht-icon-button-icon-color: rgba(199, 199, 199, 0.40);
351
+ --ht-icon-button-hover-border-color: #313132;
352
+ --ht-icon-button-hover-background-color: #313132;
353
+ --ht-icon-button-hover-icon-color: rgba(199, 199, 199, 0.40);
354
+ --ht-icon-button-active-border-color: #476af7;
355
+ --ht-icon-button-active-background-color: #476af7;
356
+ --ht-icon-button-active-icon-color: #0f0f10;
357
+ --ht-icon-button-active-hover-border-color: #5371ee;
358
+ --ht-icon-button-active-hover-background-color: #5371ee;
359
+ --ht-icon-button-active-hover-icon-color: #0f0f10;
360
+ --ht-collapse-button-open-border-color: #404144;
361
+ --ht-collapse-button-open-background-color: #0f0f10;
362
+ --ht-collapse-button-open-icon-color: #a3a3a3;
363
+ --ht-collapse-button-open-icon-active-color: #a3a3a3;
364
+ --ht-collapse-button-open-hover-border-color: #404144;
303
365
  --ht-collapse-button-open-hover-background-color: #1e1e1f;
304
- --ht-collapse-button-open-hover-icon-color: #999999;
305
- --ht-collapse-button-open-hover-icon-active-color: #999999;
306
- --ht-collapse-button-close-border-color: rgba(83, 83, 85, 0.64);
307
- --ht-collapse-button-close-background-color: #262627;
308
- --ht-collapse-button-close-icon-color: #999999;
309
- --ht-collapse-button-close-icon-active-color: #999999;
310
- --ht-collapse-button-close-hover-border-color: rgba(83, 83, 85, 0.64);
311
- --ht-collapse-button-close-hover-background-color: #262627;
312
- --ht-collapse-button-close-hover-icon-color: #999999;
313
- --ht-collapse-button-close-hover-icon-active-color: #999999;
366
+ --ht-collapse-button-open-hover-icon-color: #a3a3a3;
367
+ --ht-collapse-button-open-hover-icon-active-color: #a3a3a3;
368
+ --ht-collapse-button-close-border-color: #404144;
369
+ --ht-collapse-button-close-background-color: #282829;
370
+ --ht-collapse-button-close-icon-color: #a3a3a3;
371
+ --ht-collapse-button-close-icon-active-color: #a3a3a3;
372
+ --ht-collapse-button-close-hover-border-color: #404144;
373
+ --ht-collapse-button-close-hover-background-color: #282829;
374
+ --ht-collapse-button-close-hover-icon-color: #a3a3a3;
375
+ --ht-collapse-button-close-hover-icon-active-color: #a3a3a3;
376
+ --ht-primary-button-border-color: rgba(0, 0, 0, 0);
314
377
  --ht-primary-button-foreground-color: #c7c7c7;
315
378
  --ht-primary-button-background-color: #476af7;
379
+ --ht-primary-button-disabled-border-color: rgba(0, 0, 0, 0);
316
380
  --ht-primary-button-disabled-foreground-color: #68696c;
317
- --ht-primary-button-disabled-background-color: rgba(104, 105, 108, 0.32);
381
+ --ht-primary-button-disabled-background-color: #282829;
382
+ --ht-primary-button-hover-border-color: rgba(0, 0, 0, 0);
318
383
  --ht-primary-button-hover-foreground-color: #c7c7c7;
319
384
  --ht-primary-button-hover-background-color: #6180ff;
320
385
  --ht-primary-button-focus-border-color: #0f0f10;
@@ -325,23 +390,24 @@
325
390
  --ht-secondary-button-background-color: #0f0f10;
326
391
  --ht-secondary-button-disabled-border-color: #313132;
327
392
  --ht-secondary-button-disabled-foreground-color: #68696c;
328
- --ht-secondary-button-disabled-background-color: #262627;
393
+ --ht-secondary-button-disabled-background-color: #282829;
329
394
  --ht-secondary-button-hover-border-color: #313132;
330
395
  --ht-secondary-button-hover-foreground-color: #c7c7c7;
331
- --ht-secondary-button-hover-background-color: #0f0f10;
396
+ --ht-secondary-button-hover-background-color: #313132;
332
397
  --ht-secondary-button-focus-border-color: #313132;
333
398
  --ht-secondary-button-focus-foreground-color: #c7c7c7;
334
399
  --ht-secondary-button-focus-background-color: #0f0f10;
335
- --ht-comments-indicator-color: #476af7;
400
+ --ht-comments-textarea-border-color: rgba(0, 0, 0, 0);
336
401
  --ht-comments-textarea-foreground-color: #c7c7c7;
337
402
  --ht-comments-textarea-background-color: #1e1e1f;
338
403
  --ht-comments-textarea-focus-border-color: #476af7;
339
404
  --ht-comments-textarea-focus-foreground-color: #c7c7c7;
340
405
  --ht-comments-textarea-focus-background-color: #0f0f10;
406
+ --ht-comments-indicator-color: #476af7;
341
407
  --ht-license-foreground-color: #c7c7c7;
342
408
  --ht-license-background-color: #1e1e1f;
343
- --ht-link-color: #5576f8;
344
- --ht-link-hover-color: #728eff;
409
+ --ht-link-color: #5371ee;
410
+ --ht-link-hover-color: #6180ff;
345
411
  --ht-input-border-color: #313132;
346
412
  --ht-input-foreground-color: #c7c7c7;
347
413
  --ht-input-background-color: #1e1e1f;
@@ -350,14 +416,14 @@
350
416
  --ht-input-hover-background-color: #0f0f10;
351
417
  --ht-input-disabled-border-color: #313132;
352
418
  --ht-input-disabled-foreground-color: #68696c;
353
- --ht-input-disabled-background-color: rgba(104, 105, 108, 0.32);
419
+ --ht-input-disabled-background-color: #404144;
354
420
  --ht-input-focus-border-color: #476af7;
355
421
  --ht-input-focus-foreground-color: #c7c7c7;
356
422
  --ht-input-focus-background-color: #0f0f10;
357
423
  --ht-menu-border-color: #313132;
358
424
  --ht-menu-shadow-color: rgba(0, 0, 0, 0.80);
359
- --ht-menu-item-hover-color: rgba(239, 239, 243, 0.05);
360
- --ht-menu-item-active-color: rgba(239, 239, 243, 0.12);
425
+ --ht-menu-item-hover-color: rgba(199, 199, 199, 0.04);
426
+ --ht-menu-item-active-color: rgba(199, 199, 199, 0.08);
361
427
  }
362
428
 
363
429
  /* Auto dark mode */
@@ -375,86 +441,121 @@
375
441
  --ht-wrapper-border-color: #313132;
376
442
  --ht-row-header-odd-background-color: #1e1e1f;
377
443
  --ht-row-header-even-background-color: #1e1e1f;
378
- --ht-row-cell-odd-background-color: rgba(239, 239, 243, 0);
379
- --ht-row-cell-even-background-color: rgba(239, 239, 243, 0);
444
+ --ht-row-cell-odd-background-color: rgba(0, 0, 0, 0);
445
+ --ht-row-cell-even-background-color: rgba(0, 0, 0, 0);
380
446
  --ht-cell-editor-border-color: #476af7;
381
447
  --ht-cell-editor-foreground-color: #ffffff;
382
448
  --ht-cell-editor-background-color: #0f0f10;
383
- --ht-cell-editor-shadow-color: rgba(71, 106, 247, 0.60);
449
+ --ht-cell-editor-shadow-color: #476af7;
384
450
  --ht-cell-success-background-color: rgba(66, 190, 101, 0.30);
385
451
  --ht-cell-error-background-color: rgba(255, 42, 52, 0.30);
386
452
  --ht-cell-selection-border-color: #476af7;
387
- --ht-cell-selection-background-color: #476af7;
453
+ --ht-cell-selection-background-color: #2e56fc;
388
454
  --ht-cell-autofill-border-color: #0f0f10;
389
455
  --ht-cell-autofill-background-color: #476af7;
390
456
  --ht-cell-autofill-fill-border-color: #c7c7c7;
391
- --ht-resize-indicator-color: rgba(255, 255, 255, 0.40);
392
- --ht-move-backlight-color: rgba(221, 221, 221, 0.12);
457
+ --ht-resize-indicator-color: rgba(199, 199, 199, 0.40);
458
+ --ht-move-backlight-color: rgba(199, 199, 199, 0.08);
393
459
  --ht-move-indicator-color: #476af7;
394
- --ht-hidden-indicator-color: rgba(255, 255, 255, 0.40);
395
- --ht-scrollbar-track-color: #19191c;
460
+ --ht-hidden-indicator-color: rgba(199, 199, 199, 0.40);
461
+ --ht-scrollbar-track-color: #1e1e1f;
396
462
  --ht-scrollbar-thumb-color: #68696c;
463
+ --ht-header-foreground-color: #c7c7c7;
464
+ --ht-header-background-color: #1e1e1f;
465
+ --ht-header-highlighted-foreground-color: #ffffff;
466
+ --ht-header-highlighted-background-color: #282829;
467
+ --ht-header-active-border-color: #5371ee;
468
+ --ht-header-active-foreground-color: #0f0f10;
469
+ --ht-header-active-background-color: #476af7;
470
+ --ht-header-filter-background-color: rgba(66, 190, 101, 0.30);
471
+ --ht-header-row-foreground-color: #c7c7c7;
472
+ --ht-header-row-background-color: #1e1e1f;
473
+ --ht-header-row-highlighted-foreground-color: #ffffff;
474
+ --ht-header-row-highlighted-background-color: #282829;
475
+ --ht-header-row-active-foreground-color: #0f0f10;
476
+ --ht-header-row-active-background-color: #476af7;
397
477
  --ht-checkbox-border-color: #404144;
398
478
  --ht-checkbox-background-color: #0f0f10;
479
+ --ht-checkbox-icon-color: rgba(0, 0, 0, 0);
399
480
  --ht-checkbox-focus-border-color: #404144;
400
481
  --ht-checkbox-focus-background-color: #0f0f10;
482
+ --ht-checkbox-focus-icon-color: rgba(0, 0, 0, 0);
401
483
  --ht-checkbox-focus-ring-color: #476af7;
402
484
  --ht-checkbox-disabled-border-color: #313132;
403
485
  --ht-checkbox-disabled-background-color: #404144;
404
- --ht-checkbox-checked-border-color: #3c59cf;
486
+ --ht-checkbox-disabled-icon-color: rgba(0, 0, 0, 0);
487
+ --ht-checkbox-checked-border-color: #5371ee;
405
488
  --ht-checkbox-checked-background-color: #476af7;
406
- --ht-checkbox-checked-icon-color: #c7c7c7;
489
+ --ht-checkbox-checked-icon-color: #0f0f10;
490
+ --ht-checkbox-checked-focus-border-color: #0f0f10;
407
491
  --ht-checkbox-checked-focus-background-color: #476af7;
408
- --ht-checkbox-checked-focus-icon-color: #c7c7c7;
492
+ --ht-checkbox-checked-focus-icon-color: #0f0f10;
409
493
  --ht-checkbox-checked-disabled-border-color: #313132;
410
- --ht-checkbox-checked-disabled-background-color: #36373a;
494
+ --ht-checkbox-checked-disabled-background-color: #404144;
411
495
  --ht-checkbox-checked-disabled-icon-color: #68696c;
412
- --ht-header-foreground-color: #c7c7c7;
413
- --ht-header-background-color: #1e1e1f;
414
- --ht-header-active-border-color: #4767e5;
415
- --ht-header-active-foreground-color: #0f0f10;
416
- --ht-header-active-background-color: #476af7;
417
- --ht-header-highlighted-foreground-color: #f3f3f3;
418
- --ht-header-highlighted-background-color: #262627;
419
- --ht-header-filter-background-color: rgba(66, 190, 101, 0.30);
420
- --ht-header-row-foreground-color: #c7c7c7;
421
- --ht-header-row-background-color: #1e1e1f;
422
- --ht-header-row-highlighted-foreground-color: #f3f3f3;
423
- --ht-header-row-highlighted-background-color: #262627;
424
- --ht-header-row-active-foreground-color: #0f0f10;
425
- --ht-header-row-active-background-color: #476af7;
496
+ --ht-checkbox-indeterminate-border-color: #5371ee;
497
+ --ht-checkbox-indeterminate-background-color: #476af7;
498
+ --ht-checkbox-indeterminate-icon-color: #0f0f10;
499
+ --ht-checkbox-indeterminate-focus-border-color: #0f0f10;
500
+ --ht-checkbox-indeterminate-focus-background-color: #476af7;
501
+ --ht-checkbox-indeterminate-focus-icon-color: #0f0f10;
502
+ --ht-checkbox-indeterminate-disabled-border-color: #313132;
503
+ --ht-checkbox-indeterminate-disabled-background-color: #404144;
504
+ --ht-checkbox-indeterminate-disabled-icon-color: #727272;
505
+ --ht-radio-border-color: #404144;
506
+ --ht-radio-background-color: #0f0f10;
507
+ --ht-radio-icon-color: rgba(0, 0, 0, 0);
508
+ --ht-radio-focus-border-color: #313132;
509
+ --ht-radio-focus-background-color: #0f0f10;
510
+ --ht-radio-focus-icon-color: rgba(0, 0, 0, 0);
511
+ --ht-radio-focus-ring-color: #476af7;
512
+ --ht-radio-disabled-border-color: #313132;
513
+ --ht-radio-disabled-background-color: #404144;
514
+ --ht-radio-disabled-icon-color: rgba(0, 0, 0, 0);
515
+ --ht-radio-checked-border-color: #476af7;
516
+ --ht-radio-checked-background-color: #0f0f10;
517
+ --ht-radio-checked-icon-color: #476af7;
518
+ --ht-radio-checked-focus-border-color: #5371ee;
519
+ --ht-radio-checked-focus-background-color: #0f0f10;
520
+ --ht-radio-checked-focus-icon-color: #5371ee;
521
+ --ht-radio-checked-disabled-border-color: #313132;
522
+ --ht-radio-checked-disabled-background-color: #404144;
523
+ --ht-radio-checked-disabled-icon-color: #68696c;
426
524
  --ht-icon-button-border-color: #1e1e1f;
427
525
  --ht-icon-button-background-color: #1e1e1f;
428
- --ht-icon-button-icon-color: rgba(255, 255, 255, 0.40);
429
- --ht-icon-button-hover-border-color: #303031;
430
- --ht-icon-button-hover-background-color: #303031;
431
- --ht-icon-button-hover-icon-color: rgba(255, 255, 255, 0.40);
432
- --ht-icon-active-button-border-color: #4767e5;
433
- --ht-icon-active-button-background-color: #476af7;
434
- --ht-icon-active-button-icon-color: #0f0f10;
435
- --ht-icon-active-button-hover-border-color: #4767e5;
436
- --ht-icon-active-button-hover-background-color: #5576f8;
437
- --ht-icon-active-button-hover-icon-color: #0f0f10;
438
- --ht-collapse-button-open-border-color: rgba(83, 83, 85, 0.64);
439
- --ht-collapse-button-open-background-color: #000000;
440
- --ht-collapse-button-open-icon-color: #999999;
441
- --ht-collapse-button-open-icon-active-color: #999999;
442
- --ht-collapse-button-open-hover-border-color: rgba(83, 83, 85, 0.64);
526
+ --ht-icon-button-icon-color: rgba(199, 199, 199, 0.40);
527
+ --ht-icon-button-hover-border-color: #313132;
528
+ --ht-icon-button-hover-background-color: #313132;
529
+ --ht-icon-button-hover-icon-color: rgba(199, 199, 199, 0.40);
530
+ --ht-icon-button-active-border-color: #476af7;
531
+ --ht-icon-button-active-background-color: #476af7;
532
+ --ht-icon-button-active-icon-color: #0f0f10;
533
+ --ht-icon-button-active-hover-border-color: #5371ee;
534
+ --ht-icon-button-active-hover-background-color: #5371ee;
535
+ --ht-icon-button-active-hover-icon-color: #0f0f10;
536
+ --ht-collapse-button-open-border-color: #404144;
537
+ --ht-collapse-button-open-background-color: #0f0f10;
538
+ --ht-collapse-button-open-icon-color: #a3a3a3;
539
+ --ht-collapse-button-open-icon-active-color: #a3a3a3;
540
+ --ht-collapse-button-open-hover-border-color: #404144;
443
541
  --ht-collapse-button-open-hover-background-color: #1e1e1f;
444
- --ht-collapse-button-open-hover-icon-color: #999999;
445
- --ht-collapse-button-open-hover-icon-active-color: #999999;
446
- --ht-collapse-button-close-border-color: rgba(83, 83, 85, 0.64);
447
- --ht-collapse-button-close-background-color: #262627;
448
- --ht-collapse-button-close-icon-color: #999999;
449
- --ht-collapse-button-close-icon-active-color: #999999;
450
- --ht-collapse-button-close-hover-border-color: rgba(83, 83, 85, 0.64);
451
- --ht-collapse-button-close-hover-background-color: #262627;
452
- --ht-collapse-button-close-hover-icon-color: #999999;
453
- --ht-collapse-button-close-hover-icon-active-color: #999999;
542
+ --ht-collapse-button-open-hover-icon-color: #a3a3a3;
543
+ --ht-collapse-button-open-hover-icon-active-color: #a3a3a3;
544
+ --ht-collapse-button-close-border-color: #404144;
545
+ --ht-collapse-button-close-background-color: #282829;
546
+ --ht-collapse-button-close-icon-color: #a3a3a3;
547
+ --ht-collapse-button-close-icon-active-color: #a3a3a3;
548
+ --ht-collapse-button-close-hover-border-color: #404144;
549
+ --ht-collapse-button-close-hover-background-color: #282829;
550
+ --ht-collapse-button-close-hover-icon-color: #a3a3a3;
551
+ --ht-collapse-button-close-hover-icon-active-color: #a3a3a3;
552
+ --ht-primary-button-border-color: rgba(0, 0, 0, 0);
454
553
  --ht-primary-button-foreground-color: #c7c7c7;
455
554
  --ht-primary-button-background-color: #476af7;
555
+ --ht-primary-button-disabled-border-color: rgba(0, 0, 0, 0);
456
556
  --ht-primary-button-disabled-foreground-color: #68696c;
457
- --ht-primary-button-disabled-background-color: rgba(104, 105, 108, 0.32);
557
+ --ht-primary-button-disabled-background-color: #282829;
558
+ --ht-primary-button-hover-border-color: rgba(0, 0, 0, 0);
458
559
  --ht-primary-button-hover-foreground-color: #c7c7c7;
459
560
  --ht-primary-button-hover-background-color: #6180ff;
460
561
  --ht-primary-button-focus-border-color: #0f0f10;
@@ -465,23 +566,24 @@
465
566
  --ht-secondary-button-background-color: #0f0f10;
466
567
  --ht-secondary-button-disabled-border-color: #313132;
467
568
  --ht-secondary-button-disabled-foreground-color: #68696c;
468
- --ht-secondary-button-disabled-background-color: #262627;
569
+ --ht-secondary-button-disabled-background-color: #282829;
469
570
  --ht-secondary-button-hover-border-color: #313132;
470
571
  --ht-secondary-button-hover-foreground-color: #c7c7c7;
471
- --ht-secondary-button-hover-background-color: #0f0f10;
572
+ --ht-secondary-button-hover-background-color: #313132;
472
573
  --ht-secondary-button-focus-border-color: #313132;
473
574
  --ht-secondary-button-focus-foreground-color: #c7c7c7;
474
575
  --ht-secondary-button-focus-background-color: #0f0f10;
475
- --ht-comments-indicator-color: #476af7;
576
+ --ht-comments-textarea-border-color: rgba(0, 0, 0, 0);
476
577
  --ht-comments-textarea-foreground-color: #c7c7c7;
477
578
  --ht-comments-textarea-background-color: #1e1e1f;
478
579
  --ht-comments-textarea-focus-border-color: #476af7;
479
580
  --ht-comments-textarea-focus-foreground-color: #c7c7c7;
480
581
  --ht-comments-textarea-focus-background-color: #0f0f10;
582
+ --ht-comments-indicator-color: #476af7;
481
583
  --ht-license-foreground-color: #c7c7c7;
482
584
  --ht-license-background-color: #1e1e1f;
483
- --ht-link-color: #5576f8;
484
- --ht-link-hover-color: #728eff;
585
+ --ht-link-color: #5371ee;
586
+ --ht-link-hover-color: #6180ff;
485
587
  --ht-input-border-color: #313132;
486
588
  --ht-input-foreground-color: #c7c7c7;
487
589
  --ht-input-background-color: #1e1e1f;
@@ -490,14 +592,14 @@
490
592
  --ht-input-hover-background-color: #0f0f10;
491
593
  --ht-input-disabled-border-color: #313132;
492
594
  --ht-input-disabled-foreground-color: #68696c;
493
- --ht-input-disabled-background-color: rgba(104, 105, 108, 0.32);
595
+ --ht-input-disabled-background-color: #404144;
494
596
  --ht-input-focus-border-color: #476af7;
495
597
  --ht-input-focus-foreground-color: #c7c7c7;
496
598
  --ht-input-focus-background-color: #0f0f10;
497
599
  --ht-menu-border-color: #313132;
498
600
  --ht-menu-shadow-color: rgba(0, 0, 0, 0.80);
499
- --ht-menu-item-hover-color: rgba(239, 239, 243, 0.05);
500
- --ht-menu-item-active-color: rgba(239, 239, 243, 0.12);
601
+ --ht-menu-item-hover-color: rgba(199, 199, 199, 0.04);
602
+ --ht-menu-item-active-color: rgba(199, 199, 199, 0.08);
501
603
  }
502
604
  }
503
605
  /* Icons */