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