handsontable 0.0.0-next-47a7994-20250227 → 0.0.0-next-a28f529-20250303

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.

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