handsontable 0.0.0-next-1481b62-20250311 → 0.0.0-next-17e69ef-20250311

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