handsontable 16.1.1 → 16.2.0-next-216dbd0-20251112

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 (296) hide show
  1. package/3rdparty/walkontable/src/overlays.js +1 -1
  2. package/3rdparty/walkontable/src/overlays.mjs +1 -1
  3. package/3rdparty/walkontable/src/selection/border/border.js +19 -3
  4. package/3rdparty/walkontable/src/selection/border/border.mjs +19 -3
  5. package/CHANGELOG.md +39 -0
  6. package/base.js +2 -2
  7. package/base.mjs +2 -2
  8. package/core/coordsMapper/index.js +11 -0
  9. package/core/coordsMapper/index.mjs +1 -0
  10. package/core/hooks/bucket.js +7 -1
  11. package/core/hooks/bucket.mjs +7 -1
  12. package/core/hooks/constants.js +54 -0
  13. package/core/hooks/constants.mjs +54 -0
  14. package/core/hooks/index.d.ts +6 -0
  15. package/core/index.js +10 -4
  16. package/core/index.mjs +2 -1
  17. package/core.d.ts +3 -2
  18. package/core.js +67 -26
  19. package/core.mjs +56 -15
  20. package/dataMap/metaManager/metaSchema.js +197 -20
  21. package/dataMap/metaManager/metaSchema.mjs +197 -20
  22. package/dist/handsontable.css +175 -3
  23. package/dist/handsontable.full.css +175 -3
  24. package/dist/handsontable.full.js +10864 -8426
  25. package/dist/handsontable.full.min.css +5 -4
  26. package/dist/handsontable.full.min.js +194 -193
  27. package/dist/handsontable.js +7126 -4827
  28. package/dist/handsontable.min.css +4 -4
  29. package/dist/handsontable.min.js +43 -42
  30. package/dist/languages/all.js +168 -21
  31. package/dist/languages/all.min.js +1 -1
  32. package/dist/languages/ar-AR.js +8 -1
  33. package/dist/languages/ar-AR.min.js +1 -1
  34. package/dist/languages/cs-CZ.js +8 -1
  35. package/dist/languages/cs-CZ.min.js +1 -1
  36. package/dist/languages/de-CH.js +8 -1
  37. package/dist/languages/de-CH.min.js +1 -1
  38. package/dist/languages/de-DE.js +8 -1
  39. package/dist/languages/de-DE.min.js +1 -1
  40. package/dist/languages/en-US.js +8 -1
  41. package/dist/languages/en-US.min.js +1 -1
  42. package/dist/languages/es-MX.js +8 -1
  43. package/dist/languages/es-MX.min.js +1 -1
  44. package/dist/languages/fa-IR.js +8 -1
  45. package/dist/languages/fa-IR.min.js +1 -1
  46. package/dist/languages/fr-FR.js +8 -1
  47. package/dist/languages/fr-FR.min.js +1 -1
  48. package/dist/languages/hr-HR.js +8 -1
  49. package/dist/languages/hr-HR.min.js +1 -1
  50. package/dist/languages/it-IT.js +8 -1
  51. package/dist/languages/it-IT.min.js +1 -1
  52. package/dist/languages/ja-JP.js +8 -1
  53. package/dist/languages/ja-JP.min.js +1 -1
  54. package/dist/languages/ko-KR.js +8 -1
  55. package/dist/languages/ko-KR.min.js +1 -1
  56. package/dist/languages/lv-LV.js +8 -1
  57. package/dist/languages/lv-LV.min.js +1 -1
  58. package/dist/languages/nb-NO.js +8 -1
  59. package/dist/languages/nb-NO.min.js +1 -1
  60. package/dist/languages/nl-NL.js +8 -1
  61. package/dist/languages/nl-NL.min.js +1 -1
  62. package/dist/languages/pl-PL.js +8 -1
  63. package/dist/languages/pl-PL.min.js +1 -1
  64. package/dist/languages/pt-BR.js +8 -1
  65. package/dist/languages/pt-BR.min.js +1 -1
  66. package/dist/languages/ru-RU.js +8 -1
  67. package/dist/languages/ru-RU.min.js +1 -1
  68. package/dist/languages/sr-SP.js +8 -1
  69. package/dist/languages/sr-SP.min.js +1 -1
  70. package/dist/languages/zh-CN.js +8 -1
  71. package/dist/languages/zh-CN.min.js +1 -1
  72. package/dist/languages/zh-TW.js +8 -1
  73. package/dist/languages/zh-TW.min.js +1 -1
  74. package/editors/autocompleteEditor/autocompleteEditor.js +21 -1
  75. package/editors/autocompleteEditor/autocompleteEditor.mjs +22 -2
  76. package/focusManager/constants.js +25 -0
  77. package/focusManager/constants.mjs +22 -0
  78. package/focusManager/eventListener.js +107 -0
  79. package/focusManager/eventListener.mjs +103 -0
  80. package/{focusManager.d.ts → focusManager/grid.d.ts} +1 -1
  81. package/{focusManager.js → focusManager/grid.js} +48 -17
  82. package/{focusManager.mjs → focusManager/grid.mjs} +47 -16
  83. package/focusManager/index.d.ts +2 -0
  84. package/focusManager/index.js +20 -0
  85. package/focusManager/index.mjs +20 -0
  86. package/focusManager/scope.js +133 -0
  87. package/focusManager/scope.mjs +129 -0
  88. package/focusManager/scopeManager.d.ts +19 -0
  89. package/focusManager/scopeManager.js +268 -0
  90. package/focusManager/scopeManager.mjs +263 -0
  91. package/focusManager/scopes/grid.js +120 -0
  92. package/focusManager/scopes/grid.mjs +116 -0
  93. package/focusManager/scopes/index.js +13 -0
  94. package/focusManager/scopes/index.mjs +9 -0
  95. package/{utils → focusManager/utils}/focusDetector.js +21 -31
  96. package/{utils → focusManager/utils}/focusDetector.mjs +21 -31
  97. package/focusManager/utils/utils.js +95 -0
  98. package/focusManager/utils/utils.mjs +89 -0
  99. package/helpers/dom/element.js +1 -1
  100. package/helpers/dom/element.mjs +2 -2
  101. package/helpers/dom/event.js +1 -1
  102. package/helpers/dom/event.mjs +1 -1
  103. package/helpers/mixed.js +2 -65
  104. package/helpers/mixed.mjs +2 -63
  105. package/i18n/constants.js +10 -1
  106. package/i18n/constants.mjs +10 -1
  107. package/i18n/languages/ar-AR.js +8 -1
  108. package/i18n/languages/ar-AR.mjs +8 -1
  109. package/i18n/languages/cs-CZ.js +8 -1
  110. package/i18n/languages/cs-CZ.mjs +8 -1
  111. package/i18n/languages/de-CH.js +8 -1
  112. package/i18n/languages/de-CH.mjs +8 -1
  113. package/i18n/languages/de-DE.js +8 -1
  114. package/i18n/languages/de-DE.mjs +8 -1
  115. package/i18n/languages/en-US.js +8 -1
  116. package/i18n/languages/en-US.mjs +8 -1
  117. package/i18n/languages/es-MX.js +8 -1
  118. package/i18n/languages/es-MX.mjs +8 -1
  119. package/i18n/languages/fa-IR.js +8 -1
  120. package/i18n/languages/fa-IR.mjs +8 -1
  121. package/i18n/languages/fr-FR.js +8 -1
  122. package/i18n/languages/fr-FR.mjs +8 -1
  123. package/i18n/languages/hr-HR.js +8 -1
  124. package/i18n/languages/hr-HR.mjs +8 -1
  125. package/i18n/languages/it-IT.js +8 -1
  126. package/i18n/languages/it-IT.mjs +8 -1
  127. package/i18n/languages/ja-JP.js +8 -1
  128. package/i18n/languages/ja-JP.mjs +8 -1
  129. package/i18n/languages/ko-KR.js +8 -1
  130. package/i18n/languages/ko-KR.mjs +8 -1
  131. package/i18n/languages/lv-LV.js +8 -1
  132. package/i18n/languages/lv-LV.mjs +8 -1
  133. package/i18n/languages/nb-NO.js +8 -1
  134. package/i18n/languages/nb-NO.mjs +8 -1
  135. package/i18n/languages/nl-NL.js +8 -1
  136. package/i18n/languages/nl-NL.mjs +8 -1
  137. package/i18n/languages/pl-PL.js +8 -1
  138. package/i18n/languages/pl-PL.mjs +8 -1
  139. package/i18n/languages/pt-BR.js +8 -1
  140. package/i18n/languages/pt-BR.mjs +8 -1
  141. package/i18n/languages/ru-RU.js +8 -1
  142. package/i18n/languages/ru-RU.mjs +8 -1
  143. package/i18n/languages/sr-SP.js +8 -1
  144. package/i18n/languages/sr-SP.mjs +8 -1
  145. package/i18n/languages/zh-CN.js +8 -1
  146. package/i18n/languages/zh-CN.mjs +8 -1
  147. package/i18n/languages/zh-TW.js +8 -1
  148. package/i18n/languages/zh-TW.mjs +8 -1
  149. package/index.d.ts +9 -0
  150. package/languages/all.js +168 -21
  151. package/languages/ar-AR.js +8 -1
  152. package/languages/ar-AR.mjs +8 -1
  153. package/languages/cs-CZ.js +8 -1
  154. package/languages/cs-CZ.mjs +8 -1
  155. package/languages/de-CH.js +8 -1
  156. package/languages/de-CH.mjs +8 -1
  157. package/languages/de-DE.js +8 -1
  158. package/languages/de-DE.mjs +8 -1
  159. package/languages/en-US.js +8 -1
  160. package/languages/en-US.mjs +8 -1
  161. package/languages/es-MX.js +8 -1
  162. package/languages/es-MX.mjs +8 -1
  163. package/languages/fa-IR.js +8 -1
  164. package/languages/fa-IR.mjs +8 -1
  165. package/languages/fr-FR.js +8 -1
  166. package/languages/fr-FR.mjs +8 -1
  167. package/languages/hr-HR.js +8 -1
  168. package/languages/hr-HR.mjs +8 -1
  169. package/languages/index.js +168 -21
  170. package/languages/it-IT.js +8 -1
  171. package/languages/it-IT.mjs +8 -1
  172. package/languages/ja-JP.js +8 -1
  173. package/languages/ja-JP.mjs +8 -1
  174. package/languages/ko-KR.js +8 -1
  175. package/languages/ko-KR.mjs +8 -1
  176. package/languages/lv-LV.js +8 -1
  177. package/languages/lv-LV.mjs +8 -1
  178. package/languages/nb-NO.js +8 -1
  179. package/languages/nb-NO.mjs +8 -1
  180. package/languages/nl-NL.js +8 -1
  181. package/languages/nl-NL.mjs +8 -1
  182. package/languages/pl-PL.js +8 -1
  183. package/languages/pl-PL.mjs +8 -1
  184. package/languages/pt-BR.js +8 -1
  185. package/languages/pt-BR.mjs +8 -1
  186. package/languages/ru-RU.js +8 -1
  187. package/languages/ru-RU.mjs +8 -1
  188. package/languages/sr-SP.js +8 -1
  189. package/languages/sr-SP.mjs +8 -1
  190. package/languages/zh-CN.js +8 -1
  191. package/languages/zh-CN.mjs +8 -1
  192. package/languages/zh-TW.js +8 -1
  193. package/languages/zh-TW.mjs +8 -1
  194. package/package.json +25 -7
  195. package/plugins/autoRowSize/autoRowSize.js +8 -1
  196. package/plugins/autoRowSize/autoRowSize.mjs +8 -1
  197. package/plugins/base/base.js +36 -10
  198. package/plugins/base/base.mjs +36 -10
  199. package/plugins/columnSummary/endpoints.js +13 -3
  200. package/plugins/columnSummary/endpoints.mjs +13 -3
  201. package/plugins/customBorders/customBorders.d.ts +1 -0
  202. package/plugins/customBorders/customBorders.js +32 -2
  203. package/plugins/customBorders/customBorders.mjs +32 -2
  204. package/plugins/dialog/constants.js +7 -0
  205. package/plugins/dialog/constants.mjs +4 -0
  206. package/plugins/dialog/dialog.d.ts +22 -2
  207. package/plugins/dialog/dialog.js +197 -81
  208. package/plugins/dialog/dialog.mjs +196 -81
  209. package/plugins/dialog/templates/base.js +60 -0
  210. package/plugins/dialog/templates/base.mjs +56 -0
  211. package/plugins/dialog/templates/confirm.js +106 -0
  212. package/plugins/dialog/templates/confirm.mjs +102 -0
  213. package/plugins/dialog/templates/index.js +6 -0
  214. package/plugins/dialog/templates/index.mjs +4 -0
  215. package/plugins/dialog/ui.js +125 -41
  216. package/plugins/dialog/ui.mjs +119 -35
  217. package/plugins/emptyDataState/emptyDataState.d.ts +24 -0
  218. package/plugins/emptyDataState/emptyDataState.js +526 -0
  219. package/plugins/emptyDataState/emptyDataState.mjs +521 -0
  220. package/plugins/emptyDataState/index.d.ts +1 -0
  221. package/plugins/emptyDataState/index.js +7 -0
  222. package/plugins/emptyDataState/index.mjs +1 -0
  223. package/plugins/emptyDataState/ui.js +282 -0
  224. package/plugins/emptyDataState/ui.mjs +278 -0
  225. package/plugins/filters/component/value.js +16 -1
  226. package/plugins/filters/component/value.mjs +16 -1
  227. package/plugins/filters/filters.d.ts +5 -1
  228. package/plugins/filters/filters.js +22 -1
  229. package/plugins/filters/filters.mjs +22 -1
  230. package/plugins/filters/ui/multipleSelect.js +90 -79
  231. package/plugins/filters/ui/multipleSelect.mjs +90 -79
  232. package/plugins/index.d.ts +3 -0
  233. package/plugins/index.js +3 -0
  234. package/plugins/index.mjs +3 -1
  235. package/plugins/mergeCells/utils.js +1 -5
  236. package/plugins/mergeCells/utils.mjs +1 -5
  237. package/plugins/pagination/pagination.js +37 -175
  238. package/plugins/pagination/pagination.mjs +37 -175
  239. package/plugins/pagination/strategies/autoPageSize.js +2 -2
  240. package/plugins/pagination/strategies/autoPageSize.mjs +2 -2
  241. package/plugins/pagination/ui.js +6 -10
  242. package/plugins/pagination/ui.mjs +7 -11
  243. package/plugins/stretchColumns/calculator.js +3 -1
  244. package/plugins/stretchColumns/calculator.mjs +3 -1
  245. package/plugins/undoRedo/undoRedo.js +16 -6
  246. package/plugins/undoRedo/undoRedo.mjs +16 -5
  247. package/renderers/checkboxRenderer/checkboxRenderer.js +12 -15
  248. package/renderers/checkboxRenderer/checkboxRenderer.mjs +12 -15
  249. package/selection/selection.js +1 -1
  250. package/selection/selection.mjs +1 -1
  251. package/settings.d.ts +3 -0
  252. package/shortcutContexts/commands/index.js +2 -1
  253. package/shortcutContexts/commands/index.mjs +2 -1
  254. package/shortcutContexts/commands/tabNavigation.js +51 -0
  255. package/shortcutContexts/commands/tabNavigation.mjs +48 -0
  256. package/shortcutContexts/constants.js +16 -1
  257. package/shortcutContexts/constants.mjs +16 -1
  258. package/shortcutContexts/editor.js +2 -2
  259. package/shortcutContexts/editor.mjs +3 -3
  260. package/shortcutContexts/grid.js +19 -3
  261. package/shortcutContexts/grid.mjs +20 -4
  262. package/shortcuts/manager.d.ts +1 -0
  263. package/shortcuts/manager.js +17 -2
  264. package/shortcuts/manager.mjs +17 -2
  265. package/styles/handsontable.css +192 -35
  266. package/styles/handsontable.min.css +3 -3
  267. package/styles/ht-icons-horizon.css +233 -0
  268. package/styles/ht-icons-horizon.min.css +30 -0
  269. package/styles/ht-icons-main.css +233 -0
  270. package/styles/ht-icons-main.min.css +30 -0
  271. package/styles/ht-theme-classic-no-icons.css +399 -0
  272. package/styles/ht-theme-classic-no-icons.min.css +30 -0
  273. package/styles/ht-theme-classic.css +308 -556
  274. package/styles/ht-theme-classic.min.css +3 -3
  275. package/styles/ht-theme-horizon-no-icons.css +405 -0
  276. package/styles/ht-theme-horizon-no-icons.min.css +30 -0
  277. package/styles/ht-theme-horizon.css +312 -556
  278. package/styles/ht-theme-horizon.min.css +3 -3
  279. package/styles/ht-theme-main-no-icons.css +396 -0
  280. package/styles/ht-theme-main-no-icons.min.css +30 -0
  281. package/styles/ht-theme-main.css +303 -556
  282. package/styles/ht-theme-main.min.css +3 -3
  283. package/tableView.js +23 -5
  284. package/tableView.mjs +23 -5
  285. package/utils/dataStructures/uniqueMap.js +10 -0
  286. package/utils/dataStructures/uniqueMap.mjs +10 -0
  287. package/utils/ghostTable.js +0 -3
  288. package/utils/ghostTable.mjs +0 -3
  289. package/utils/stylesHandler.js +19 -4
  290. package/utils/stylesHandler.mjs +19 -4
  291. package/core/focusCatcher/index.js +0 -131
  292. package/core/focusCatcher/index.mjs +0 -127
  293. package/core/focusCatcher/utils.js +0 -31
  294. package/core/focusCatcher/utils.mjs +0 -27
  295. package/plugins/pagination/focusController.js +0 -27
  296. package/plugins/pagination/focusController.mjs +0 -23
package/styles/ht-theme-main.css CHANGED
@@ -25,12 +25,47 @@
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: 16.1.1
29
- * Release date: 23/09/2025 (built at 23/09/2025 14:17:07)
28
+ * Version: 16.2.0-next-216dbd0-20251112
29
+ * Release date: 19/11/2025 (built at 12/11/2025 14:05:32)
30
30
  */
31
31
  .ht-theme-main,
32
32
  .ht-theme-main-dark,
33
33
  .ht-theme-main-dark-auto {
34
+ --ht-color-transparent-0: rgba(255, 255, 255, 0);
35
+ --ht-color-transparent-80: rgba(255, 255, 255, 0.80);
36
+ --ht-color-gray-100: #ffffff;
37
+ --ht-color-gray-200: #f7f7f9;
38
+ --ht-color-gray-250: #ebebed;
39
+ --ht-color-gray-300: #e7e7e9;
40
+ --ht-color-gray-350: #d1d1d5;
41
+ --ht-color-gray-400: #a3a3a3;
42
+ --ht-color-gray-500: #68696c;
43
+ --ht-color-gray-800: #222222;
44
+ --ht-color-gray-900: #0f0f10;
45
+ --ht-color-gray-800-40: rgba(34, 34, 34, 0.40);
46
+ --ht-color-gray-800-8: rgba(34, 34, 34, 0.08);
47
+ --ht-color-gray-800-4: rgba(34, 34, 34, 0.04);
48
+ --ht-color-accent-300: #5371ee;
49
+ --ht-color-accent-350: #2e56fc;
50
+ --ht-color-accent-400: #1a42e8;
51
+ --ht-color-accent-500: #1535bc;
52
+ --ht-color-accent-400-40: rgba(26, 66, 232, 0.40);
53
+ --ht-color-notification-search: rgba(251, 233, 82, 0.80);
54
+ --ht-color-notification-error: rgba(250, 77, 50, 0.20);
55
+ --ht-color-notification-success: rgba(55, 188, 108, 0.20);
56
+ --ht-color-notification-warning: rgba(251, 233, 82, 0.20);
57
+ --ht-color-notification-informational: rgba(39, 194, 255, 0.20);
58
+ --ht-common-accent: var(--ht-color-accent-400);
59
+ --ht-common-background: var(--ht-color-gray-100);
60
+ --ht-common-foreground: var(--ht-color-gray-800);
61
+ --ht-common-border: var(--ht-color-gray-300);
62
+ --ht-common-disabled: var(--ht-color-gray-400);
63
+ --ht-common-read-only: var(--ht-color-gray-500);
64
+ --ht-common-placeholder: var(--ht-color-gray-400);
65
+ --ht-common-shadow: var(--ht-color-gray-800-8);
66
+ --ht-common-background-secondary: var(--ht-color-gray-200);
67
+ --ht-common-overlay: var(--ht-color-transparent-80);
68
+ --ht-common-foreground-secondary: var(--ht-color-gray-500);
34
69
  --ht-font-size: 14px;
35
70
  --ht-font-size-small: 12px;
36
71
  --ht-line-height: 20px;
@@ -40,611 +75,323 @@
40
75
  --ht-gap-size: 4px;
41
76
  --ht-icon-size: 16px;
42
77
  --ht-table-transition: 0.15s;
43
- --ht-border-color: #e7e7e9;
44
- --ht-accent-color: #1a42e8;
45
- --ht-foreground-color: #222222;
46
- --ht-foreground-secondary-color: #68696c;
47
- --ht-background-color: #ffffff;
48
- --ht-placeholder-color: #a3a3a3;
49
- --ht-read-only-color: #68696c;
50
- --ht-disabled-color: #a3a3a3;
51
- --ht-shadow-color: rgba(34, 34, 34, 0.08);
78
+ --ht-border-color: var(--ht-common-border);
79
+ --ht-accent-color: var(--ht-common-accent);
80
+ --ht-foreground-color: var(--ht-common-foreground);
81
+ --ht-foreground-secondary-color: var(--ht-common-foreground-secondary);
82
+ --ht-background-color: var(--ht-common-background);
83
+ --ht-placeholder-color: var(--ht-common-placeholder);
84
+ --ht-read-only-color: var(--ht-common-read-only);
85
+ --ht-disabled-color: var(--ht-common-disabled);
86
+ --ht-shadow-color: var(--ht-common-shadow);
52
87
  --ht-shadow-x: 0;
53
88
  --ht-shadow-y: 8px;
54
89
  --ht-shadow-blur: 16px;
55
- --ht-cell-horizontal-border-color: #e7e7e9;
56
- --ht-cell-vertical-border-color: #e7e7e9;
90
+ --ht-bar-foreground-color: var(--ht-common-foreground);
91
+ --ht-bar-background-color: var(--ht-common-background-secondary);
92
+ --ht-bar-horizontal-padding: 16px;
93
+ --ht-bar-vertical-padding: 8px;
94
+ --ht-cell-horizontal-border-color: var(--ht-common-border);
95
+ --ht-cell-vertical-border-color: var(--ht-common-border);
57
96
  --ht-wrapper-border-width: 0;
58
97
  --ht-wrapper-border-radius: 4px;
59
- --ht-wrapper-border-color: #e7e7e9;
60
- --ht-row-header-odd-background-color: #f7f7f9;
61
- --ht-row-header-even-background-color: #f7f7f9;
62
- --ht-row-cell-odd-background-color: rgba(255, 255, 255, 0);
63
- --ht-row-cell-even-background-color: rgba(255, 255, 255, 0);
98
+ --ht-wrapper-border-color: var(--ht-common-border);
99
+ --ht-row-header-odd-background-color: var(--ht-common-background-secondary);
100
+ --ht-row-header-even-background-color: var(--ht-common-background-secondary);
101
+ --ht-row-cell-odd-background-color: var(--ht-color-transparent-0);
102
+ --ht-row-cell-even-background-color: var(--ht-color-transparent-0);
64
103
  --ht-cell-horizontal-padding: 8px;
65
104
  --ht-cell-vertical-padding: 4px;
66
105
  --ht-cell-editor-border-width: 2px;
67
- --ht-cell-editor-border-color: #1a42e8;
68
- --ht-cell-editor-foreground-color: #0f0f10;
69
- --ht-cell-editor-background-color: #ffffff;
106
+ --ht-cell-editor-border-color: var(--ht-common-accent);
107
+ --ht-cell-editor-foreground-color: var(--ht-color-gray-900);
108
+ --ht-cell-editor-background-color: var(--ht-common-background);
70
109
  --ht-cell-editor-shadow-blur-radius: 0;
71
- --ht-cell-editor-shadow-color: #1a42e8;
72
- --ht-cell-success-background-color: rgba(55, 188, 108, 0.20);
73
- --ht-cell-error-background-color: rgba(250, 77, 50, 0.20);
74
- --ht-cell-read-only-background-color: rgba(34, 34, 34, 0.04);
75
- --ht-cell-selection-border-color: #1a42e8;
76
- --ht-cell-selection-background-color: #5371ee;
110
+ --ht-cell-editor-shadow-color: var(--ht-common-accent);
111
+ --ht-cell-success-background-color: var(--ht-color-notification-success);
112
+ --ht-cell-error-background-color: var(--ht-color-notification-error);
113
+ --ht-cell-read-only-background-color: var(--ht-color-gray-800-4);
114
+ --ht-cell-selection-border-color: var(--ht-common-accent);
115
+ --ht-cell-selection-background-color: var(--ht-color-accent-350);
77
116
  --ht-cell-autofill-size: 6px;
78
117
  --ht-cell-autofill-border-width: 1px;
79
118
  --ht-cell-autofill-border-radius: 4px;
80
- --ht-cell-autofill-border-color: #ffffff;
81
- --ht-cell-autofill-background-color: #1a42e8;
82
- --ht-cell-autofill-fill-border-color: #222222;
119
+ --ht-cell-autofill-border-color: var(--ht-common-background);
120
+ --ht-cell-autofill-background-color: var(--ht-common-accent);
121
+ --ht-cell-autofill-fill-border-color: var(--ht-common-foreground);
83
122
  --ht-cell-mobile-handle-size: 12px;
84
123
  --ht-cell-mobile-handle-border-width: 1px;
85
124
  --ht-cell-mobile-handle-border-radius: 6px;
86
- --ht-cell-mobile-handle-border-color: #1a42e8;
87
- --ht-cell-mobile-handle-background-color: rgba(26, 66, 232, 0.40);
88
- --ht-resize-indicator-color: rgba(34, 34, 34, 0.40);
89
- --ht-move-backlight-color: rgba(34, 34, 34, 0.08);
90
- --ht-move-indicator-color: #1a42e8;
91
- --ht-hidden-indicator-color: rgba(34, 34, 34, 0.40);
125
+ --ht-cell-mobile-handle-border-color: var(--ht-common-accent);
126
+ --ht-cell-mobile-handle-background-color: var(--ht-color-accent-400-40);
127
+ --ht-resize-indicator-color: var(--ht-color-gray-800-40);
128
+ --ht-move-backlight-color: var(--ht-color-gray-800-8);
129
+ --ht-move-indicator-color: var(--ht-common-accent);
130
+ --ht-hidden-indicator-color: var(--ht-color-gray-800-40);
92
131
  --ht-scrollbar-border-radius: 8px;
93
- --ht-scrollbar-track-color: #f7f7f9;
94
- --ht-scrollbar-thumb-color: #a3a3a3;
95
- --ht-header-font-weight: 400;
96
- --ht-header-foreground-color: #222222;
97
- --ht-header-background-color: #f7f7f9;
132
+ --ht-scrollbar-track-color: var(--ht-common-background-secondary);
133
+ --ht-scrollbar-thumb-color: var(--ht-color-gray-400);
134
+ --ht-header-font-weight: var(--ht-font-weight);
135
+ --ht-header-foreground-color: var(--ht-common-foreground);
136
+ --ht-header-background-color: var(--ht-common-background-secondary);
98
137
  --ht-header-highlighted-shadow-size: 0;
99
- --ht-header-highlighted-foreground-color: #0f0f10;
100
- --ht-header-highlighted-background-color: #ebebed;
101
- --ht-header-active-border-color: #2e56fc;
102
- --ht-header-active-foreground-color: #ffffff;
103
- --ht-header-active-background-color: #1a42e8;
104
- --ht-header-filter-background-color: rgba(55, 188, 108, 0.20);
105
- --ht-header-row-foreground-color: #222222;
106
- --ht-header-row-background-color: #f7f7f9;
107
- --ht-header-row-highlighted-foreground-color: #0f0f10;
108
- --ht-header-row-highlighted-background-color: #ebebed;
109
- --ht-header-row-active-foreground-color: #ffffff;
110
- --ht-header-row-active-background-color: #1a42e8;
111
- --ht-checkbox-size: 16px;
138
+ --ht-header-highlighted-foreground-color: var(--ht-color-gray-900);
139
+ --ht-header-highlighted-background-color: var(--ht-color-gray-250);
140
+ --ht-header-active-border-color: var(--ht-color-accent-350);
141
+ --ht-header-active-foreground-color: var(--ht-common-background);
142
+ --ht-header-active-background-color: var(--ht-common-accent);
143
+ --ht-header-filter-background-color: var(--ht-color-notification-success);
144
+ --ht-header-row-foreground-color: var(--ht-common-foreground);
145
+ --ht-header-row-background-color: var(--ht-common-background-secondary);
146
+ --ht-header-row-highlighted-foreground-color: var(--ht-color-gray-900);
147
+ --ht-header-row-highlighted-background-color: var(--ht-color-gray-250);
148
+ --ht-header-row-active-foreground-color: var(--ht-common-background);
149
+ --ht-header-row-active-background-color: var(--ht-common-accent);
150
+ --ht-checkbox-size: var(--ht-icon-size);
112
151
  --ht-checkbox-border-radius: 4px;
113
- --ht-checkbox-border-color: #d1d1d5;
114
- --ht-checkbox-background-color: #ffffff;
115
- --ht-checkbox-icon-color: rgba(255, 255, 255, 0);
116
- --ht-checkbox-focus-border-color: #d1d1d5;
117
- --ht-checkbox-focus-background-color: #ffffff;
118
- --ht-checkbox-focus-icon-color: rgba(255, 255, 255, 0);
119
- --ht-checkbox-focus-ring-color: #1a42e8;
120
- --ht-checkbox-disabled-border-color: #e7e7e9;
121
- --ht-checkbox-disabled-background-color: #d1d1d5;
122
- --ht-checkbox-disabled-icon-color: rgba(255, 255, 255, 0);
123
- --ht-checkbox-checked-border-color: #2e56fc;
124
- --ht-checkbox-checked-background-color: #1a42e8;
125
- --ht-checkbox-checked-icon-color: #ffffff;
126
- --ht-checkbox-checked-focus-border-color: #ffffff;
127
- --ht-checkbox-checked-focus-background-color: #1a42e8;
128
- --ht-checkbox-checked-focus-icon-color: #ffffff;
129
- --ht-checkbox-checked-disabled-border-color: #e7e7e9;
130
- --ht-checkbox-checked-disabled-background-color: #d1d1d5;
131
- --ht-checkbox-checked-disabled-icon-color: #a3a3a3;
132
- --ht-checkbox-indeterminate-border-color: #2e56fc;
133
- --ht-checkbox-indeterminate-background-color: #1a42e8;
134
- --ht-checkbox-indeterminate-icon-color: #ffffff;
135
- --ht-checkbox-indeterminate-focus-border-color: #ffffff;
136
- --ht-checkbox-indeterminate-focus-background-color: #1a42e8;
137
- --ht-checkbox-indeterminate-focus-icon-color: #ffffff;
138
- --ht-checkbox-indeterminate-disabled-border-color: #e7e7e9;
139
- --ht-checkbox-indeterminate-disabled-background-color: #d1d1d5;
140
- --ht-checkbox-indeterminate-disabled-icon-color: #aeaeae;
141
- --ht-radio-size: 16px;
142
- --ht-radio-border-color: #d1d1d5;
143
- --ht-radio-background-color: #ffffff;
144
- --ht-radio-icon-color: rgba(255, 255, 255, 0);
145
- --ht-radio-focus-border-color: #e7e7e9;
146
- --ht-radio-focus-background-color: #ffffff;
147
- --ht-radio-focus-icon-color: rgba(255, 255, 255, 0);
148
- --ht-radio-focus-ring-color: #1a42e8;
149
- --ht-radio-disabled-border-color: #e7e7e9;
150
- --ht-radio-disabled-background-color: #d1d1d5;
151
- --ht-radio-disabled-icon-color: rgba(255, 255, 255, 0);
152
- --ht-radio-checked-border-color: #1a42e8;
153
- --ht-radio-checked-background-color: #ffffff;
154
- --ht-radio-checked-icon-color: #1a42e8;
155
- --ht-radio-checked-focus-border-color: #2e56fc;
156
- --ht-radio-checked-focus-background-color: #ffffff;
157
- --ht-radio-checked-focus-icon-color: #2e56fc;
158
- --ht-radio-checked-disabled-border-color: #e7e7e9;
159
- --ht-radio-checked-disabled-background-color: #d1d1d5;
160
- --ht-radio-checked-disabled-icon-color: #a3a3a3;
152
+ --ht-checkbox-border-color: var(--ht-color-gray-350);
153
+ --ht-checkbox-background-color: var(--ht-common-background);
154
+ --ht-checkbox-icon-color: var(--ht-color-transparent-0);
155
+ --ht-checkbox-focus-border-color: var(--ht-color-gray-350);
156
+ --ht-checkbox-focus-background-color: var(--ht-common-background);
157
+ --ht-checkbox-focus-icon-color: var(--ht-color-transparent-0);
158
+ --ht-checkbox-focus-ring-color: var(--ht-common-accent);
159
+ --ht-checkbox-disabled-border-color: var(--ht-common-border);
160
+ --ht-checkbox-disabled-background-color: var(--ht-color-gray-350);
161
+ --ht-checkbox-disabled-icon-color: var(--ht-color-transparent-0);
162
+ --ht-checkbox-checked-border-color: var(--ht-color-accent-350);
163
+ --ht-checkbox-checked-background-color: var(--ht-common-accent);
164
+ --ht-checkbox-checked-icon-color: var(--ht-common-background);
165
+ --ht-checkbox-checked-focus-border-color: var(--ht-common-background);
166
+ --ht-checkbox-checked-focus-background-color: var(--ht-common-accent);
167
+ --ht-checkbox-checked-focus-icon-color: var(--ht-common-background);
168
+ --ht-checkbox-checked-disabled-border-color: var(--ht-common-border);
169
+ --ht-checkbox-checked-disabled-background-color: var(--ht-color-gray-350);
170
+ --ht-checkbox-checked-disabled-icon-color: var(--ht-common-disabled);
171
+ --ht-checkbox-indeterminate-border-color: var(--ht-color-accent-350);
172
+ --ht-checkbox-indeterminate-background-color: var(--ht-common-accent);
173
+ --ht-checkbox-indeterminate-icon-color: var(--ht-common-background);
174
+ --ht-checkbox-indeterminate-focus-border-color: var(--ht-color-gray-100);
175
+ --ht-checkbox-indeterminate-focus-background-color: var(--ht-common-accent);
176
+ --ht-checkbox-indeterminate-focus-icon-color: var(--ht-common-background);
177
+ --ht-checkbox-indeterminate-disabled-border-color: var(--ht-common-border);
178
+ --ht-checkbox-indeterminate-disabled-background-color: var(--ht-color-gray-350);
179
+ --ht-checkbox-indeterminate-disabled-icon-color: var(--ht-common-disabled);
180
+ --ht-radio-size: var(--ht-icon-size);
181
+ --ht-radio-border-color: var(--ht-color-gray-350);
182
+ --ht-radio-background-color: var(--ht-common-background);
183
+ --ht-radio-icon-color: var(--ht-color-transparent-0);
184
+ --ht-radio-focus-border-color: var(--ht-common-border);
185
+ --ht-radio-focus-background-color: var(--ht-common-background);
186
+ --ht-radio-focus-icon-color: var(--ht-color-transparent-0);
187
+ --ht-radio-focus-ring-color: var(--ht-common-accent);
188
+ --ht-radio-disabled-border-color: var(--ht-common-border);
189
+ --ht-radio-disabled-background-color: var(--ht-color-gray-350);
190
+ --ht-radio-disabled-icon-color: var(--ht-color-transparent-0);
191
+ --ht-radio-checked-border-color: var(--ht-common-accent);
192
+ --ht-radio-checked-background-color: var(--ht-common-background);
193
+ --ht-radio-checked-icon-color: var(--ht-common-accent);
194
+ --ht-radio-checked-focus-border-color: var(--ht-color-accent-350);
195
+ --ht-radio-checked-focus-background-color: var(--ht-common-background);
196
+ --ht-radio-checked-focus-icon-color: var(--ht-color-accent-350);
197
+ --ht-radio-checked-disabled-border-color: var(--ht-common-border);
198
+ --ht-radio-checked-disabled-background-color: var(--ht-color-gray-350);
199
+ --ht-radio-checked-disabled-icon-color: var(--ht-common-disabled);
161
200
  --ht-icon-button-border-radius: 2px;
162
201
  --ht-icon-button-large-border-radius: 4px;
163
202
  --ht-icon-button-large-padding: 4px;
164
- --ht-icon-button-border-color: #f7f7f9;
165
- --ht-icon-button-background-color: #f7f7f9;
166
- --ht-icon-button-icon-color: rgba(34, 34, 34, 0.40);
167
- --ht-icon-button-hover-border-color: #e7e7e9;
168
- --ht-icon-button-hover-background-color: #e7e7e9;
169
- --ht-icon-button-hover-icon-color: rgba(34, 34, 34, 0.40);
170
- --ht-icon-button-active-border-color: #1a42e8;
171
- --ht-icon-button-active-background-color: #1a42e8;
172
- --ht-icon-button-active-icon-color: #ffffff;
173
- --ht-icon-button-active-hover-border-color: #2e56fc;
174
- --ht-icon-button-active-hover-background-color: #2e56fc;
175
- --ht-icon-button-active-hover-icon-color: #ffffff;
203
+ --ht-icon-button-border-color: var(--ht-common-background-secondary);
204
+ --ht-icon-button-background-color: var(--ht-common-background-secondary);
205
+ --ht-icon-button-icon-color: var(--ht-color-gray-800-40);
206
+ --ht-icon-button-hover-border-color: var(--ht-color-gray-300);
207
+ --ht-icon-button-hover-background-color: var(--ht-color-gray-300);
208
+ --ht-icon-button-hover-icon-color: var(--ht-color-gray-800-40);
209
+ --ht-icon-button-active-border-color: var(--ht-color-accent-350);
210
+ --ht-icon-button-active-background-color: var(--ht-common-accent);
211
+ --ht-icon-button-active-icon-color: var(--ht-common-background);
212
+ --ht-icon-button-active-hover-border-color: var(--ht-color-accent-350);
213
+ --ht-icon-button-active-hover-background-color: var(--ht-color-accent-350);
214
+ --ht-icon-button-active-hover-icon-color: var(--ht-common-background);
176
215
  --ht-collapse-button-border-radius: 4px;
177
- --ht-collapse-button-open-border-color: #d1d1d5;
178
- --ht-collapse-button-open-background-color: #ffffff;
179
- --ht-collapse-button-open-icon-color: #68696c;
180
- --ht-collapse-button-open-icon-active-color: #68696c;
181
- --ht-collapse-button-open-hover-border-color: #d1d1d5;
182
- --ht-collapse-button-open-hover-background-color: #f7f7f9;
183
- --ht-collapse-button-open-hover-icon-color: #68696c;
184
- --ht-collapse-button-open-hover-icon-active-color: #68696c;
185
- --ht-collapse-button-close-border-color: #d1d1d5;
186
- --ht-collapse-button-close-background-color: #ebebed;
187
- --ht-collapse-button-close-icon-color: #68696c;
188
- --ht-collapse-button-close-icon-active-color: #68696c;
189
- --ht-collapse-button-close-hover-border-color: #d1d1d5;
190
- --ht-collapse-button-close-hover-background-color: #ebebed;
191
- --ht-collapse-button-close-hover-icon-color: #68696c;
192
- --ht-collapse-button-close-hover-icon-active-color: #68696c;
216
+ --ht-collapse-button-open-border-color: var(--ht-color-gray-350);
217
+ --ht-collapse-button-open-background-color: var(--ht-common-background);
218
+ --ht-collapse-button-open-icon-color: var(--ht-color-gray-500);
219
+ --ht-collapse-button-open-icon-active-color: var(--ht-color-gray-500);
220
+ --ht-collapse-button-open-hover-border-color: var(--ht-color-gray-350);
221
+ --ht-collapse-button-open-hover-background-color: var(--ht-common-background-secondary);
222
+ --ht-collapse-button-open-hover-icon-color: var(--ht-color-gray-500);
223
+ --ht-collapse-button-open-hover-icon-active-color: var(--ht-color-gray-500);
224
+ --ht-collapse-button-close-border-color: var(--ht-color-gray-350);
225
+ --ht-collapse-button-close-background-color: var(--ht-color-gray-250);
226
+ --ht-collapse-button-close-icon-color: var(--ht-color-gray-500);
227
+ --ht-collapse-button-close-icon-active-color: var(--ht-color-gray-500);
228
+ --ht-collapse-button-close-hover-border-color: var(--ht-color-gray-350);
229
+ --ht-collapse-button-close-hover-background-color: var(--ht-color-gray-250);
230
+ --ht-collapse-button-close-hover-icon-color: var(--ht-color-gray-500);
231
+ --ht-collapse-button-close-hover-icon-active-color: var(--ht-color-gray-500);
193
232
  --ht-button-border-radius: 4px;
194
233
  --ht-button-horizontal-padding: 12px;
195
234
  --ht-button-vertical-padding: 6px;
196
- --ht-primary-button-border-color: rgba(255, 255, 255, 0);
197
- --ht-primary-button-foreground-color: #ffffff;
198
- --ht-primary-button-background-color: #1a42e8;
199
- --ht-primary-button-disabled-border-color: rgba(255, 255, 255, 0);
200
- --ht-primary-button-disabled-foreground-color: #a3a3a3;
201
- --ht-primary-button-disabled-background-color: #ebebed;
202
- --ht-primary-button-hover-border-color: rgba(255, 255, 255, 0);
203
- --ht-primary-button-hover-foreground-color: #ffffff;
204
- --ht-primary-button-hover-background-color: #1535bc;
205
- --ht-primary-button-focus-border-color: #ffffff;
206
- --ht-primary-button-focus-foreground-color: #ffffff;
207
- --ht-primary-button-focus-background-color: #1a42e8;
208
- --ht-secondary-button-border-color: #e7e7e9;
209
- --ht-secondary-button-foreground-color: #222222;
210
- --ht-secondary-button-background-color: #ffffff;
211
- --ht-secondary-button-disabled-border-color: #e7e7e9;
212
- --ht-secondary-button-disabled-foreground-color: #a3a3a3;
213
- --ht-secondary-button-disabled-background-color: #ebebed;
214
- --ht-secondary-button-hover-border-color: #e7e7e9;
215
- --ht-secondary-button-hover-foreground-color: #222222;
216
- --ht-secondary-button-hover-background-color: #e7e7e9;
217
- --ht-secondary-button-focus-border-color: #e7e7e9;
218
- --ht-secondary-button-focus-foreground-color: #222222;
219
- --ht-secondary-button-focus-background-color: #ffffff;
235
+ --ht-primary-button-border-color: var(--ht-color-transparent-0);
236
+ --ht-primary-button-foreground-color: var(--ht-common-background);
237
+ --ht-primary-button-background-color: var(--ht-common-accent);
238
+ --ht-primary-button-disabled-border-color: var(--ht-color-transparent-0);
239
+ --ht-primary-button-disabled-foreground-color: var(--ht-common-disabled);
240
+ --ht-primary-button-disabled-background-color: var(--ht-color-gray-250);
241
+ --ht-primary-button-hover-border-color: var(--ht-color-transparent-0);
242
+ --ht-primary-button-hover-foreground-color: var(--ht-common-background);
243
+ --ht-primary-button-hover-background-color: var(--ht-color-accent-500);
244
+ --ht-primary-button-focus-border-color: var(--ht-common-background);
245
+ --ht-primary-button-focus-foreground-color: var(--ht-common-background);
246
+ --ht-primary-button-focus-background-color: var(--ht-common-accent);
247
+ --ht-secondary-button-border-color: var(--ht-common-border);
248
+ --ht-secondary-button-foreground-color: var(--ht-common-foreground);
249
+ --ht-secondary-button-background-color: var(--ht-common-background);
250
+ --ht-secondary-button-disabled-border-color: var(--ht-common-border);
251
+ --ht-secondary-button-disabled-foreground-color: var(--ht-common-disabled);
252
+ --ht-secondary-button-disabled-background-color: var(--ht-color-gray-250);
253
+ --ht-secondary-button-hover-border-color: var(--ht-common-border);
254
+ --ht-secondary-button-hover-foreground-color: var(--ht-common-foreground);
255
+ --ht-secondary-button-hover-background-color: var(--ht-common-border);
256
+ --ht-secondary-button-focus-border-color: var(--ht-common-border);
257
+ --ht-secondary-button-focus-foreground-color: var(--ht-common-foreground);
258
+ --ht-secondary-button-focus-background-color: var(--ht-common-background);
220
259
  --ht-comments-textarea-horizontal-padding: 8px;
221
260
  --ht-comments-textarea-vertical-padding: 4px;
222
261
  --ht-comments-textarea-border-width: 1px;
223
- --ht-comments-textarea-border-color: rgba(255, 255, 255, 0);
224
- --ht-comments-textarea-foreground-color: #222222;
225
- --ht-comments-textarea-background-color: #f7f7f9;
262
+ --ht-comments-textarea-border-color: var(--ht-color-transparent-0);
263
+ --ht-comments-textarea-foreground-color: var(--ht-common-foreground);
264
+ --ht-comments-textarea-background-color: var(--ht-common-background-secondary);
226
265
  --ht-comments-textarea-focus-border-width: 1px;
227
- --ht-comments-textarea-focus-border-color: #1a42e8;
228
- --ht-comments-textarea-focus-foreground-color: #222222;
229
- --ht-comments-textarea-focus-background-color: #ffffff;
266
+ --ht-comments-textarea-focus-border-color: var(--ht-common-accent);
267
+ --ht-comments-textarea-focus-foreground-color: var(--ht-common-foreground);
268
+ --ht-comments-textarea-focus-background-color: var(--ht-common-background);
230
269
  --ht-comments-indicator-size: 6px;
231
- --ht-comments-indicator-color: #1a42e8;
232
- --ht-license-horizontal-padding: 16px;
233
- --ht-license-vertical-padding: 8px;
234
- --ht-license-foreground-color: #222222;
235
- --ht-license-background-color: #f7f7f9;
236
- --ht-link-color: #1a42e8;
237
- --ht-link-hover-color: #5371ee;
270
+ --ht-comments-indicator-color: var(--ht-common-accent);
271
+ --ht-license-horizontal-padding: var(--ht-bar-horizontal-padding);
272
+ --ht-license-vertical-padding: var(--ht-bar-vertical-padding);
273
+ --ht-license-foreground-color: var(--ht-common-foreground);
274
+ --ht-license-background-color: var(--ht-common-background-secondary);
275
+ --ht-link-color: var(--ht-color-accent-350);
276
+ --ht-link-hover-color: var(--ht-color-accent-400);
238
277
  --ht-input-border-width: 1px;
239
- --ht-input-border-radius: 4px;
278
+ --ht-input-border-radius: var(--ht-checkbox-border-radius);
240
279
  --ht-input-horizontal-padding: 12px;
241
280
  --ht-input-vertical-padding: 6px;
242
- --ht-input-border-color: #e7e7e9;
243
- --ht-input-foreground-color: #222222;
244
- --ht-input-background-color: #f7f7f9;
245
- --ht-input-hover-border-color: #e7e7e9;
246
- --ht-input-hover-foreground-color: #222222;
247
- --ht-input-hover-background-color: #ffffff;
248
- --ht-input-disabled-border-color: #e7e7e9;
249
- --ht-input-disabled-foreground-color: #a3a3a3;
250
- --ht-input-disabled-background-color: #d1d1d5;
251
- --ht-input-focus-border-color: #1a42e8;
252
- --ht-input-focus-foreground-color: #222222;
253
- --ht-input-focus-background-color: #ffffff;
281
+ --ht-input-border-color: var(--ht-common-border);
282
+ --ht-input-foreground-color: var(--ht-common-foreground);
283
+ --ht-input-background-color: var(--ht-common-background-secondary);
284
+ --ht-input-hover-border-color: var(--ht-common-border);
285
+ --ht-input-hover-foreground-color: var(--ht-common-foreground);
286
+ --ht-input-hover-background-color: var(--ht-common-background);
287
+ --ht-input-disabled-border-color: var(--ht-common-border);
288
+ --ht-input-disabled-foreground-color: var(--ht-common-disabled);
289
+ --ht-input-disabled-background-color: var(--ht-color-gray-350);
290
+ --ht-input-focus-border-color: var(--ht-common-accent);
291
+ --ht-input-focus-foreground-color: var(--ht-common-foreground);
292
+ --ht-input-focus-background-color: var(--ht-common-background);
254
293
  --ht-menu-border-width: 1px;
255
294
  --ht-menu-border-radius: 4px;
256
295
  --ht-menu-horizontal-padding: 0;
257
296
  --ht-menu-vertical-padding: 8px;
258
297
  --ht-menu-item-horizontal-padding: 12px;
259
298
  --ht-menu-item-vertical-padding: 4px;
260
- --ht-menu-border-color: #e7e7e9;
261
- --ht-menu-shadow-x: 0;
262
- --ht-menu-shadow-y: 8px;
263
- --ht-menu-shadow-blur: 16px;
264
- --ht-menu-shadow-color: rgba(34, 34, 34, 0.08);
265
- --ht-menu-item-hover-color: rgba(34, 34, 34, 0.04);
266
- --ht-menu-item-active-color: rgba(34, 34, 34, 0.08);
267
- --ht-dialog-semi-transparent-background-color: rgba(255, 255, 255, 0.80);
268
- --ht-dialog-solid-background-color: #ffffff;
299
+ --ht-menu-border-color: var(--ht-common-border);
300
+ --ht-menu-shadow-x: var(--ht-shadow-x);
301
+ --ht-menu-shadow-y: var(--ht-shadow-y);
302
+ --ht-menu-shadow-blur: var(--ht-shadow-blur);
303
+ --ht-menu-shadow-color: var(--ht-common-shadow);
304
+ --ht-menu-item-hover-color: var(--ht-color-gray-800-4);
305
+ --ht-menu-item-active-color: var(--ht-color-gray-800-8);
306
+ --ht-dialog-semi-transparent-background-color: var(--ht-common-overlay);
307
+ --ht-dialog-solid-background-color: var(--ht-common-background);
269
308
  --ht-dialog-content-padding-horizontal: 8px;
270
309
  --ht-dialog-content-padding-vertical: 8px;
271
310
  --ht-dialog-content-border-radius: 8px;
272
- --ht-dialog-content-background-color: #f7f7f9;
273
- --ht-pagination-bar-foreground-color: #222222;
274
- --ht-pagination-bar-background-color: #f7f7f9;
275
- --ht-pagination-bar-horizontal-padding: 16px;
276
- --ht-pagination-bar-vertical-padding: 8px;
311
+ --ht-dialog-content-background-color: var(--ht-common-background-secondary);
312
+ --ht-pagination-bar-foreground-color: var(--ht-common-foreground);
313
+ --ht-pagination-bar-background-color: var(--ht-common-background-secondary);
314
+ --ht-pagination-bar-horizontal-padding: var(--ht-bar-horizontal-padding);
315
+ --ht-pagination-bar-vertical-padding: var(--ht-bar-vertical-padding);
277
316
  }
278
317
 
279
318
  /* Dark mode */
280
319
  .ht-theme-main-dark {
281
- --ht-border-color: #313132;
282
- --ht-accent-color: #476af7;
283
- --ht-foreground-color: #c7c7c7;
284
- --ht-foreground-secondary-color: #a3a3a3;
285
- --ht-background-color: #050506;
286
- --ht-placeholder-color: #68696c;
287
- --ht-read-only-color: #a3a3a3;
288
- --ht-disabled-color: #68696c;
289
- --ht-shadow-color: rgba(0, 0, 0, 0.80);
290
- --ht-cell-horizontal-border-color: #313132;
291
- --ht-cell-vertical-border-color: #313132;
292
- --ht-wrapper-border-color: #313132;
293
- --ht-row-header-odd-background-color: #1e1e1f;
294
- --ht-row-header-even-background-color: #1e1e1f;
295
- --ht-row-cell-odd-background-color: rgba(0, 0, 0, 0);
296
- --ht-row-cell-even-background-color: rgba(0, 0, 0, 0);
297
- --ht-cell-editor-border-color: #476af7;
298
- --ht-cell-editor-foreground-color: #ffffff;
299
- --ht-cell-editor-background-color: #050506;
300
- --ht-cell-editor-shadow-color: #476af7;
301
- --ht-cell-success-background-color: rgba(66, 190, 101, 0.30);
302
- --ht-cell-error-background-color: rgba(255, 42, 52, 0.30);
303
- --ht-cell-read-only-background-color: rgba(199, 199, 199, 0.12);
304
- --ht-cell-selection-border-color: #476af7;
305
- --ht-cell-selection-background-color: #2e56fc;
306
- --ht-cell-autofill-border-color: #050506;
307
- --ht-cell-autofill-background-color: #476af7;
308
- --ht-cell-autofill-fill-border-color: #c7c7c7;
309
- --ht-cell-mobile-handle-border-color: #476af7;
310
- --ht-cell-mobile-handle-background-color: rgba(71, 106, 247, 0.40);
311
- --ht-resize-indicator-color: rgba(199, 199, 199, 0.40);
312
- --ht-move-backlight-color: rgba(199, 199, 199, 0.16);
313
- --ht-move-indicator-color: #476af7;
314
- --ht-hidden-indicator-color: rgba(199, 199, 199, 0.40);
315
- --ht-scrollbar-track-color: #1e1e1f;
316
- --ht-scrollbar-thumb-color: #68696c;
317
- --ht-header-foreground-color: #c7c7c7;
318
- --ht-header-background-color: #1e1e1f;
319
- --ht-header-highlighted-foreground-color: #ffffff;
320
- --ht-header-highlighted-background-color: #282829;
321
- --ht-header-active-border-color: #5371ee;
322
- --ht-header-active-foreground-color: #050506;
323
- --ht-header-active-background-color: #476af7;
324
- --ht-header-filter-background-color: rgba(66, 190, 101, 0.30);
325
- --ht-header-row-foreground-color: #c7c7c7;
326
- --ht-header-row-background-color: #1e1e1f;
327
- --ht-header-row-highlighted-foreground-color: #ffffff;
328
- --ht-header-row-highlighted-background-color: #282829;
329
- --ht-header-row-active-foreground-color: #050506;
330
- --ht-header-row-active-background-color: #476af7;
331
- --ht-checkbox-border-color: #404144;
332
- --ht-checkbox-background-color: #050506;
333
- --ht-checkbox-icon-color: rgba(0, 0, 0, 0);
334
- --ht-checkbox-focus-border-color: #404144;
335
- --ht-checkbox-focus-background-color: #050506;
336
- --ht-checkbox-focus-icon-color: rgba(0, 0, 0, 0);
337
- --ht-checkbox-focus-ring-color: #476af7;
338
- --ht-checkbox-disabled-border-color: #313132;
339
- --ht-checkbox-disabled-background-color: #404144;
340
- --ht-checkbox-disabled-icon-color: rgba(0, 0, 0, 0);
341
- --ht-checkbox-checked-border-color: #5371ee;
342
- --ht-checkbox-checked-background-color: #476af7;
343
- --ht-checkbox-checked-icon-color: #050506;
344
- --ht-checkbox-checked-focus-border-color: #050506;
345
- --ht-checkbox-checked-focus-background-color: #476af7;
346
- --ht-checkbox-checked-focus-icon-color: #050506;
347
- --ht-checkbox-checked-disabled-border-color: #313132;
348
- --ht-checkbox-checked-disabled-background-color: #404144;
349
- --ht-checkbox-checked-disabled-icon-color: #68696c;
350
- --ht-checkbox-indeterminate-border-color: #5371ee;
351
- --ht-checkbox-indeterminate-background-color: #476af7;
352
- --ht-checkbox-indeterminate-icon-color: #050506;
353
- --ht-checkbox-indeterminate-focus-border-color: #050506;
354
- --ht-checkbox-indeterminate-focus-background-color: #476af7;
355
- --ht-checkbox-indeterminate-focus-icon-color: #050506;
356
- --ht-checkbox-indeterminate-disabled-border-color: #313132;
357
- --ht-checkbox-indeterminate-disabled-background-color: #404144;
358
- --ht-checkbox-indeterminate-disabled-icon-color: #727272;
359
- --ht-radio-border-color: #404144;
360
- --ht-radio-background-color: #050506;
361
- --ht-radio-icon-color: rgba(0, 0, 0, 0);
362
- --ht-radio-focus-border-color: #313132;
363
- --ht-radio-focus-background-color: #050506;
364
- --ht-radio-focus-icon-color: rgba(0, 0, 0, 0);
365
- --ht-radio-focus-ring-color: #476af7;
366
- --ht-radio-disabled-border-color: #313132;
367
- --ht-radio-disabled-background-color: #404144;
368
- --ht-radio-disabled-icon-color: rgba(0, 0, 0, 0);
369
- --ht-radio-checked-border-color: #476af7;
370
- --ht-radio-checked-background-color: #050506;
371
- --ht-radio-checked-icon-color: #476af7;
372
- --ht-radio-checked-focus-border-color: #5371ee;
373
- --ht-radio-checked-focus-background-color: #050506;
374
- --ht-radio-checked-focus-icon-color: #5371ee;
375
- --ht-radio-checked-disabled-border-color: #313132;
376
- --ht-radio-checked-disabled-background-color: #404144;
377
- --ht-radio-checked-disabled-icon-color: #68696c;
378
- --ht-icon-button-border-color: #1e1e1f;
379
- --ht-icon-button-background-color: #1e1e1f;
380
- --ht-icon-button-icon-color: rgba(199, 199, 199, 0.40);
381
- --ht-icon-button-hover-border-color: #313132;
382
- --ht-icon-button-hover-background-color: #313132;
383
- --ht-icon-button-hover-icon-color: rgba(199, 199, 199, 0.40);
384
- --ht-icon-button-active-border-color: #476af7;
385
- --ht-icon-button-active-background-color: #476af7;
386
- --ht-icon-button-active-icon-color: #050506;
387
- --ht-icon-button-active-hover-border-color: #5371ee;
388
- --ht-icon-button-active-hover-background-color: #5371ee;
389
- --ht-icon-button-active-hover-icon-color: #050506;
390
- --ht-collapse-button-open-border-color: #404144;
391
- --ht-collapse-button-open-background-color: #050506;
392
- --ht-collapse-button-open-icon-color: #a3a3a3;
393
- --ht-collapse-button-open-icon-active-color: #a3a3a3;
394
- --ht-collapse-button-open-hover-border-color: #404144;
395
- --ht-collapse-button-open-hover-background-color: #1e1e1f;
396
- --ht-collapse-button-open-hover-icon-color: #a3a3a3;
397
- --ht-collapse-button-open-hover-icon-active-color: #a3a3a3;
398
- --ht-collapse-button-close-border-color: #404144;
399
- --ht-collapse-button-close-background-color: #282829;
400
- --ht-collapse-button-close-icon-color: #a3a3a3;
401
- --ht-collapse-button-close-icon-active-color: #a3a3a3;
402
- --ht-collapse-button-close-hover-border-color: #404144;
403
- --ht-collapse-button-close-hover-background-color: #282829;
404
- --ht-collapse-button-close-hover-icon-color: #a3a3a3;
405
- --ht-collapse-button-close-hover-icon-active-color: #a3a3a3;
406
- --ht-primary-button-border-color: rgba(0, 0, 0, 0);
407
- --ht-primary-button-foreground-color: #050506;
408
- --ht-primary-button-background-color: #476af7;
409
- --ht-primary-button-disabled-border-color: rgba(0, 0, 0, 0);
410
- --ht-primary-button-disabled-foreground-color: #68696c;
411
- --ht-primary-button-disabled-background-color: #282829;
412
- --ht-primary-button-hover-border-color: rgba(0, 0, 0, 0);
413
- --ht-primary-button-hover-foreground-color: #050506;
414
- --ht-primary-button-hover-background-color: #6180ff;
415
- --ht-primary-button-focus-border-color: #050506;
416
- --ht-primary-button-focus-foreground-color: #050506;
417
- --ht-primary-button-focus-background-color: #476af7;
418
- --ht-secondary-button-border-color: #313132;
419
- --ht-secondary-button-foreground-color: #c7c7c7;
420
- --ht-secondary-button-background-color: #050506;
421
- --ht-secondary-button-disabled-border-color: #313132;
422
- --ht-secondary-button-disabled-foreground-color: #68696c;
423
- --ht-secondary-button-disabled-background-color: #282829;
424
- --ht-secondary-button-hover-border-color: #313132;
425
- --ht-secondary-button-hover-foreground-color: #c7c7c7;
426
- --ht-secondary-button-hover-background-color: #313132;
427
- --ht-secondary-button-focus-border-color: #313132;
428
- --ht-secondary-button-focus-foreground-color: #c7c7c7;
429
- --ht-secondary-button-focus-background-color: #050506;
430
- --ht-comments-textarea-border-color: rgba(0, 0, 0, 0);
431
- --ht-comments-textarea-foreground-color: #c7c7c7;
432
- --ht-comments-textarea-background-color: #1e1e1f;
433
- --ht-comments-textarea-focus-border-color: #476af7;
434
- --ht-comments-textarea-focus-foreground-color: #c7c7c7;
435
- --ht-comments-textarea-focus-background-color: #050506;
436
- --ht-comments-indicator-color: #476af7;
437
- --ht-license-foreground-color: #c7c7c7;
438
- --ht-license-background-color: #1e1e1f;
439
- --ht-link-color: #5371ee;
440
- --ht-link-hover-color: #6180ff;
441
- --ht-input-border-color: #313132;
442
- --ht-input-foreground-color: #c7c7c7;
443
- --ht-input-background-color: #1e1e1f;
444
- --ht-input-hover-border-color: #313132;
445
- --ht-input-hover-foreground-color: #c7c7c7;
446
- --ht-input-hover-background-color: #050506;
447
- --ht-input-disabled-border-color: #313132;
448
- --ht-input-disabled-foreground-color: #68696c;
449
- --ht-input-disabled-background-color: #404144;
450
- --ht-input-focus-border-color: #476af7;
451
- --ht-input-focus-foreground-color: #c7c7c7;
452
- --ht-input-focus-background-color: #050506;
453
- --ht-menu-border-color: #313132;
454
- --ht-menu-shadow-color: rgba(0, 0, 0, 0.80);
455
- --ht-menu-item-hover-color: rgba(199, 199, 199, 0.12);
456
- --ht-menu-item-active-color: rgba(199, 199, 199, 0.16);
457
- --ht-dialog-semi-transparent-background-color: rgba(0, 0, 0, 0.80);
458
- --ht-dialog-solid-background-color: #050506;
459
- --ht-dialog-content-background-color: #1e1e1f;
460
- --ht-pagination-bar-foreground-color: #c7c7c7;
461
- --ht-pagination-bar-background-color: #1e1e1f;
320
+ --ht-color-transparent-0: rgba(0, 0, 0, 0);
321
+ --ht-color-transparent-80: rgba(0, 0, 0, 0.80);
322
+ --ht-color-gray-100: #050506;
323
+ --ht-color-gray-200: #1e1e1f;
324
+ --ht-color-gray-250: #282829;
325
+ --ht-color-gray-300: #313132;
326
+ --ht-color-gray-350: #404144;
327
+ --ht-color-gray-400: #68696c;
328
+ --ht-color-gray-500: #a3a3a3;
329
+ --ht-color-gray-800: #c7c7c7;
330
+ --ht-color-gray-900: #ffffff;
331
+ --ht-color-gray-800-40: rgba(199, 199, 199, 0.40);
332
+ --ht-color-gray-800-8: rgba(199, 199, 199, 0.16);
333
+ --ht-color-gray-800-4: rgba(199, 199, 199, 0.12);
334
+ --ht-color-accent-300: #2e56fc;
335
+ --ht-color-accent-350: #5573f0;
336
+ --ht-color-accent-400: #476af7;
337
+ --ht-color-accent-500: #6180ff;
338
+ --ht-color-accent-400-40: rgba(71, 106, 247, 0.40);
339
+ --ht-color-notification-search: rgba(255, 231, 34, 0.30);
340
+ --ht-color-notification-error: rgba(255, 42, 52, 0.30);
341
+ --ht-color-notification-success: rgba(66, 190, 101, 0.30);
342
+ --ht-color-notification-warning: rgba(241, 194, 28, 0.30);
343
+ --ht-color-notification-informational: rgba(39, 194, 255, 0.30);
344
+ --ht-common-accent: var(--ht-color-accent-400);
345
+ --ht-common-background: var(--ht-color-gray-100);
346
+ --ht-common-foreground: var(--ht-color-gray-800);
347
+ --ht-common-border: var(--ht-color-gray-300);
348
+ --ht-common-disabled: var(--ht-color-gray-400);
349
+ --ht-common-read-only: var(--ht-color-gray-500);
350
+ --ht-common-placeholder: var(--ht-color-gray-400);
351
+ --ht-common-shadow: var(--ht-color-transparent-80);
352
+ --ht-common-background-secondary: var(--ht-color-gray-200);
353
+ --ht-common-overlay: var(--ht-color-transparent-80);
354
+ --ht-common-foreground-secondary: var(--ht-color-gray-500);
462
355
  }
463
356
 
464
357
  /* Auto dark mode */
465
358
  @media (prefers-color-scheme: dark) {
466
359
  .ht-theme-main-dark-auto {
467
- --ht-border-color: #313132;
468
- --ht-accent-color: #476af7;
469
- --ht-foreground-color: #c7c7c7;
470
- --ht-foreground-secondary-color: #a3a3a3;
471
- --ht-background-color: #050506;
472
- --ht-placeholder-color: #68696c;
473
- --ht-read-only-color: #a3a3a3;
474
- --ht-disabled-color: #68696c;
475
- --ht-shadow-color: rgba(0, 0, 0, 0.80);
476
- --ht-cell-horizontal-border-color: #313132;
477
- --ht-cell-vertical-border-color: #313132;
478
- --ht-wrapper-border-color: #313132;
479
- --ht-row-header-odd-background-color: #1e1e1f;
480
- --ht-row-header-even-background-color: #1e1e1f;
481
- --ht-row-cell-odd-background-color: rgba(0, 0, 0, 0);
482
- --ht-row-cell-even-background-color: rgba(0, 0, 0, 0);
483
- --ht-cell-editor-border-color: #476af7;
484
- --ht-cell-editor-foreground-color: #ffffff;
485
- --ht-cell-editor-background-color: #050506;
486
- --ht-cell-editor-shadow-color: #476af7;
487
- --ht-cell-success-background-color: rgba(66, 190, 101, 0.30);
488
- --ht-cell-error-background-color: rgba(255, 42, 52, 0.30);
489
- --ht-cell-read-only-background-color: rgba(199, 199, 199, 0.12);
490
- --ht-cell-selection-border-color: #476af7;
491
- --ht-cell-selection-background-color: #2e56fc;
492
- --ht-cell-autofill-border-color: #050506;
493
- --ht-cell-autofill-background-color: #476af7;
494
- --ht-cell-autofill-fill-border-color: #c7c7c7;
495
- --ht-cell-mobile-handle-border-color: #476af7;
496
- --ht-cell-mobile-handle-background-color: rgba(71, 106, 247, 0.40);
497
- --ht-resize-indicator-color: rgba(199, 199, 199, 0.40);
498
- --ht-move-backlight-color: rgba(199, 199, 199, 0.16);
499
- --ht-move-indicator-color: #476af7;
500
- --ht-hidden-indicator-color: rgba(199, 199, 199, 0.40);
501
- --ht-scrollbar-track-color: #1e1e1f;
502
- --ht-scrollbar-thumb-color: #68696c;
503
- --ht-header-foreground-color: #c7c7c7;
504
- --ht-header-background-color: #1e1e1f;
505
- --ht-header-highlighted-foreground-color: #ffffff;
506
- --ht-header-highlighted-background-color: #282829;
507
- --ht-header-active-border-color: #5371ee;
508
- --ht-header-active-foreground-color: #050506;
509
- --ht-header-active-background-color: #476af7;
510
- --ht-header-filter-background-color: rgba(66, 190, 101, 0.30);
511
- --ht-header-row-foreground-color: #c7c7c7;
512
- --ht-header-row-background-color: #1e1e1f;
513
- --ht-header-row-highlighted-foreground-color: #ffffff;
514
- --ht-header-row-highlighted-background-color: #282829;
515
- --ht-header-row-active-foreground-color: #050506;
516
- --ht-header-row-active-background-color: #476af7;
517
- --ht-checkbox-border-color: #404144;
518
- --ht-checkbox-background-color: #050506;
519
- --ht-checkbox-icon-color: rgba(0, 0, 0, 0);
520
- --ht-checkbox-focus-border-color: #404144;
521
- --ht-checkbox-focus-background-color: #050506;
522
- --ht-checkbox-focus-icon-color: rgba(0, 0, 0, 0);
523
- --ht-checkbox-focus-ring-color: #476af7;
524
- --ht-checkbox-disabled-border-color: #313132;
525
- --ht-checkbox-disabled-background-color: #404144;
526
- --ht-checkbox-disabled-icon-color: rgba(0, 0, 0, 0);
527
- --ht-checkbox-checked-border-color: #5371ee;
528
- --ht-checkbox-checked-background-color: #476af7;
529
- --ht-checkbox-checked-icon-color: #050506;
530
- --ht-checkbox-checked-focus-border-color: #050506;
531
- --ht-checkbox-checked-focus-background-color: #476af7;
532
- --ht-checkbox-checked-focus-icon-color: #050506;
533
- --ht-checkbox-checked-disabled-border-color: #313132;
534
- --ht-checkbox-checked-disabled-background-color: #404144;
535
- --ht-checkbox-checked-disabled-icon-color: #68696c;
536
- --ht-checkbox-indeterminate-border-color: #5371ee;
537
- --ht-checkbox-indeterminate-background-color: #476af7;
538
- --ht-checkbox-indeterminate-icon-color: #050506;
539
- --ht-checkbox-indeterminate-focus-border-color: #050506;
540
- --ht-checkbox-indeterminate-focus-background-color: #476af7;
541
- --ht-checkbox-indeterminate-focus-icon-color: #050506;
542
- --ht-checkbox-indeterminate-disabled-border-color: #313132;
543
- --ht-checkbox-indeterminate-disabled-background-color: #404144;
544
- --ht-checkbox-indeterminate-disabled-icon-color: #727272;
545
- --ht-radio-border-color: #404144;
546
- --ht-radio-background-color: #050506;
547
- --ht-radio-icon-color: rgba(0, 0, 0, 0);
548
- --ht-radio-focus-border-color: #313132;
549
- --ht-radio-focus-background-color: #050506;
550
- --ht-radio-focus-icon-color: rgba(0, 0, 0, 0);
551
- --ht-radio-focus-ring-color: #476af7;
552
- --ht-radio-disabled-border-color: #313132;
553
- --ht-radio-disabled-background-color: #404144;
554
- --ht-radio-disabled-icon-color: rgba(0, 0, 0, 0);
555
- --ht-radio-checked-border-color: #476af7;
556
- --ht-radio-checked-background-color: #050506;
557
- --ht-radio-checked-icon-color: #476af7;
558
- --ht-radio-checked-focus-border-color: #5371ee;
559
- --ht-radio-checked-focus-background-color: #050506;
560
- --ht-radio-checked-focus-icon-color: #5371ee;
561
- --ht-radio-checked-disabled-border-color: #313132;
562
- --ht-radio-checked-disabled-background-color: #404144;
563
- --ht-radio-checked-disabled-icon-color: #68696c;
564
- --ht-icon-button-border-color: #1e1e1f;
565
- --ht-icon-button-background-color: #1e1e1f;
566
- --ht-icon-button-icon-color: rgba(199, 199, 199, 0.40);
567
- --ht-icon-button-hover-border-color: #313132;
568
- --ht-icon-button-hover-background-color: #313132;
569
- --ht-icon-button-hover-icon-color: rgba(199, 199, 199, 0.40);
570
- --ht-icon-button-active-border-color: #476af7;
571
- --ht-icon-button-active-background-color: #476af7;
572
- --ht-icon-button-active-icon-color: #050506;
573
- --ht-icon-button-active-hover-border-color: #5371ee;
574
- --ht-icon-button-active-hover-background-color: #5371ee;
575
- --ht-icon-button-active-hover-icon-color: #050506;
576
- --ht-collapse-button-open-border-color: #404144;
577
- --ht-collapse-button-open-background-color: #050506;
578
- --ht-collapse-button-open-icon-color: #a3a3a3;
579
- --ht-collapse-button-open-icon-active-color: #a3a3a3;
580
- --ht-collapse-button-open-hover-border-color: #404144;
581
- --ht-collapse-button-open-hover-background-color: #1e1e1f;
582
- --ht-collapse-button-open-hover-icon-color: #a3a3a3;
583
- --ht-collapse-button-open-hover-icon-active-color: #a3a3a3;
584
- --ht-collapse-button-close-border-color: #404144;
585
- --ht-collapse-button-close-background-color: #282829;
586
- --ht-collapse-button-close-icon-color: #a3a3a3;
587
- --ht-collapse-button-close-icon-active-color: #a3a3a3;
588
- --ht-collapse-button-close-hover-border-color: #404144;
589
- --ht-collapse-button-close-hover-background-color: #282829;
590
- --ht-collapse-button-close-hover-icon-color: #a3a3a3;
591
- --ht-collapse-button-close-hover-icon-active-color: #a3a3a3;
592
- --ht-primary-button-border-color: rgba(0, 0, 0, 0);
593
- --ht-primary-button-foreground-color: #050506;
594
- --ht-primary-button-background-color: #476af7;
595
- --ht-primary-button-disabled-border-color: rgba(0, 0, 0, 0);
596
- --ht-primary-button-disabled-foreground-color: #68696c;
597
- --ht-primary-button-disabled-background-color: #282829;
598
- --ht-primary-button-hover-border-color: rgba(0, 0, 0, 0);
599
- --ht-primary-button-hover-foreground-color: #050506;
600
- --ht-primary-button-hover-background-color: #6180ff;
601
- --ht-primary-button-focus-border-color: #050506;
602
- --ht-primary-button-focus-foreground-color: #050506;
603
- --ht-primary-button-focus-background-color: #476af7;
604
- --ht-secondary-button-border-color: #313132;
605
- --ht-secondary-button-foreground-color: #c7c7c7;
606
- --ht-secondary-button-background-color: #050506;
607
- --ht-secondary-button-disabled-border-color: #313132;
608
- --ht-secondary-button-disabled-foreground-color: #68696c;
609
- --ht-secondary-button-disabled-background-color: #282829;
610
- --ht-secondary-button-hover-border-color: #313132;
611
- --ht-secondary-button-hover-foreground-color: #c7c7c7;
612
- --ht-secondary-button-hover-background-color: #313132;
613
- --ht-secondary-button-focus-border-color: #313132;
614
- --ht-secondary-button-focus-foreground-color: #c7c7c7;
615
- --ht-secondary-button-focus-background-color: #050506;
616
- --ht-comments-textarea-border-color: rgba(0, 0, 0, 0);
617
- --ht-comments-textarea-foreground-color: #c7c7c7;
618
- --ht-comments-textarea-background-color: #1e1e1f;
619
- --ht-comments-textarea-focus-border-color: #476af7;
620
- --ht-comments-textarea-focus-foreground-color: #c7c7c7;
621
- --ht-comments-textarea-focus-background-color: #050506;
622
- --ht-comments-indicator-color: #476af7;
623
- --ht-license-foreground-color: #c7c7c7;
624
- --ht-license-background-color: #1e1e1f;
625
- --ht-link-color: #5371ee;
626
- --ht-link-hover-color: #6180ff;
627
- --ht-input-border-color: #313132;
628
- --ht-input-foreground-color: #c7c7c7;
629
- --ht-input-background-color: #1e1e1f;
630
- --ht-input-hover-border-color: #313132;
631
- --ht-input-hover-foreground-color: #c7c7c7;
632
- --ht-input-hover-background-color: #050506;
633
- --ht-input-disabled-border-color: #313132;
634
- --ht-input-disabled-foreground-color: #68696c;
635
- --ht-input-disabled-background-color: #404144;
636
- --ht-input-focus-border-color: #476af7;
637
- --ht-input-focus-foreground-color: #c7c7c7;
638
- --ht-input-focus-background-color: #050506;
639
- --ht-menu-border-color: #313132;
640
- --ht-menu-shadow-color: rgba(0, 0, 0, 0.80);
641
- --ht-menu-item-hover-color: rgba(199, 199, 199, 0.12);
642
- --ht-menu-item-active-color: rgba(199, 199, 199, 0.16);
643
- --ht-dialog-semi-transparent-background-color: rgba(0, 0, 0, 0.80);
644
- --ht-dialog-solid-background-color: #050506;
645
- --ht-dialog-content-background-color: #1e1e1f;
646
- --ht-pagination-bar-foreground-color: #c7c7c7;
647
- --ht-pagination-bar-background-color: #1e1e1f;
360
+ --ht-color-transparent-0: rgba(0, 0, 0, 0);
361
+ --ht-color-transparent-80: rgba(0, 0, 0, 0.80);
362
+ --ht-color-gray-100: #050506;
363
+ --ht-color-gray-200: #1e1e1f;
364
+ --ht-color-gray-250: #282829;
365
+ --ht-color-gray-300: #313132;
366
+ --ht-color-gray-350: #404144;
367
+ --ht-color-gray-400: #68696c;
368
+ --ht-color-gray-500: #a3a3a3;
369
+ --ht-color-gray-800: #c7c7c7;
370
+ --ht-color-gray-900: #ffffff;
371
+ --ht-color-gray-800-40: rgba(199, 199, 199, 0.40);
372
+ --ht-color-gray-800-8: rgba(199, 199, 199, 0.16);
373
+ --ht-color-gray-800-4: rgba(199, 199, 199, 0.12);
374
+ --ht-color-accent-300: #2e56fc;
375
+ --ht-color-accent-350: #5573f0;
376
+ --ht-color-accent-400: #476af7;
377
+ --ht-color-accent-500: #6180ff;
378
+ --ht-color-accent-400-40: rgba(71, 106, 247, 0.40);
379
+ --ht-color-notification-search: rgba(255, 231, 34, 0.30);
380
+ --ht-color-notification-error: rgba(255, 42, 52, 0.30);
381
+ --ht-color-notification-success: rgba(66, 190, 101, 0.30);
382
+ --ht-color-notification-warning: rgba(241, 194, 28, 0.30);
383
+ --ht-color-notification-informational: rgba(39, 194, 255, 0.30);
384
+ --ht-common-accent: var(--ht-color-accent-400);
385
+ --ht-common-background: var(--ht-color-gray-100);
386
+ --ht-common-foreground: var(--ht-color-gray-800);
387
+ --ht-common-border: var(--ht-color-gray-300);
388
+ --ht-common-disabled: var(--ht-color-gray-400);
389
+ --ht-common-read-only: var(--ht-color-gray-500);
390
+ --ht-common-placeholder: var(--ht-color-gray-400);
391
+ --ht-common-shadow: var(--ht-color-transparent-80);
392
+ --ht-common-background-secondary: var(--ht-color-gray-200);
393
+ --ht-common-overlay: var(--ht-color-transparent-80);
394
+ --ht-common-foreground-secondary: var(--ht-color-gray-500);
648
395
  }
649
396
  }
650
397
  /* Icons */