handsontable 16.1.1 → 16.2.0-next-90d1117-20251117

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