handsontable 15.3.0 → 16.0.0-next-98c6ac7-20250707

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (277) hide show
  1. package/3rdparty/walkontable/src/core/_base.js +0 -3
  2. package/3rdparty/walkontable/src/core/_base.mjs +0 -3
  3. package/3rdparty/walkontable/src/core/clone.js +0 -1
  4. package/3rdparty/walkontable/src/core/clone.mjs +0 -1
  5. package/3rdparty/walkontable/src/core/core.js +0 -2
  6. package/3rdparty/walkontable/src/core/core.mjs +0 -2
  7. package/3rdparty/walkontable/src/facade/core.js +0 -3
  8. package/3rdparty/walkontable/src/facade/core.mjs +0 -3
  9. package/3rdparty/walkontable/src/index.js +1 -2
  10. package/3rdparty/walkontable/src/overlay/_base.js +1 -3
  11. package/3rdparty/walkontable/src/overlay/_base.mjs +1 -3
  12. package/3rdparty/walkontable/src/overlay/bottom.js +2 -2
  13. package/3rdparty/walkontable/src/overlay/bottom.mjs +2 -2
  14. package/3rdparty/walkontable/src/overlay/top.js +1 -1
  15. package/3rdparty/walkontable/src/overlay/top.mjs +1 -1
  16. package/3rdparty/walkontable/src/renderer/columnHeaders.js +1 -1
  17. package/3rdparty/walkontable/src/renderer/columnHeaders.mjs +2 -2
  18. package/3rdparty/walkontable/src/selection/border/border.js +17 -11
  19. package/3rdparty/walkontable/src/selection/border/border.mjs +17 -11
  20. package/3rdparty/walkontable/src/selection/border/utils.js +1 -1
  21. package/3rdparty/walkontable/src/selection/border/utils.mjs +1 -1
  22. package/3rdparty/walkontable/src/settings.js +3 -1
  23. package/3rdparty/walkontable/src/settings.mjs +3 -1
  24. package/3rdparty/walkontable/src/table.js +9 -6
  25. package/3rdparty/walkontable/src/table.mjs +9 -6
  26. package/3rdparty/walkontable/src/types.js +0 -1
  27. package/3rdparty/walkontable/src/types.mjs +0 -1
  28. package/3rdparty/walkontable/src/utils/column.js +1 -1
  29. package/3rdparty/walkontable/src/utils/column.mjs +1 -1
  30. package/3rdparty/walkontable/src/viewport.js +1 -1
  31. package/3rdparty/walkontable/src/viewport.mjs +1 -1
  32. package/CHANGELOG.md +53 -31
  33. package/README.md +10 -4
  34. package/base.js +2 -2
  35. package/base.mjs +2 -2
  36. package/cellTypes/registry.js +2 -3
  37. package/cellTypes/registry.mjs +1 -1
  38. package/core/coordsMapper/rangeToRenderableMapper.js +124 -0
  39. package/core/coordsMapper/rangeToRenderableMapper.mjs +120 -0
  40. package/core/focusCatcher/focusDetector.js +2 -2
  41. package/core/focusCatcher/focusDetector.mjs +2 -2
  42. package/core/hooks/constants.js +259 -1
  43. package/core/hooks/constants.mjs +259 -1
  44. package/core.d.ts +2 -0
  45. package/core.js +202 -58
  46. package/core.mjs +202 -58
  47. package/dataMap/dataMap.js +16 -30
  48. package/dataMap/dataMap.mjs +16 -30
  49. package/dataMap/metaManager/metaSchema.js +58 -0
  50. package/dataMap/metaManager/metaSchema.mjs +58 -0
  51. package/dist/handsontable.css +30 -4
  52. package/dist/handsontable.full.css +30 -4
  53. package/dist/handsontable.full.js +6073 -4352
  54. package/dist/handsontable.full.min.css +3 -3
  55. package/dist/handsontable.full.min.js +206 -206
  56. package/dist/handsontable.js +5751 -4037
  57. package/dist/handsontable.min.css +3 -3
  58. package/dist/handsontable.min.js +41 -41
  59. package/dist/languages/all.min.js +1 -1
  60. package/dist/languages/ar-AR.min.js +1 -1
  61. package/dist/languages/cs-CZ.min.js +1 -1
  62. package/dist/languages/de-CH.min.js +1 -1
  63. package/dist/languages/de-DE.min.js +1 -1
  64. package/dist/languages/en-US.min.js +1 -1
  65. package/dist/languages/es-MX.min.js +1 -1
  66. package/dist/languages/fa-IR.min.js +1 -1
  67. package/dist/languages/fr-FR.min.js +1 -1
  68. package/dist/languages/hr-HR.min.js +1 -1
  69. package/dist/languages/it-IT.min.js +1 -1
  70. package/dist/languages/ja-JP.min.js +1 -1
  71. package/dist/languages/ko-KR.min.js +1 -1
  72. package/dist/languages/lv-LV.min.js +1 -1
  73. package/dist/languages/nb-NO.min.js +1 -1
  74. package/dist/languages/nl-NL.min.js +1 -1
  75. package/dist/languages/pl-PL.min.js +1 -1
  76. package/dist/languages/pt-BR.min.js +1 -1
  77. package/dist/languages/ru-RU.min.js +1 -1
  78. package/dist/languages/sr-SP.min.js +1 -1
  79. package/dist/languages/zh-CN.min.js +1 -1
  80. package/dist/languages/zh-TW.min.js +1 -1
  81. package/editorManager.js +5 -1
  82. package/editorManager.mjs +5 -1
  83. package/editors/autocompleteEditor/autocompleteEditor.d.ts +0 -12
  84. package/editors/autocompleteEditor/autocompleteEditor.js +42 -69
  85. package/editors/autocompleteEditor/autocompleteEditor.mjs +43 -70
  86. package/editors/baseEditor/baseEditor.js +1 -1
  87. package/editors/baseEditor/baseEditor.mjs +1 -1
  88. package/editors/dateEditor/dateEditor.js +2 -8
  89. package/editors/dateEditor/dateEditor.mjs +3 -9
  90. package/editors/handsontableEditor/handsontableEditor.d.ts +8 -0
  91. package/editors/handsontableEditor/handsontableEditor.js +173 -17
  92. package/editors/handsontableEditor/handsontableEditor.mjs +173 -17
  93. package/editors/passwordEditor/passwordEditor.js +2 -0
  94. package/editors/passwordEditor/passwordEditor.mjs +2 -0
  95. package/editors/registry.js +2 -3
  96. package/editors/registry.mjs +1 -1
  97. package/editors/textEditor/textEditor.js +2 -0
  98. package/editors/textEditor/textEditor.mjs +2 -0
  99. package/helpers/a11y.js +2 -0
  100. package/helpers/a11y.mjs +1 -0
  101. package/helpers/dom/element.d.ts +1 -0
  102. package/helpers/dom/element.js +26 -1
  103. package/helpers/dom/element.mjs +25 -1
  104. package/helpers/mixed.js +4 -4
  105. package/helpers/mixed.mjs +4 -4
  106. package/i18n/languages/ar-AR.js +1 -2
  107. package/i18n/languages/cs-CZ.js +1 -2
  108. package/i18n/languages/de-CH.js +1 -2
  109. package/i18n/languages/de-DE.js +1 -2
  110. package/i18n/languages/en-US.js +1 -2
  111. package/i18n/languages/es-MX.js +1 -2
  112. package/i18n/languages/fa-IR.js +1 -2
  113. package/i18n/languages/fr-FR.js +1 -2
  114. package/i18n/languages/hr-HR.js +1 -2
  115. package/i18n/languages/it-IT.js +1 -2
  116. package/i18n/languages/ja-JP.js +1 -2
  117. package/i18n/languages/ko-KR.js +1 -2
  118. package/i18n/languages/lv-LV.js +1 -2
  119. package/i18n/languages/nb-NO.js +1 -2
  120. package/i18n/languages/nl-NL.js +1 -2
  121. package/i18n/languages/pl-PL.js +1 -2
  122. package/i18n/languages/pt-BR.js +1 -2
  123. package/i18n/languages/ru-RU.js +1 -2
  124. package/i18n/languages/sr-SP.js +1 -2
  125. package/i18n/languages/zh-CN.js +1 -2
  126. package/i18n/languages/zh-TW.js +1 -2
  127. package/i18n/phraseFormatters/index.js +2 -2
  128. package/i18n/phraseFormatters/index.mjs +1 -1
  129. package/i18n/registry.js +3 -4
  130. package/i18n/registry.mjs +1 -1
  131. package/index.js +1 -2
  132. package/package.json +10 -4
  133. package/plugins/autoColumnSize/autoColumnSize.js +47 -0
  134. package/plugins/autoColumnSize/autoColumnSize.mjs +47 -0
  135. package/plugins/autoRowSize/autoRowSize.js +45 -0
  136. package/plugins/autoRowSize/autoRowSize.mjs +45 -0
  137. package/plugins/bindRowsWithHeaders/bindRowsWithHeaders.js +13 -0
  138. package/plugins/bindRowsWithHeaders/bindRowsWithHeaders.mjs +13 -0
  139. package/plugins/collapsibleColumns/collapsibleColumns.js +31 -0
  140. package/plugins/collapsibleColumns/collapsibleColumns.mjs +31 -0
  141. package/plugins/columnSorting/sortService/registry.js +3 -4
  142. package/plugins/columnSorting/sortService/registry.mjs +1 -1
  143. package/plugins/columnSummary/columnSummary.js +33 -0
  144. package/plugins/columnSummary/columnSummary.mjs +33 -0
  145. package/plugins/comments/commentEditor.js +8 -2
  146. package/plugins/comments/commentEditor.mjs +8 -2
  147. package/plugins/comments/comments.js +59 -15
  148. package/plugins/comments/comments.mjs +60 -16
  149. package/plugins/comments/contextMenuItem/addEditComment.js +1 -2
  150. package/plugins/comments/contextMenuItem/readOnlyComment.js +1 -2
  151. package/plugins/comments/contextMenuItem/removeComment.js +1 -2
  152. package/plugins/contextMenu/contextMenu.js +1 -1
  153. package/plugins/contextMenu/contextMenu.mjs +1 -1
  154. package/plugins/contextMenu/menu/menu.js +12 -6
  155. package/plugins/contextMenu/menu/menu.mjs +13 -7
  156. package/plugins/contextMenu/predefinedItems/alignment.js +1 -2
  157. package/plugins/contextMenu/predefinedItems/clearColumn.js +1 -2
  158. package/plugins/contextMenu/predefinedItems/columnLeft.js +1 -2
  159. package/plugins/contextMenu/predefinedItems/columnRight.js +1 -2
  160. package/plugins/contextMenu/predefinedItems/index.js +1 -2
  161. package/plugins/contextMenu/predefinedItems/readOnly.js +1 -2
  162. package/plugins/contextMenu/predefinedItems/redo.js +1 -2
  163. package/plugins/contextMenu/predefinedItems/removeColumn.js +1 -2
  164. package/plugins/contextMenu/predefinedItems/removeRow.js +1 -2
  165. package/plugins/contextMenu/predefinedItems/rowAbove.js +1 -2
  166. package/plugins/contextMenu/predefinedItems/rowBelow.js +1 -2
  167. package/plugins/contextMenu/predefinedItems/undo.js +1 -2
  168. package/plugins/copyPaste/contextMenuItem/cut.js +1 -2
  169. package/plugins/customBorders/contextMenuItem/bottom.js +1 -2
  170. package/plugins/customBorders/contextMenuItem/left.js +1 -2
  171. package/plugins/customBorders/contextMenuItem/noBorders.js +1 -2
  172. package/plugins/customBorders/contextMenuItem/right.js +1 -2
  173. package/plugins/customBorders/contextMenuItem/top.js +1 -2
  174. package/plugins/customBorders/customBorders.js +1 -2
  175. package/plugins/dropdownMenu/dropdownMenu.js +16 -1
  176. package/plugins/dropdownMenu/dropdownMenu.mjs +16 -1
  177. package/plugins/exportFile/exportFile.js +59 -2
  178. package/plugins/exportFile/exportFile.mjs +58 -0
  179. package/plugins/filters/component/actionBar.js +1 -2
  180. package/plugins/filters/component/condition.js +1 -2
  181. package/plugins/filters/component/value.js +1 -2
  182. package/plugins/filters/condition/beginsWith.js +1 -2
  183. package/plugins/filters/condition/between.js +1 -2
  184. package/plugins/filters/condition/contains.js +1 -2
  185. package/plugins/filters/condition/date/after.js +1 -2
  186. package/plugins/filters/condition/date/before.js +1 -2
  187. package/plugins/filters/condition/date/today.js +1 -2
  188. package/plugins/filters/condition/date/tomorrow.js +1 -2
  189. package/plugins/filters/condition/date/yesterday.js +1 -2
  190. package/plugins/filters/condition/empty.js +1 -2
  191. package/plugins/filters/condition/endsWith.js +1 -2
  192. package/plugins/filters/condition/equal.js +1 -2
  193. package/plugins/filters/condition/greaterThan.js +1 -2
  194. package/plugins/filters/condition/greaterThanOrEqual.js +1 -2
  195. package/plugins/filters/condition/lessThan.js +1 -2
  196. package/plugins/filters/condition/lessThanOrEqual.js +1 -2
  197. package/plugins/filters/condition/none.js +1 -2
  198. package/plugins/filters/condition/notBetween.js +1 -2
  199. package/plugins/filters/condition/notContains.js +1 -2
  200. package/plugins/filters/condition/notEmpty.js +1 -2
  201. package/plugins/filters/condition/notEqual.js +1 -2
  202. package/plugins/filters/filters.js +76 -3
  203. package/plugins/filters/filters.mjs +75 -1
  204. package/plugins/filters/logicalOperations/conjunction.js +1 -2
  205. package/plugins/filters/logicalOperations/disjunction.js +1 -2
  206. package/plugins/filters/logicalOperations/disjunctionWithExtraCondition.js +1 -2
  207. package/plugins/filters/ui/_base.js +1 -2
  208. package/plugins/filters/ui/multipleSelect.js +1 -7
  209. package/plugins/filters/ui/multipleSelect.mjs +0 -5
  210. package/plugins/filters/ui/select.js +1 -2
  211. package/plugins/formulas/engine/register.js +3 -4
  212. package/plugins/formulas/engine/register.mjs +1 -1
  213. package/plugins/formulas/formulas.js +40 -41
  214. package/plugins/formulas/formulas.mjs +39 -40
  215. package/plugins/hiddenColumns/contextMenuItem/hideColumn.js +1 -2
  216. package/plugins/hiddenColumns/contextMenuItem/showColumn.js +1 -2
  217. package/plugins/hiddenColumns/hiddenColumns.js +64 -0
  218. package/plugins/hiddenColumns/hiddenColumns.mjs +64 -0
  219. package/plugins/hiddenRows/contextMenuItem/hideRow.js +1 -2
  220. package/plugins/hiddenRows/contextMenuItem/showRow.js +1 -2
  221. package/plugins/hiddenRows/hiddenRows.js +64 -0
  222. package/plugins/hiddenRows/hiddenRows.mjs +64 -0
  223. package/plugins/manualColumnFreeze/contextMenuItem/freezeColumn.js +1 -2
  224. package/plugins/manualColumnFreeze/contextMenuItem/unfreezeColumn.js +1 -2
  225. package/plugins/manualRowMove/manualRowMove.js +1 -1
  226. package/plugins/manualRowMove/manualRowMove.mjs +1 -1
  227. package/plugins/manualRowResize/manualRowResize.js +1 -1
  228. package/plugins/manualRowResize/manualRowResize.mjs +1 -1
  229. package/plugins/mergeCells/contextMenuItem/toggleMerge.js +1 -2
  230. package/plugins/mergeCells/mergeCells.js +56 -38
  231. package/plugins/mergeCells/mergeCells.mjs +56 -38
  232. package/plugins/mergeCells/utils.js +3 -4
  233. package/plugins/mergeCells/utils.mjs +3 -4
  234. package/plugins/nestedHeaders/nestedHeaders.js +37 -12
  235. package/plugins/nestedHeaders/nestedHeaders.mjs +37 -12
  236. package/plugins/nestedRows/nestedRows.js +12 -12
  237. package/plugins/nestedRows/nestedRows.mjs +12 -12
  238. package/plugins/nestedRows/ui/contextMenu.js +1 -2
  239. package/plugins/nestedRows/ui/headers.js +2 -3
  240. package/plugins/nestedRows/ui/headers.mjs +2 -3
  241. package/plugins/persistentState/persistentState.js +1 -1
  242. package/plugins/persistentState/persistentState.mjs +1 -1
  243. package/plugins/stretchColumns/calculator.js +3 -2
  244. package/plugins/stretchColumns/calculator.mjs +3 -2
  245. package/plugins/stretchColumns/stretchColumns.js +13 -0
  246. package/plugins/stretchColumns/stretchColumns.mjs +13 -0
  247. package/plugins/trimRows/trimRows.js +61 -0
  248. package/plugins/trimRows/trimRows.mjs +61 -0
  249. package/renderers/baseRenderer/baseRenderer.js +4 -0
  250. package/renderers/baseRenderer/baseRenderer.mjs +4 -0
  251. package/renderers/registry.js +2 -3
  252. package/renderers/registry.mjs +1 -1
  253. package/selection/mouseEventHandler.js +48 -13
  254. package/selection/mouseEventHandler.mjs +47 -13
  255. package/selection/range.js +73 -6
  256. package/selection/range.mjs +73 -6
  257. package/selection/selection.js +46 -32
  258. package/selection/selection.mjs +45 -30
  259. package/settings.d.ts +1 -0
  260. package/styles/handsontable.css +131 -55
  261. package/styles/handsontable.min.css +3 -3
  262. package/styles/ht-theme-horizon.css +296 -181
  263. package/styles/ht-theme-horizon.min.css +3 -3
  264. package/styles/ht-theme-main.css +314 -205
  265. package/styles/ht-theme-main.min.css +3 -3
  266. package/tableView.js +9 -20
  267. package/tableView.mjs +9 -20
  268. package/translations/indexMapper.js +9 -5
  269. package/translations/indexMapper.mjs +9 -5
  270. package/utils/paginator.js +13 -0
  271. package/utils/paginator.mjs +13 -0
  272. package/utils/staticRegister.js +24 -2
  273. package/utils/staticRegister.mjs +23 -2
  274. package/{3rdparty/walkontable/src/utils → utils}/stylesHandler.js +16 -30
  275. package/{3rdparty/walkontable/src/utils → utils}/stylesHandler.mjs +16 -30
  276. package/validators/registry.js +2 -3
  277. package/validators/registry.mjs +1 -1
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: 15.3.0
29
- * Release date: 29/04/2025 (built at 24/04/2025 10:59:10)
28
+ * Version: 16.0.0-next-98c6ac7-20250707
29
+ * Release date: 09/07/2025 (built at 07/07/2025 08:41:16)
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,8 +42,8 @@
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-read-only-color: #a3a3a3;
45
+ --ht-placeholder-color: #a3a3a3;
46
+ --ht-read-only-color: #68696c;
46
47
  --ht-disabled-color: #a3a3a3;
47
48
  --ht-cell-horizontal-border-color: #e7e7e9;
48
49
  --ht-cell-vertical-border-color: #e7e7e9;
@@ -51,18 +52,19 @@
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);
67
+ --ht-cell-read-only-background-color: rgba(34, 34, 34, 0.04);
66
68
  --ht-cell-selection-border-color: #1a42e8;
67
69
  --ht-cell-selection-background-color: #5371ee;
68
70
  --ht-cell-autofill-size: 6px;
@@ -77,12 +79,28 @@
77
79
  --ht-cell-mobile-handle-border-color: #1a42e8;
78
80
  --ht-cell-mobile-handle-background-color: rgba(26, 66, 232, 0.40);
79
81
  --ht-resize-indicator-color: rgba(34, 34, 34, 0.40);
80
- --ht-move-backlight-color: rgba(34, 34, 34, 0.06);
82
+ --ht-move-backlight-color: rgba(34, 34, 34, 0.08);
81
83
  --ht-move-indicator-color: #1a42e8;
82
84
  --ht-hidden-indicator-color: rgba(34, 34, 34, 0.40);
83
85
  --ht-scrollbar-border-radius: 8px;
84
86
  --ht-scrollbar-track-color: #f7f7f9;
85
- --ht-scrollbar-thumb-color: #999999;
87
+ --ht-scrollbar-thumb-color: #a3a3a3;
88
+ --ht-header-font-weight: 400;
89
+ --ht-header-foreground-color: #222222;
90
+ --ht-header-background-color: #f7f7f9;
91
+ --ht-header-highlighted-shadow-size: 0;
92
+ --ht-header-highlighted-foreground-color: #0f0f10;
93
+ --ht-header-highlighted-background-color: #ebebed;
94
+ --ht-header-active-border-color: #2e56fc;
95
+ --ht-header-active-foreground-color: #ffffff;
96
+ --ht-header-active-background-color: #1a42e8;
97
+ --ht-header-filter-background-color: rgba(55, 188, 108, 0.20);
98
+ --ht-header-row-foreground-color: #222222;
99
+ --ht-header-row-background-color: #f7f7f9;
100
+ --ht-header-row-highlighted-foreground-color: #0f0f10;
101
+ --ht-header-row-highlighted-background-color: #ebebed;
102
+ --ht-header-row-active-foreground-color: #ffffff;
103
+ --ht-header-row-active-background-color: #1a42e8;
86
104
  --ht-checkbox-size: 16px;
87
105
  --ht-checkbox-border-radius: 4px;
88
106
  --ht-checkbox-border-color: #d1d1d5;
@@ -95,7 +113,7 @@
95
113
  --ht-checkbox-disabled-border-color: #e7e7e9;
96
114
  --ht-checkbox-disabled-background-color: #d1d1d5;
97
115
  --ht-checkbox-disabled-icon-color: rgba(255, 255, 255, 0);
98
- --ht-checkbox-checked-border-color: #3f60ec;
116
+ --ht-checkbox-checked-border-color: #2e56fc;
99
117
  --ht-checkbox-checked-background-color: #1a42e8;
100
118
  --ht-checkbox-checked-icon-color: #ffffff;
101
119
  --ht-checkbox-checked-focus-border-color: #ffffff;
@@ -104,52 +122,65 @@
104
122
  --ht-checkbox-checked-disabled-border-color: #e7e7e9;
105
123
  --ht-checkbox-checked-disabled-background-color: #d1d1d5;
106
124
  --ht-checkbox-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;
125
+ --ht-checkbox-indeterminate-border-color: #2e56fc;
126
+ --ht-checkbox-indeterminate-background-color: #1a42e8;
127
+ --ht-checkbox-indeterminate-icon-color: #ffffff;
128
+ --ht-checkbox-indeterminate-focus-border-color: #ffffff;
129
+ --ht-checkbox-indeterminate-focus-background-color: #1a42e8;
130
+ --ht-checkbox-indeterminate-focus-icon-color: #ffffff;
131
+ --ht-checkbox-indeterminate-disabled-border-color: #e7e7e9;
132
+ --ht-checkbox-indeterminate-disabled-background-color: #d1d1d5;
133
+ --ht-checkbox-indeterminate-disabled-icon-color: #aeaeae;
134
+ --ht-radio-size: 16px;
135
+ --ht-radio-border-color: #d1d1d5;
136
+ --ht-radio-background-color: #ffffff;
137
+ --ht-radio-icon-color: rgba(255, 255, 255, 0);
138
+ --ht-radio-focus-border-color: #e7e7e9;
139
+ --ht-radio-focus-background-color: #ffffff;
140
+ --ht-radio-focus-icon-color: rgba(255, 255, 255, 0);
141
+ --ht-radio-focus-ring-color: #1a42e8;
142
+ --ht-radio-disabled-border-color: #e7e7e9;
143
+ --ht-radio-disabled-background-color: #d1d1d5;
144
+ --ht-radio-disabled-icon-color: rgba(255, 255, 255, 0);
145
+ --ht-radio-checked-border-color: #1a42e8;
146
+ --ht-radio-checked-background-color: #ffffff;
147
+ --ht-radio-checked-icon-color: #1a42e8;
148
+ --ht-radio-checked-focus-border-color: #2e56fc;
149
+ --ht-radio-checked-focus-background-color: #ffffff;
150
+ --ht-radio-checked-focus-icon-color: #2e56fc;
151
+ --ht-radio-checked-disabled-border-color: #e7e7e9;
152
+ --ht-radio-checked-disabled-background-color: #d1d1d5;
153
+ --ht-radio-checked-disabled-icon-color: #a3a3a3;
123
154
  --ht-icon-button-border-radius: 2px;
124
155
  --ht-icon-button-border-color: #f7f7f9;
125
156
  --ht-icon-button-background-color: #f7f7f9;
126
157
  --ht-icon-button-icon-color: rgba(34, 34, 34, 0.40);
127
- --ht-icon-button-hover-border-color: #e7e7e8;
128
- --ht-icon-button-hover-background-color: #e7e7e8;
158
+ --ht-icon-button-hover-border-color: #e7e7e9;
159
+ --ht-icon-button-hover-background-color: #e7e7e9;
129
160
  --ht-icon-button-hover-icon-color: rgba(34, 34, 34, 0.40);
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;
161
+ --ht-icon-button-active-border-color: #1a42e8;
162
+ --ht-icon-button-active-background-color: #1a42e8;
163
+ --ht-icon-button-active-icon-color: #ffffff;
164
+ --ht-icon-button-active-hover-border-color: #2e56fc;
165
+ --ht-icon-button-active-hover-background-color: #2e56fc;
166
+ --ht-icon-button-active-hover-icon-color: #ffffff;
136
167
  --ht-collapse-button-border-radius: 4px;
137
168
  --ht-collapse-button-open-border-color: #d1d1d5;
138
169
  --ht-collapse-button-open-background-color: #ffffff;
139
- --ht-collapse-button-open-icon-color: #666666;
140
- --ht-collapse-button-open-icon-active-color: #666666;
170
+ --ht-collapse-button-open-icon-color: #68696c;
171
+ --ht-collapse-button-open-icon-active-color: #68696c;
141
172
  --ht-collapse-button-open-hover-border-color: #d1d1d5;
142
173
  --ht-collapse-button-open-hover-background-color: #f7f7f9;
143
- --ht-collapse-button-open-hover-icon-color: #666666;
144
- --ht-collapse-button-open-hover-icon-active-color: #666666;
174
+ --ht-collapse-button-open-hover-icon-color: #68696c;
175
+ --ht-collapse-button-open-hover-icon-active-color: #68696c;
145
176
  --ht-collapse-button-close-border-color: #d1d1d5;
146
177
  --ht-collapse-button-close-background-color: #ebebed;
147
- --ht-collapse-button-close-icon-color: #666666;
148
- --ht-collapse-button-close-icon-active-color: #666666;
178
+ --ht-collapse-button-close-icon-color: #68696c;
179
+ --ht-collapse-button-close-icon-active-color: #68696c;
149
180
  --ht-collapse-button-close-hover-border-color: #d1d1d5;
150
181
  --ht-collapse-button-close-hover-background-color: #ebebed;
151
- --ht-collapse-button-close-hover-icon-color: #666666;
152
- --ht-collapse-button-close-hover-icon-active-color: #666666;
182
+ --ht-collapse-button-close-hover-icon-color: #68696c;
183
+ --ht-collapse-button-close-hover-icon-active-color: #68696c;
153
184
  --ht-button-border-radius: 4px;
154
185
  --ht-button-horizontal-padding: 12px;
155
186
  --ht-button-vertical-padding: 6px;
@@ -158,7 +189,7 @@
158
189
  --ht-primary-button-background-color: #1a42e8;
159
190
  --ht-primary-button-disabled-border-color: rgba(255, 255, 255, 0);
160
191
  --ht-primary-button-disabled-foreground-color: #a3a3a3;
161
- --ht-primary-button-disabled-background-color: rgba(153, 153, 153, 0.32);
192
+ --ht-primary-button-disabled-background-color: #ebebed;
162
193
  --ht-primary-button-hover-border-color: rgba(255, 255, 255, 0);
163
194
  --ht-primary-button-hover-foreground-color: #ffffff;
164
195
  --ht-primary-button-hover-background-color: #1535bc;
@@ -173,14 +204,12 @@
173
204
  --ht-secondary-button-disabled-background-color: #ebebed;
174
205
  --ht-secondary-button-hover-border-color: #e7e7e9;
175
206
  --ht-secondary-button-hover-foreground-color: #222222;
176
- --ht-secondary-button-hover-background-color: #ffffff;
207
+ --ht-secondary-button-hover-background-color: #e7e7e9;
177
208
  --ht-secondary-button-focus-border-color: #e7e7e9;
178
209
  --ht-secondary-button-focus-foreground-color: #222222;
179
210
  --ht-secondary-button-focus-background-color: #ffffff;
180
211
  --ht-comments-textarea-horizontal-padding: 8px;
181
212
  --ht-comments-textarea-vertical-padding: 4px;
182
- --ht-comments-indicator-size: 6px;
183
- --ht-comments-indicator-color: #1a42e8;
184
213
  --ht-comments-textarea-border-width: 1px;
185
214
  --ht-comments-textarea-border-color: rgba(255, 255, 255, 0);
186
215
  --ht-comments-textarea-foreground-color: #222222;
@@ -189,12 +218,14 @@
189
218
  --ht-comments-textarea-focus-border-color: #1a42e8;
190
219
  --ht-comments-textarea-focus-foreground-color: #222222;
191
220
  --ht-comments-textarea-focus-background-color: #ffffff;
221
+ --ht-comments-indicator-size: 6px;
222
+ --ht-comments-indicator-color: #1a42e8;
192
223
  --ht-license-horizontal-padding: 16px;
193
224
  --ht-license-vertical-padding: 8px;
194
225
  --ht-license-foreground-color: #222222;
195
226
  --ht-license-background-color: #f7f7f9;
196
227
  --ht-link-color: #1a42e8;
197
- --ht-link-hover-color: #3e67ec;
228
+ --ht-link-hover-color: #5371ee;
198
229
  --ht-input-border-width: 1px;
199
230
  --ht-input-border-radius: 4px;
200
231
  --ht-input-horizontal-padding: 12px;
@@ -207,7 +238,7 @@
207
238
  --ht-input-hover-background-color: #ffffff;
208
239
  --ht-input-disabled-border-color: #e7e7e9;
209
240
  --ht-input-disabled-foreground-color: #a3a3a3;
210
- --ht-input-disabled-background-color: rgba(153, 153, 153, 0.32);
241
+ --ht-input-disabled-background-color: #d1d1d5;
211
242
  --ht-input-focus-border-color: #1a42e8;
212
243
  --ht-input-focus-foreground-color: #222222;
213
244
  --ht-input-focus-background-color: #ffffff;
@@ -217,13 +248,13 @@
217
248
  --ht-menu-vertical-padding: 8px;
218
249
  --ht-menu-item-horizontal-padding: 12px;
219
250
  --ht-menu-item-vertical-padding: 4px;
251
+ --ht-menu-border-color: #e7e7e9;
220
252
  --ht-menu-shadow-x: 0;
221
253
  --ht-menu-shadow-y: 8px;
222
254
  --ht-menu-shadow-blur: 16px;
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);
255
+ --ht-menu-shadow-color: rgba(34, 34, 34, 0.08);
256
+ --ht-menu-item-hover-color: rgba(34, 34, 34, 0.04);
257
+ --ht-menu-item-active-color: rgba(34, 34, 34, 0.08);
227
258
  }
228
259
 
229
260
  /* Dark mode */
@@ -231,140 +262,177 @@
231
262
  --ht-border-color: #313132;
232
263
  --ht-accent-color: #476af7;
233
264
  --ht-foreground-color: #c7c7c7;
234
- --ht-background-color: #0f0f10;
265
+ --ht-background-color: #050506;
235
266
  --ht-placeholder-color: #68696c;
236
- --ht-read-only-color: #68696c;
267
+ --ht-read-only-color: #a3a3a3;
237
268
  --ht-disabled-color: #68696c;
238
269
  --ht-cell-horizontal-border-color: #313132;
239
270
  --ht-cell-vertical-border-color: #313132;
240
271
  --ht-wrapper-border-color: #313132;
241
272
  --ht-row-header-odd-background-color: #1e1e1f;
242
273
  --ht-row-header-even-background-color: #1e1e1f;
243
- --ht-row-cell-odd-background-color: rgba(239, 239, 243, 0);
244
- --ht-row-cell-even-background-color: rgba(239, 239, 243, 0);
274
+ --ht-row-cell-odd-background-color: rgba(0, 0, 0, 0);
275
+ --ht-row-cell-even-background-color: rgba(0, 0, 0, 0);
245
276
  --ht-cell-editor-border-color: #476af7;
246
277
  --ht-cell-editor-foreground-color: #ffffff;
247
- --ht-cell-editor-background-color: #0f0f10;
248
- --ht-cell-editor-shadow-color: rgba(71, 106, 247, 0.60);
278
+ --ht-cell-editor-background-color: #050506;
279
+ --ht-cell-editor-shadow-color: #476af7;
249
280
  --ht-cell-success-background-color: rgba(66, 190, 101, 0.30);
250
281
  --ht-cell-error-background-color: rgba(255, 42, 52, 0.30);
282
+ --ht-cell-read-only-background-color: rgba(199, 199, 199, 0.12);
251
283
  --ht-cell-selection-border-color: #476af7;
252
- --ht-cell-selection-background-color: #476af7;
253
- --ht-cell-autofill-border-color: #0f0f10;
284
+ --ht-cell-selection-background-color: #2e56fc;
285
+ --ht-cell-autofill-border-color: #050506;
254
286
  --ht-cell-autofill-background-color: #476af7;
255
287
  --ht-cell-autofill-fill-border-color: #c7c7c7;
256
288
  --ht-cell-mobile-handle-border-color: #476af7;
257
289
  --ht-cell-mobile-handle-background-color: rgba(71, 106, 247, 0.40);
258
- --ht-resize-indicator-color: rgba(255, 255, 255, 0.40);
259
- --ht-move-backlight-color: rgba(221, 221, 221, 0.12);
290
+ --ht-resize-indicator-color: rgba(199, 199, 199, 0.40);
291
+ --ht-move-backlight-color: rgba(199, 199, 199, 0.16);
260
292
  --ht-move-indicator-color: #476af7;
261
- --ht-hidden-indicator-color: rgba(255, 255, 255, 0.40);
262
- --ht-scrollbar-track-color: #19191c;
293
+ --ht-hidden-indicator-color: rgba(199, 199, 199, 0.40);
294
+ --ht-scrollbar-track-color: #1e1e1f;
263
295
  --ht-scrollbar-thumb-color: #68696c;
296
+ --ht-header-foreground-color: #c7c7c7;
297
+ --ht-header-background-color: #1e1e1f;
298
+ --ht-header-highlighted-foreground-color: #ffffff;
299
+ --ht-header-highlighted-background-color: #282829;
300
+ --ht-header-active-border-color: #5371ee;
301
+ --ht-header-active-foreground-color: #050506;
302
+ --ht-header-active-background-color: #476af7;
303
+ --ht-header-filter-background-color: rgba(66, 190, 101, 0.30);
304
+ --ht-header-row-foreground-color: #c7c7c7;
305
+ --ht-header-row-background-color: #1e1e1f;
306
+ --ht-header-row-highlighted-foreground-color: #ffffff;
307
+ --ht-header-row-highlighted-background-color: #282829;
308
+ --ht-header-row-active-foreground-color: #050506;
309
+ --ht-header-row-active-background-color: #476af7;
264
310
  --ht-checkbox-border-color: #404144;
265
- --ht-checkbox-background-color: #0f0f10;
311
+ --ht-checkbox-background-color: #050506;
312
+ --ht-checkbox-icon-color: rgba(0, 0, 0, 0);
266
313
  --ht-checkbox-focus-border-color: #404144;
267
- --ht-checkbox-focus-background-color: #0f0f10;
314
+ --ht-checkbox-focus-background-color: #050506;
315
+ --ht-checkbox-focus-icon-color: rgba(0, 0, 0, 0);
268
316
  --ht-checkbox-focus-ring-color: #476af7;
269
317
  --ht-checkbox-disabled-border-color: #313132;
270
318
  --ht-checkbox-disabled-background-color: #404144;
271
- --ht-checkbox-checked-border-color: #3c59cf;
319
+ --ht-checkbox-disabled-icon-color: rgba(0, 0, 0, 0);
320
+ --ht-checkbox-checked-border-color: #5371ee;
272
321
  --ht-checkbox-checked-background-color: #476af7;
273
- --ht-checkbox-checked-icon-color: #c7c7c7;
322
+ --ht-checkbox-checked-icon-color: #050506;
323
+ --ht-checkbox-checked-focus-border-color: #050506;
274
324
  --ht-checkbox-checked-focus-background-color: #476af7;
275
- --ht-checkbox-checked-focus-icon-color: #c7c7c7;
325
+ --ht-checkbox-checked-focus-icon-color: #050506;
276
326
  --ht-checkbox-checked-disabled-border-color: #313132;
277
- --ht-checkbox-checked-disabled-background-color: #36373a;
327
+ --ht-checkbox-checked-disabled-background-color: #404144;
278
328
  --ht-checkbox-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;
329
+ --ht-checkbox-indeterminate-border-color: #5371ee;
330
+ --ht-checkbox-indeterminate-background-color: #476af7;
331
+ --ht-checkbox-indeterminate-icon-color: #050506;
332
+ --ht-checkbox-indeterminate-focus-border-color: #050506;
333
+ --ht-checkbox-indeterminate-focus-background-color: #476af7;
334
+ --ht-checkbox-indeterminate-focus-icon-color: #050506;
335
+ --ht-checkbox-indeterminate-disabled-border-color: #313132;
336
+ --ht-checkbox-indeterminate-disabled-background-color: #404144;
337
+ --ht-checkbox-indeterminate-disabled-icon-color: #727272;
338
+ --ht-radio-border-color: #404144;
339
+ --ht-radio-background-color: #050506;
340
+ --ht-radio-icon-color: rgba(0, 0, 0, 0);
341
+ --ht-radio-focus-border-color: #313132;
342
+ --ht-radio-focus-background-color: #050506;
343
+ --ht-radio-focus-icon-color: rgba(0, 0, 0, 0);
344
+ --ht-radio-focus-ring-color: #476af7;
345
+ --ht-radio-disabled-border-color: #313132;
346
+ --ht-radio-disabled-background-color: #404144;
347
+ --ht-radio-disabled-icon-color: rgba(0, 0, 0, 0);
348
+ --ht-radio-checked-border-color: #476af7;
349
+ --ht-radio-checked-background-color: #050506;
350
+ --ht-radio-checked-icon-color: #476af7;
351
+ --ht-radio-checked-focus-border-color: #5371ee;
352
+ --ht-radio-checked-focus-background-color: #050506;
353
+ --ht-radio-checked-focus-icon-color: #5371ee;
354
+ --ht-radio-checked-disabled-border-color: #313132;
355
+ --ht-radio-checked-disabled-background-color: #404144;
356
+ --ht-radio-checked-disabled-icon-color: #68696c;
293
357
  --ht-icon-button-border-color: #1e1e1f;
294
358
  --ht-icon-button-background-color: #1e1e1f;
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);
359
+ --ht-icon-button-icon-color: rgba(199, 199, 199, 0.40);
360
+ --ht-icon-button-hover-border-color: #313132;
361
+ --ht-icon-button-hover-background-color: #313132;
362
+ --ht-icon-button-hover-icon-color: rgba(199, 199, 199, 0.40);
363
+ --ht-icon-button-active-border-color: #476af7;
364
+ --ht-icon-button-active-background-color: #476af7;
365
+ --ht-icon-button-active-icon-color: #050506;
366
+ --ht-icon-button-active-hover-border-color: #5371ee;
367
+ --ht-icon-button-active-hover-background-color: #5371ee;
368
+ --ht-icon-button-active-hover-icon-color: #050506;
369
+ --ht-collapse-button-open-border-color: #404144;
370
+ --ht-collapse-button-open-background-color: #050506;
371
+ --ht-collapse-button-open-icon-color: #a3a3a3;
372
+ --ht-collapse-button-open-icon-active-color: #a3a3a3;
373
+ --ht-collapse-button-open-hover-border-color: #404144;
310
374
  --ht-collapse-button-open-hover-background-color: #1e1e1f;
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;
321
- --ht-primary-button-foreground-color: #c7c7c7;
375
+ --ht-collapse-button-open-hover-icon-color: #a3a3a3;
376
+ --ht-collapse-button-open-hover-icon-active-color: #a3a3a3;
377
+ --ht-collapse-button-close-border-color: #404144;
378
+ --ht-collapse-button-close-background-color: #282829;
379
+ --ht-collapse-button-close-icon-color: #a3a3a3;
380
+ --ht-collapse-button-close-icon-active-color: #a3a3a3;
381
+ --ht-collapse-button-close-hover-border-color: #404144;
382
+ --ht-collapse-button-close-hover-background-color: #282829;
383
+ --ht-collapse-button-close-hover-icon-color: #a3a3a3;
384
+ --ht-collapse-button-close-hover-icon-active-color: #a3a3a3;
385
+ --ht-primary-button-border-color: rgba(0, 0, 0, 0);
386
+ --ht-primary-button-foreground-color: #050506;
322
387
  --ht-primary-button-background-color: #476af7;
388
+ --ht-primary-button-disabled-border-color: rgba(0, 0, 0, 0);
323
389
  --ht-primary-button-disabled-foreground-color: #68696c;
324
- --ht-primary-button-disabled-background-color: rgba(104, 105, 108, 0.32);
325
- --ht-primary-button-hover-foreground-color: #c7c7c7;
390
+ --ht-primary-button-disabled-background-color: #282829;
391
+ --ht-primary-button-hover-border-color: rgba(0, 0, 0, 0);
392
+ --ht-primary-button-hover-foreground-color: #050506;
326
393
  --ht-primary-button-hover-background-color: #6180ff;
327
- --ht-primary-button-focus-border-color: #0f0f10;
328
- --ht-primary-button-focus-foreground-color: #c7c7c7;
394
+ --ht-primary-button-focus-border-color: #050506;
395
+ --ht-primary-button-focus-foreground-color: #050506;
329
396
  --ht-primary-button-focus-background-color: #476af7;
330
397
  --ht-secondary-button-border-color: #313132;
331
398
  --ht-secondary-button-foreground-color: #c7c7c7;
332
- --ht-secondary-button-background-color: #0f0f10;
399
+ --ht-secondary-button-background-color: #050506;
333
400
  --ht-secondary-button-disabled-border-color: #313132;
334
401
  --ht-secondary-button-disabled-foreground-color: #68696c;
335
- --ht-secondary-button-disabled-background-color: #262627;
402
+ --ht-secondary-button-disabled-background-color: #282829;
336
403
  --ht-secondary-button-hover-border-color: #313132;
337
404
  --ht-secondary-button-hover-foreground-color: #c7c7c7;
338
- --ht-secondary-button-hover-background-color: #0f0f10;
405
+ --ht-secondary-button-hover-background-color: #313132;
339
406
  --ht-secondary-button-focus-border-color: #313132;
340
407
  --ht-secondary-button-focus-foreground-color: #c7c7c7;
341
- --ht-secondary-button-focus-background-color: #0f0f10;
342
- --ht-comments-indicator-color: #476af7;
408
+ --ht-secondary-button-focus-background-color: #050506;
409
+ --ht-comments-textarea-border-color: rgba(0, 0, 0, 0);
343
410
  --ht-comments-textarea-foreground-color: #c7c7c7;
344
411
  --ht-comments-textarea-background-color: #1e1e1f;
345
412
  --ht-comments-textarea-focus-border-color: #476af7;
346
413
  --ht-comments-textarea-focus-foreground-color: #c7c7c7;
347
- --ht-comments-textarea-focus-background-color: #0f0f10;
414
+ --ht-comments-textarea-focus-background-color: #050506;
415
+ --ht-comments-indicator-color: #476af7;
348
416
  --ht-license-foreground-color: #c7c7c7;
349
417
  --ht-license-background-color: #1e1e1f;
350
- --ht-link-color: #5576f8;
351
- --ht-link-hover-color: #728eff;
418
+ --ht-link-color: #5371ee;
419
+ --ht-link-hover-color: #6180ff;
352
420
  --ht-input-border-color: #313132;
353
421
  --ht-input-foreground-color: #c7c7c7;
354
422
  --ht-input-background-color: #1e1e1f;
355
423
  --ht-input-hover-border-color: #313132;
356
424
  --ht-input-hover-foreground-color: #c7c7c7;
357
- --ht-input-hover-background-color: #0f0f10;
425
+ --ht-input-hover-background-color: #050506;
358
426
  --ht-input-disabled-border-color: #313132;
359
427
  --ht-input-disabled-foreground-color: #68696c;
360
- --ht-input-disabled-background-color: rgba(104, 105, 108, 0.32);
428
+ --ht-input-disabled-background-color: #404144;
361
429
  --ht-input-focus-border-color: #476af7;
362
430
  --ht-input-focus-foreground-color: #c7c7c7;
363
- --ht-input-focus-background-color: #0f0f10;
431
+ --ht-input-focus-background-color: #050506;
364
432
  --ht-menu-border-color: #313132;
365
433
  --ht-menu-shadow-color: rgba(0, 0, 0, 0.80);
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
+ --ht-menu-item-hover-color: rgba(199, 199, 199, 0.12);
435
+ --ht-menu-item-active-color: rgba(199, 199, 199, 0.16);
368
436
  }
369
437
 
370
438
  /* Auto dark mode */
@@ -373,144 +441,183 @@
373
441
  --ht-border-color: #313132;
374
442
  --ht-accent-color: #476af7;
375
443
  --ht-foreground-color: #c7c7c7;
376
- --ht-background-color: #0f0f10;
444
+ --ht-background-color: #050506;
377
445
  --ht-placeholder-color: #68696c;
378
- --ht-read-only-color: #68696c;
446
+ --ht-read-only-color: #a3a3a3;
379
447
  --ht-disabled-color: #68696c;
380
448
  --ht-cell-horizontal-border-color: #313132;
381
449
  --ht-cell-vertical-border-color: #313132;
382
450
  --ht-wrapper-border-color: #313132;
383
451
  --ht-row-header-odd-background-color: #1e1e1f;
384
452
  --ht-row-header-even-background-color: #1e1e1f;
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
+ --ht-row-cell-odd-background-color: rgba(0, 0, 0, 0);
454
+ --ht-row-cell-even-background-color: rgba(0, 0, 0, 0);
387
455
  --ht-cell-editor-border-color: #476af7;
388
456
  --ht-cell-editor-foreground-color: #ffffff;
389
- --ht-cell-editor-background-color: #0f0f10;
390
- --ht-cell-editor-shadow-color: rgba(71, 106, 247, 0.60);
457
+ --ht-cell-editor-background-color: #050506;
458
+ --ht-cell-editor-shadow-color: #476af7;
391
459
  --ht-cell-success-background-color: rgba(66, 190, 101, 0.30);
392
460
  --ht-cell-error-background-color: rgba(255, 42, 52, 0.30);
461
+ --ht-cell-read-only-background-color: rgba(199, 199, 199, 0.12);
393
462
  --ht-cell-selection-border-color: #476af7;
394
- --ht-cell-selection-background-color: #476af7;
395
- --ht-cell-autofill-border-color: #0f0f10;
463
+ --ht-cell-selection-background-color: #2e56fc;
464
+ --ht-cell-autofill-border-color: #050506;
396
465
  --ht-cell-autofill-background-color: #476af7;
397
466
  --ht-cell-autofill-fill-border-color: #c7c7c7;
398
467
  --ht-cell-mobile-handle-border-color: #476af7;
399
468
  --ht-cell-mobile-handle-background-color: rgba(71, 106, 247, 0.40);
400
- --ht-resize-indicator-color: rgba(255, 255, 255, 0.40);
401
- --ht-move-backlight-color: rgba(221, 221, 221, 0.12);
469
+ --ht-resize-indicator-color: rgba(199, 199, 199, 0.40);
470
+ --ht-move-backlight-color: rgba(199, 199, 199, 0.16);
402
471
  --ht-move-indicator-color: #476af7;
403
- --ht-hidden-indicator-color: rgba(255, 255, 255, 0.40);
404
- --ht-scrollbar-track-color: #19191c;
472
+ --ht-hidden-indicator-color: rgba(199, 199, 199, 0.40);
473
+ --ht-scrollbar-track-color: #1e1e1f;
405
474
  --ht-scrollbar-thumb-color: #68696c;
475
+ --ht-header-foreground-color: #c7c7c7;
476
+ --ht-header-background-color: #1e1e1f;
477
+ --ht-header-highlighted-foreground-color: #ffffff;
478
+ --ht-header-highlighted-background-color: #282829;
479
+ --ht-header-active-border-color: #5371ee;
480
+ --ht-header-active-foreground-color: #050506;
481
+ --ht-header-active-background-color: #476af7;
482
+ --ht-header-filter-background-color: rgba(66, 190, 101, 0.30);
483
+ --ht-header-row-foreground-color: #c7c7c7;
484
+ --ht-header-row-background-color: #1e1e1f;
485
+ --ht-header-row-highlighted-foreground-color: #ffffff;
486
+ --ht-header-row-highlighted-background-color: #282829;
487
+ --ht-header-row-active-foreground-color: #050506;
488
+ --ht-header-row-active-background-color: #476af7;
406
489
  --ht-checkbox-border-color: #404144;
407
- --ht-checkbox-background-color: #0f0f10;
490
+ --ht-checkbox-background-color: #050506;
491
+ --ht-checkbox-icon-color: rgba(0, 0, 0, 0);
408
492
  --ht-checkbox-focus-border-color: #404144;
409
- --ht-checkbox-focus-background-color: #0f0f10;
493
+ --ht-checkbox-focus-background-color: #050506;
494
+ --ht-checkbox-focus-icon-color: rgba(0, 0, 0, 0);
410
495
  --ht-checkbox-focus-ring-color: #476af7;
411
496
  --ht-checkbox-disabled-border-color: #313132;
412
497
  --ht-checkbox-disabled-background-color: #404144;
413
- --ht-checkbox-checked-border-color: #3c59cf;
498
+ --ht-checkbox-disabled-icon-color: rgba(0, 0, 0, 0);
499
+ --ht-checkbox-checked-border-color: #5371ee;
414
500
  --ht-checkbox-checked-background-color: #476af7;
415
- --ht-checkbox-checked-icon-color: #c7c7c7;
501
+ --ht-checkbox-checked-icon-color: #050506;
502
+ --ht-checkbox-checked-focus-border-color: #050506;
416
503
  --ht-checkbox-checked-focus-background-color: #476af7;
417
- --ht-checkbox-checked-focus-icon-color: #c7c7c7;
504
+ --ht-checkbox-checked-focus-icon-color: #050506;
418
505
  --ht-checkbox-checked-disabled-border-color: #313132;
419
- --ht-checkbox-checked-disabled-background-color: #36373a;
506
+ --ht-checkbox-checked-disabled-background-color: #404144;
420
507
  --ht-checkbox-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;
508
+ --ht-checkbox-indeterminate-border-color: #5371ee;
509
+ --ht-checkbox-indeterminate-background-color: #476af7;
510
+ --ht-checkbox-indeterminate-icon-color: #050506;
511
+ --ht-checkbox-indeterminate-focus-border-color: #050506;
512
+ --ht-checkbox-indeterminate-focus-background-color: #476af7;
513
+ --ht-checkbox-indeterminate-focus-icon-color: #050506;
514
+ --ht-checkbox-indeterminate-disabled-border-color: #313132;
515
+ --ht-checkbox-indeterminate-disabled-background-color: #404144;
516
+ --ht-checkbox-indeterminate-disabled-icon-color: #727272;
517
+ --ht-radio-border-color: #404144;
518
+ --ht-radio-background-color: #050506;
519
+ --ht-radio-icon-color: rgba(0, 0, 0, 0);
520
+ --ht-radio-focus-border-color: #313132;
521
+ --ht-radio-focus-background-color: #050506;
522
+ --ht-radio-focus-icon-color: rgba(0, 0, 0, 0);
523
+ --ht-radio-focus-ring-color: #476af7;
524
+ --ht-radio-disabled-border-color: #313132;
525
+ --ht-radio-disabled-background-color: #404144;
526
+ --ht-radio-disabled-icon-color: rgba(0, 0, 0, 0);
527
+ --ht-radio-checked-border-color: #476af7;
528
+ --ht-radio-checked-background-color: #050506;
529
+ --ht-radio-checked-icon-color: #476af7;
530
+ --ht-radio-checked-focus-border-color: #5371ee;
531
+ --ht-radio-checked-focus-background-color: #050506;
532
+ --ht-radio-checked-focus-icon-color: #5371ee;
533
+ --ht-radio-checked-disabled-border-color: #313132;
534
+ --ht-radio-checked-disabled-background-color: #404144;
535
+ --ht-radio-checked-disabled-icon-color: #68696c;
435
536
  --ht-icon-button-border-color: #1e1e1f;
436
537
  --ht-icon-button-background-color: #1e1e1f;
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);
538
+ --ht-icon-button-icon-color: rgba(199, 199, 199, 0.40);
539
+ --ht-icon-button-hover-border-color: #313132;
540
+ --ht-icon-button-hover-background-color: #313132;
541
+ --ht-icon-button-hover-icon-color: rgba(199, 199, 199, 0.40);
542
+ --ht-icon-button-active-border-color: #476af7;
543
+ --ht-icon-button-active-background-color: #476af7;
544
+ --ht-icon-button-active-icon-color: #050506;
545
+ --ht-icon-button-active-hover-border-color: #5371ee;
546
+ --ht-icon-button-active-hover-background-color: #5371ee;
547
+ --ht-icon-button-active-hover-icon-color: #050506;
548
+ --ht-collapse-button-open-border-color: #404144;
549
+ --ht-collapse-button-open-background-color: #050506;
550
+ --ht-collapse-button-open-icon-color: #a3a3a3;
551
+ --ht-collapse-button-open-icon-active-color: #a3a3a3;
552
+ --ht-collapse-button-open-hover-border-color: #404144;
452
553
  --ht-collapse-button-open-hover-background-color: #1e1e1f;
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;
463
- --ht-primary-button-foreground-color: #c7c7c7;
554
+ --ht-collapse-button-open-hover-icon-color: #a3a3a3;
555
+ --ht-collapse-button-open-hover-icon-active-color: #a3a3a3;
556
+ --ht-collapse-button-close-border-color: #404144;
557
+ --ht-collapse-button-close-background-color: #282829;
558
+ --ht-collapse-button-close-icon-color: #a3a3a3;
559
+ --ht-collapse-button-close-icon-active-color: #a3a3a3;
560
+ --ht-collapse-button-close-hover-border-color: #404144;
561
+ --ht-collapse-button-close-hover-background-color: #282829;
562
+ --ht-collapse-button-close-hover-icon-color: #a3a3a3;
563
+ --ht-collapse-button-close-hover-icon-active-color: #a3a3a3;
564
+ --ht-primary-button-border-color: rgba(0, 0, 0, 0);
565
+ --ht-primary-button-foreground-color: #050506;
464
566
  --ht-primary-button-background-color: #476af7;
567
+ --ht-primary-button-disabled-border-color: rgba(0, 0, 0, 0);
465
568
  --ht-primary-button-disabled-foreground-color: #68696c;
466
- --ht-primary-button-disabled-background-color: rgba(104, 105, 108, 0.32);
467
- --ht-primary-button-hover-foreground-color: #c7c7c7;
569
+ --ht-primary-button-disabled-background-color: #282829;
570
+ --ht-primary-button-hover-border-color: rgba(0, 0, 0, 0);
571
+ --ht-primary-button-hover-foreground-color: #050506;
468
572
  --ht-primary-button-hover-background-color: #6180ff;
469
- --ht-primary-button-focus-border-color: #0f0f10;
470
- --ht-primary-button-focus-foreground-color: #c7c7c7;
573
+ --ht-primary-button-focus-border-color: #050506;
574
+ --ht-primary-button-focus-foreground-color: #050506;
471
575
  --ht-primary-button-focus-background-color: #476af7;
472
576
  --ht-secondary-button-border-color: #313132;
473
577
  --ht-secondary-button-foreground-color: #c7c7c7;
474
- --ht-secondary-button-background-color: #0f0f10;
578
+ --ht-secondary-button-background-color: #050506;
475
579
  --ht-secondary-button-disabled-border-color: #313132;
476
580
  --ht-secondary-button-disabled-foreground-color: #68696c;
477
- --ht-secondary-button-disabled-background-color: #262627;
581
+ --ht-secondary-button-disabled-background-color: #282829;
478
582
  --ht-secondary-button-hover-border-color: #313132;
479
583
  --ht-secondary-button-hover-foreground-color: #c7c7c7;
480
- --ht-secondary-button-hover-background-color: #0f0f10;
584
+ --ht-secondary-button-hover-background-color: #313132;
481
585
  --ht-secondary-button-focus-border-color: #313132;
482
586
  --ht-secondary-button-focus-foreground-color: #c7c7c7;
483
- --ht-secondary-button-focus-background-color: #0f0f10;
484
- --ht-comments-indicator-color: #476af7;
587
+ --ht-secondary-button-focus-background-color: #050506;
588
+ --ht-comments-textarea-border-color: rgba(0, 0, 0, 0);
485
589
  --ht-comments-textarea-foreground-color: #c7c7c7;
486
590
  --ht-comments-textarea-background-color: #1e1e1f;
487
591
  --ht-comments-textarea-focus-border-color: #476af7;
488
592
  --ht-comments-textarea-focus-foreground-color: #c7c7c7;
489
- --ht-comments-textarea-focus-background-color: #0f0f10;
593
+ --ht-comments-textarea-focus-background-color: #050506;
594
+ --ht-comments-indicator-color: #476af7;
490
595
  --ht-license-foreground-color: #c7c7c7;
491
596
  --ht-license-background-color: #1e1e1f;
492
- --ht-link-color: #5576f8;
493
- --ht-link-hover-color: #728eff;
597
+ --ht-link-color: #5371ee;
598
+ --ht-link-hover-color: #6180ff;
494
599
  --ht-input-border-color: #313132;
495
600
  --ht-input-foreground-color: #c7c7c7;
496
601
  --ht-input-background-color: #1e1e1f;
497
602
  --ht-input-hover-border-color: #313132;
498
603
  --ht-input-hover-foreground-color: #c7c7c7;
499
- --ht-input-hover-background-color: #0f0f10;
604
+ --ht-input-hover-background-color: #050506;
500
605
  --ht-input-disabled-border-color: #313132;
501
606
  --ht-input-disabled-foreground-color: #68696c;
502
- --ht-input-disabled-background-color: rgba(104, 105, 108, 0.32);
607
+ --ht-input-disabled-background-color: #404144;
503
608
  --ht-input-focus-border-color: #476af7;
504
609
  --ht-input-focus-foreground-color: #c7c7c7;
505
- --ht-input-focus-background-color: #0f0f10;
610
+ --ht-input-focus-background-color: #050506;
506
611
  --ht-menu-border-color: #313132;
507
612
  --ht-menu-shadow-color: rgba(0, 0, 0, 0.80);
508
- --ht-menu-item-hover-color: rgba(239, 239, 243, 0.05);
509
- --ht-menu-item-active-color: rgba(239, 239, 243, 0.12);
613
+ --ht-menu-item-hover-color: rgba(199, 199, 199, 0.12);
614
+ --ht-menu-item-active-color: rgba(199, 199, 199, 0.16);
510
615
  }
511
616
  }
512
617
  /* Icons */
513
- [class*=ht-theme-main].htDropdownMenu table tbody tr td.htSubmenu .htItemWrapper::after, [class*=ht-theme-main].htContextMenu table tbody tr td.htSubmenu .htItemWrapper::after, [class*=ht-theme-main].htFiltersConditionsMenu table tbody tr td.htSubmenu .htItemWrapper::after,
618
+ [class*=ht-theme-main] .htDropdownMenu table tbody tr td.htSubmenu .htItemWrapper::after,
619
+ [class*=ht-theme-main] .htContextMenu table tbody tr td.htSubmenu .htItemWrapper::after,
620
+ [class*=ht-theme-main] .htFiltersConditionsMenu table tbody tr td.htSubmenu .htItemWrapper::after,
514
621
  [class*=ht-theme-main] .pika-single .pika-next {
515
622
  width: var(--ht-icon-size);
516
623
  height: var(--ht-icon-size);
@@ -554,7 +661,9 @@
554
661
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M8.00004 3.33331V12.6666M8.00004 12.6666L10.6667 9.99998M8.00004 12.6666L5.33337 9.99998%27 stroke=%27currentColor%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
555
662
  background-color: currentColor;
556
663
  }
557
- [class*=ht-theme-main].htDropdownMenu table tbody tr td .htItemWrapper span.selected::after, [class*=ht-theme-main].htContextMenu table tbody tr td .htItemWrapper span.selected::after, [class*=ht-theme-main].htFiltersConditionsMenu table tbody tr td .htItemWrapper span.selected::after {
664
+ [class*=ht-theme-main] .htDropdownMenu table tbody tr td .htItemWrapper span.selected::after,
665
+ [class*=ht-theme-main] .htContextMenu table tbody tr td .htItemWrapper span.selected::after,
666
+ [class*=ht-theme-main] .htFiltersConditionsMenu table tbody tr td .htItemWrapper span.selected::after {
558
667
  width: var(--ht-icon-size);
559
668
  height: var(--ht-icon-size);
560
669
  -webkit-mask-size: contain;