@siemens/ix 1.3.0 → 1.4.0-beta.0

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 (219) hide show
  1. package/dist/cjs/{index-17eb8998.js → index-f4b8e6ee.js} +54 -1
  2. package/dist/cjs/index.cjs.js +2 -2
  3. package/dist/cjs/ix-animated-tab_2.cjs.entry.js +1 -1
  4. package/dist/cjs/ix-application-header.cjs.entry.js +2 -2
  5. package/dist/cjs/ix-basic-navigation.cjs.entry.js +1 -1
  6. package/dist/cjs/ix-blind.cjs.entry.js +2 -2
  7. package/dist/cjs/ix-breadcrumb_2.cjs.entry.js +1 -1
  8. package/dist/cjs/ix-button.cjs.entry.js +1 -1
  9. package/dist/cjs/ix-category-filter.cjs.entry.js +85 -116
  10. package/dist/cjs/ix-chip.cjs.entry.js +1 -1
  11. package/dist/cjs/ix-counter-pill.cjs.entry.js +1 -1
  12. package/dist/cjs/ix-date-picker_2.cjs.entry.js +4 -4
  13. package/dist/cjs/ix-date-time-card.cjs.entry.js +1 -1
  14. package/dist/cjs/ix-datetime-picker.cjs.entry.js +1 -1
  15. package/dist/cjs/ix-drawer.cjs.entry.js +1 -1
  16. package/dist/cjs/ix-dropdown-button.cjs.entry.js +1 -1
  17. package/dist/cjs/ix-dropdown_2.cjs.entry.js +1 -1
  18. package/dist/cjs/ix-event-list_2.cjs.entry.js +2 -2
  19. package/dist/cjs/ix-expanding-search.cjs.entry.js +1 -1
  20. package/dist/cjs/ix-filter-chip.cjs.entry.js +1 -1
  21. package/dist/cjs/ix-flip-tile_2.cjs.entry.js +1 -1
  22. package/dist/cjs/ix-group-context-menu.cjs.entry.js +1 -1
  23. package/dist/cjs/ix-group_3.cjs.entry.js +1 -1
  24. package/dist/cjs/ix-icon-button.cjs.entry.js +1 -1
  25. package/dist/cjs/ix-icon.cjs.entry.js +1 -1
  26. package/dist/cjs/ix-input-group.cjs.entry.js +1 -1
  27. package/dist/cjs/ix-kpi.cjs.entry.js +1 -1
  28. package/dist/cjs/ix-map-navigation_2.cjs.entry.js +2 -2
  29. package/dist/cjs/ix-menu_9.cjs.entry.js +3 -3
  30. package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
  31. package/dist/cjs/ix-modal-example.cjs.entry.js +1 -1
  32. package/dist/cjs/ix-modal_2.cjs.entry.js +2 -2
  33. package/dist/cjs/ix-pill.cjs.entry.js +1 -1
  34. package/dist/cjs/ix-select_2.cjs.entry.js +1 -1
  35. package/dist/cjs/ix-spinner.cjs.entry.js +1 -1
  36. package/dist/cjs/ix-split-button_2.cjs.entry.js +6 -4
  37. package/dist/cjs/ix-tab-item.cjs.entry.js +1 -1
  38. package/dist/cjs/ix-tabs.cjs.entry.js +1 -1
  39. package/dist/cjs/ix-tile.cjs.entry.js +1 -1
  40. package/dist/cjs/ix-toast_2.cjs.entry.js +1 -1
  41. package/dist/cjs/ix-toggle.cjs.entry.js +1 -1
  42. package/dist/cjs/ix-tree_2.cjs.entry.js +1 -1
  43. package/dist/cjs/ix-upload.cjs.entry.js +1 -1
  44. package/dist/cjs/ix-validation-tooltip.cjs.entry.js +1 -1
  45. package/dist/cjs/ix-workflow-step_2.cjs.entry.js +1 -1
  46. package/dist/cjs/loader.cjs.js +2 -2
  47. package/dist/cjs/{modal-dda2f6be.js → modal-2d0f9191.js} +1 -1
  48. package/dist/cjs/my-component.cjs.entry.js +1 -1
  49. package/dist/cjs/siemens-ix.cjs.js +2 -2
  50. package/dist/collection/components/application-header/application-header.css +3 -1
  51. package/dist/collection/components/blind/blind.css +0 -1
  52. package/dist/collection/components/category-filter/category-filter.css +31 -44
  53. package/dist/collection/components/category-filter/category-filter.js +85 -131
  54. package/dist/collection/components/date-picker/date-picker.js +3 -3
  55. package/dist/collection/components/event-list-item/event-list-item.css +4 -0
  56. package/dist/collection/components/map-navigation/map-navigation.css +2 -1
  57. package/dist/collection/components/menu-about-news/menu-about-news.css +10 -14
  58. package/dist/collection/components/menu-about-news/menu-about-news.js +1 -1
  59. package/dist/collection/components/split-button/split-button.css +10 -1
  60. package/dist/collection/components/split-button/split-button.js +4 -2
  61. package/dist/components/application-header.js +1 -1
  62. package/dist/components/date-picker.js +3 -3
  63. package/dist/components/ix-blind.js +1 -1
  64. package/dist/components/ix-category-filter.js +94 -123
  65. package/dist/components/ix-event-list-item.js +1 -1
  66. package/dist/components/ix-map-navigation.js +1 -1
  67. package/dist/components/ix-menu-about-news.js +2 -2
  68. package/dist/components/ix-split-button.js +5 -3
  69. package/dist/esm/{index-6f4f3582.js → index-6b660a23.js} +54 -1
  70. package/dist/esm/index.js +2 -2
  71. package/dist/esm/ix-animated-tab_2.entry.js +1 -1
  72. package/dist/esm/ix-application-header.entry.js +2 -2
  73. package/dist/esm/ix-basic-navigation.entry.js +1 -1
  74. package/dist/esm/ix-blind.entry.js +2 -2
  75. package/dist/esm/ix-breadcrumb_2.entry.js +1 -1
  76. package/dist/esm/ix-button.entry.js +1 -1
  77. package/dist/esm/ix-category-filter.entry.js +85 -116
  78. package/dist/esm/ix-chip.entry.js +1 -1
  79. package/dist/esm/ix-counter-pill.entry.js +1 -1
  80. package/dist/esm/ix-date-picker_2.entry.js +4 -4
  81. package/dist/esm/ix-date-time-card.entry.js +1 -1
  82. package/dist/esm/ix-datetime-picker.entry.js +1 -1
  83. package/dist/esm/ix-drawer.entry.js +1 -1
  84. package/dist/esm/ix-dropdown-button.entry.js +1 -1
  85. package/dist/esm/ix-dropdown_2.entry.js +1 -1
  86. package/dist/esm/ix-event-list_2.entry.js +2 -2
  87. package/dist/esm/ix-expanding-search.entry.js +1 -1
  88. package/dist/esm/ix-filter-chip.entry.js +1 -1
  89. package/dist/esm/ix-flip-tile_2.entry.js +1 -1
  90. package/dist/esm/ix-group-context-menu.entry.js +1 -1
  91. package/dist/esm/ix-group_3.entry.js +1 -1
  92. package/dist/esm/ix-icon-button.entry.js +1 -1
  93. package/dist/esm/ix-icon.entry.js +1 -1
  94. package/dist/esm/ix-input-group.entry.js +1 -1
  95. package/dist/esm/ix-kpi.entry.js +1 -1
  96. package/dist/esm/ix-map-navigation_2.entry.js +2 -2
  97. package/dist/esm/ix-menu_9.entry.js +3 -3
  98. package/dist/esm/ix-message-bar.entry.js +1 -1
  99. package/dist/esm/ix-modal-example.entry.js +1 -1
  100. package/dist/esm/ix-modal_2.entry.js +2 -2
  101. package/dist/esm/ix-pill.entry.js +1 -1
  102. package/dist/esm/ix-select_2.entry.js +1 -1
  103. package/dist/esm/ix-spinner.entry.js +1 -1
  104. package/dist/esm/ix-split-button_2.entry.js +6 -4
  105. package/dist/esm/ix-tab-item.entry.js +1 -1
  106. package/dist/esm/ix-tabs.entry.js +1 -1
  107. package/dist/esm/ix-tile.entry.js +1 -1
  108. package/dist/esm/ix-toast_2.entry.js +1 -1
  109. package/dist/esm/ix-toggle.entry.js +1 -1
  110. package/dist/esm/ix-tree_2.entry.js +1 -1
  111. package/dist/esm/ix-upload.entry.js +1 -1
  112. package/dist/esm/ix-validation-tooltip.entry.js +1 -1
  113. package/dist/esm/ix-workflow-step_2.entry.js +1 -1
  114. package/dist/esm/loader.js +2 -2
  115. package/dist/esm/{modal-df0a62f2.js → modal-3618eb44.js} +1 -1
  116. package/dist/esm/my-component.entry.js +1 -1
  117. package/dist/esm/siemens-ix.js +2 -2
  118. package/dist/siemens-ix/index.esm.js +1 -1
  119. package/dist/siemens-ix/{p-4b170382.entry.js → p-082bbe13.entry.js} +1 -1
  120. package/dist/siemens-ix/{p-418e2d14.entry.js → p-098e22c3.entry.js} +1 -1
  121. package/dist/siemens-ix/{p-43616759.entry.js → p-0bc4408b.entry.js} +1 -1
  122. package/dist/siemens-ix/{p-7f842cdc.entry.js → p-0d619f3e.entry.js} +1 -1
  123. package/dist/siemens-ix/{p-2e24ae23.entry.js → p-10158414.entry.js} +1 -1
  124. package/dist/siemens-ix/{p-3663f989.entry.js → p-122cf38d.entry.js} +1 -1
  125. package/dist/siemens-ix/{p-e7621b0a.entry.js → p-1d48ce36.entry.js} +1 -1
  126. package/dist/siemens-ix/{p-2bd88760.entry.js → p-2c8e4dd1.entry.js} +1 -1
  127. package/dist/siemens-ix/{p-e2925222.entry.js → p-3624a41c.entry.js} +1 -1
  128. package/dist/siemens-ix/{p-218de283.entry.js → p-3c754d90.entry.js} +1 -1
  129. package/dist/siemens-ix/{p-ea333007.entry.js → p-3cc4df65.entry.js} +1 -1
  130. package/dist/siemens-ix/{p-4fcb5f2b.entry.js → p-404e81d2.entry.js} +1 -1
  131. package/dist/siemens-ix/p-4ac5d916.entry.js +1 -0
  132. package/dist/siemens-ix/{p-f7be9635.entry.js → p-50ed9d54.entry.js} +1 -1
  133. package/dist/siemens-ix/{p-23d79e3d.entry.js → p-55663fd5.entry.js} +1 -1
  134. package/dist/siemens-ix/{p-eb150313.entry.js → p-560cfce8.entry.js} +1 -1
  135. package/dist/siemens-ix/{p-18d02e6f.entry.js → p-5890faf9.entry.js} +1 -1
  136. package/dist/siemens-ix/{p-eed28e55.entry.js → p-60b90da6.entry.js} +1 -1
  137. package/dist/siemens-ix/p-66074788.js +2 -0
  138. package/dist/siemens-ix/{p-a5fa7ae5.entry.js → p-6637ae65.entry.js} +1 -1
  139. package/dist/siemens-ix/{p-33283dbf.entry.js → p-67cf5cd4.entry.js} +1 -1
  140. package/dist/siemens-ix/{p-c3e90c06.entry.js → p-6be65050.entry.js} +1 -1
  141. package/dist/siemens-ix/p-6df18451.entry.js +1 -0
  142. package/dist/siemens-ix/{p-8b4e4718.entry.js → p-70bd3dbf.entry.js} +1 -1
  143. package/dist/siemens-ix/{p-fecf0ade.entry.js → p-72cfbc1c.entry.js} +1 -1
  144. package/dist/siemens-ix/p-783ce87b.entry.js +1 -0
  145. package/dist/siemens-ix/{p-dec6114f.js → p-8c3bfc2f.js} +1 -1
  146. package/dist/siemens-ix/{p-d0bb8225.entry.js → p-8c53c142.entry.js} +1 -1
  147. package/dist/siemens-ix/{p-8a7141a6.entry.js → p-921da56a.entry.js} +1 -1
  148. package/dist/siemens-ix/{p-cc0f6f6b.entry.js → p-9299617f.entry.js} +1 -1
  149. package/dist/siemens-ix/{p-592f1ed3.entry.js → p-9c8c835c.entry.js} +1 -1
  150. package/dist/siemens-ix/{p-a88618e3.entry.js → p-a3a59238.entry.js} +1 -1
  151. package/dist/siemens-ix/{p-b3d00feb.entry.js → p-ab35eaee.entry.js} +1 -1
  152. package/dist/siemens-ix/{p-6fe3bb9c.entry.js → p-ae35c07f.entry.js} +1 -1
  153. package/dist/siemens-ix/{p-03d38416.entry.js → p-b46155b7.entry.js} +1 -1
  154. package/dist/siemens-ix/{p-b242bd39.entry.js → p-b7b753cc.entry.js} +1 -1
  155. package/dist/siemens-ix/{p-5631ae88.entry.js → p-b9a66b74.entry.js} +1 -1
  156. package/dist/siemens-ix/{p-9b5290d4.entry.js → p-c4568016.entry.js} +1 -1
  157. package/dist/siemens-ix/p-d7618223.entry.js +1 -0
  158. package/dist/siemens-ix/{p-67eb9d59.entry.js → p-e51a110f.entry.js} +1 -1
  159. package/dist/siemens-ix/p-e652328d.entry.js +1 -0
  160. package/dist/siemens-ix/{p-65e61684.entry.js → p-e82905f0.entry.js} +1 -1
  161. package/dist/siemens-ix/{p-a6f4cfc6.entry.js → p-f05b01a4.entry.js} +1 -1
  162. package/dist/siemens-ix/{p-ab7949ff.entry.js → p-f1a1e8ee.entry.js} +1 -1
  163. package/dist/siemens-ix/{p-72f851ae.entry.js → p-f3cde62f.entry.js} +1 -1
  164. package/dist/siemens-ix/{p-150d7a02.entry.js → p-fa262af7.entry.js} +1 -1
  165. package/dist/siemens-ix/siemens-ix.css +2045 -1789
  166. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  167. package/dist/types/components/category-filter/category-filter.d.ts +10 -15
  168. package/dist/types/components.d.ts +2 -2
  169. package/package.json +1 -1
  170. package/scss/components/_buttons.scss +1 -1
  171. package/scss/components/_checkboxes.scss +2 -2
  172. package/scss/components/_forms.scss +1 -1
  173. package/scss/components/_radiobuttons.scss +2 -2
  174. package/scss/components/_shadows.scss +12 -24
  175. package/scss/ix.scss +1 -2
  176. package/scss/theme/classic-dark/_border.scss +35 -0
  177. package/scss/theme/classic-dark/_borderRadius.scss +24 -0
  178. package/scss/theme/classic-dark/_borderWidth.scss +18 -0
  179. package/scss/theme/classic-dark/_boxShadow.scss +19 -0
  180. package/scss/theme/classic-dark/_color.scss +860 -0
  181. package/scss/theme/classic-dark/_fontFamilies.scss +8 -0
  182. package/scss/theme/classic-dark/_fontSizes.scss +13 -0
  183. package/scss/theme/classic-dark/_fontWeights.scss +9 -0
  184. package/scss/theme/classic-dark/_index.scss +16 -0
  185. package/scss/theme/classic-dark/_lineHeights.scss +18 -0
  186. package/scss/theme/classic-dark/_other.scss +16 -0
  187. package/scss/theme/classic-dark/_sizing.scss +16 -0
  188. package/scss/theme/classic-dark/_spacing.scss +9 -0
  189. package/scss/theme/classic-dark/_typography.scss +23 -0
  190. package/scss/theme/classic-light/_border.scss +35 -0
  191. package/scss/theme/classic-light/_borderRadius.scss +24 -0
  192. package/scss/theme/classic-light/_borderWidth.scss +18 -0
  193. package/scss/theme/classic-light/_boxShadow.scss +19 -0
  194. package/scss/theme/classic-light/_color.scss +860 -0
  195. package/scss/theme/classic-light/_fontFamilies.scss +8 -0
  196. package/scss/theme/classic-light/_fontSizes.scss +13 -0
  197. package/scss/theme/classic-light/_fontWeights.scss +9 -0
  198. package/scss/theme/classic-light/_index.scss +16 -0
  199. package/scss/theme/classic-light/_lineHeights.scss +18 -0
  200. package/scss/theme/classic-light/_other.scss +16 -0
  201. package/scss/theme/classic-light/_sizing.scss +16 -0
  202. package/scss/theme/classic-light/_spacing.scss +9 -0
  203. package/scss/theme/classic-light/_typography.scss +23 -0
  204. package/dist/siemens-ix/p-05c16b94.js +0 -2
  205. package/dist/siemens-ix/p-0e357d27.entry.js +0 -1
  206. package/dist/siemens-ix/p-2bc72119.entry.js +0 -1
  207. package/dist/siemens-ix/p-5bbe9943.entry.js +0 -1
  208. package/dist/siemens-ix/p-c993560f.entry.js +0 -1
  209. package/dist/siemens-ix/p-d20119c1.entry.js +0 -1
  210. package/scss/theme/_define-theme-colors.scss +0 -22
  211. package/scss/theme/_define-theme-variable.scss +0 -12
  212. package/scss/theme/_define-theme.scss +0 -36
  213. package/scss/theme/_static-colors.scss +0 -19
  214. package/scss/theme/classic-dark/_sizes.scss +0 -66
  215. package/scss/theme/classic-dark/_variables.scss +0 -827
  216. package/scss/theme/classic-dark/index.scss +0 -15
  217. package/scss/theme/classic-light/_sizes.scss +0 -66
  218. package/scss/theme/classic-light/_variables.scss +0 -829
  219. package/scss/theme/classic-light/index.scss +0 -15
package/scss/theme/classic-dark/_color.scss ADDED
@@ -0,0 +1,860 @@
1
+ /*
2
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
3
+ */
4
+ :root {
5
+ .theme-classic-dark {
6
+ --theme-color-ghost: #ffffff00;
7
+ --theme-color-ghost--hover: #ffffff12;
8
+ --theme-color-ghost--active: #ffffff24;
9
+ --theme-color-primary: #41aaaa;
10
+ --theme-color-primary--contrast: #000000;
11
+ --theme-color-primary--hover: #4eb0b0;
12
+ --theme-color-primary--active: #5bb6b6;
13
+ --theme-color-dynamic: #41aaaa;
14
+ --theme-color-secondary: #10181c;
15
+ --theme-color-secondary--hover: #1e2529;
16
+ --theme-color-secondary--active: #2d3437;
17
+ --theme-color-component-1: #879baa40;
18
+ --theme-color-component-1--hover: #a1b4c24d;
19
+ --theme-color-component-1--active: #b3c0ca5c;
20
+ --theme-color-component-2: #ffffff47;
21
+ --theme-color-component-3: #ffffff33;
22
+ --theme-color-component-4: #ffffff40;
23
+ --theme-color-component-5: #152c2f;
24
+ --theme-color-component-6: #8d8da0;
25
+ --theme-color-component-7--hover: #277d7d47;
26
+ --theme-color-component-7: #32a0a040;
27
+ --theme-color-component-7--active: #216b6b52;
28
+ --theme-color-component-error: #310006;
29
+ --theme-color-component-8: #3e4b51;
30
+ --theme-color-ghost--selected: #32a0a040;
31
+ --theme-color-ghost--selected-hover: #61b6b64d;
32
+ --theme-color-ghost--selected-active: #83c5c55c;
33
+ --theme-color-ghost-primary--active: #ffffff24;
34
+ --theme-color-ghost-primary--hover: #ffffff12;
35
+ --theme-color-ghost-alt: #ffffff0a;
36
+ --theme-color-ghost-alt--hover: #ffffff1c;
37
+ --theme-color-ghost-alt--active: #ffffff2b;
38
+ --theme-color-ghost-alt--selected: #4faeae47;
39
+ --theme-color-ghost-alt--selected-hover: #74bfbf54;
40
+ --theme-color-ghost-alt--selected-active: #90cccc54;
41
+ --theme-color-primary--disabled: #0079934d;
42
+ --theme-color-dynamic--hover: #4eb0b0;
43
+ --theme-color-dynamic--active: #5bb6b6;
44
+ --theme-color-dynamic-alt: #00c2c2;
45
+ --theme-color-dynamic-alt--hover: #12c6c6;
46
+ --theme-color-dynamic-alt--active: #24caca;
47
+ --theme-color-component-8--hover: #001f39;
48
+ --theme-color-component-9: #00d4d4;
49
+ --theme-color-component-9--hover: #12d7d7;
50
+ --theme-color-component-9--active: #24dada;
51
+ --theme-color-component-9--disabled: #00d4d44d;
52
+ --theme-color-component-10: #41aaaa;
53
+ --theme-color-component-10--hover: #4eb0b0;
54
+ --theme-color-component-10--active: #5cb6b6;
55
+ --theme-color-component-10--disabled: #41aaaa33;
56
+ --theme-color-1--hover: #21282c;
57
+ --theme-color-1--active: #31383c;
58
+ --theme-color-component-11: #ced9e233;
59
+ --theme-color-0: #00000000;
60
+ --theme-color-1: #10181c;
61
+ --theme-color-2: #172126;
62
+ --theme-color-3: #293339;
63
+ --theme-color-4: #3c464b;
64
+ --theme-color-5: #555f69;
65
+ --theme-color-6: #6e7d89;
66
+ --theme-color-7: #879baa;
67
+ --theme-color-8: #555f69;
68
+ --theme-color-std-bdr: #ebf0f599;
69
+ --theme-color-soft-bdr: #ebf0f566;
70
+ --theme-color-weak-bdr: #ebf0f526;
71
+ --theme-color-x-weak-bdr: #ebf0f51a;
72
+ --theme-color-focus-bdr: #199fff;
73
+ --theme-color-contrast-bdr: #ffffff;
74
+ --theme-color-alarm: #fe0137;
75
+ --theme-color-alarm--hover: #de123f;
76
+ --theme-color-alarm--active: #e0244e;
77
+ --theme-color-alarm--contrast: #ffffff;
78
+ --theme-color-alarm-40: #fe013766;
79
+ --theme-color-alarm-10: #fe01371a;
80
+ --theme-color-warning: #ffb900;
81
+ --theme-color-warning--hover: #ffbd12;
82
+ --theme-color-warning--active: #ffc224;
83
+ --theme-color-warning--contrast: #000000;
84
+ --theme-color-warning-40: #ffb90066;
85
+ --theme-color-warning-10: #ffb9001a;
86
+ --theme-color-critical: #eb780a;
87
+ --theme-color-critical--hover: #ec811b;
88
+ --theme-color-critical--active: #ed8b2c;
89
+ --theme-color-critical--contrast: #000000;
90
+ --theme-color-critical-40: #eb780a66;
91
+ --theme-color-success: #40c200;
92
+ --theme-color-success--hover: #41a212;
93
+ --theme-color-success--active: #4fa924;
94
+ --theme-color-success--contrast: #000000;
95
+ --theme-color-success-40: #40c20066;
96
+ --theme-color-info: #266ce6;
97
+ --theme-color-info--hover: #2d60b8;
98
+ --theme-color-info--active: #3d6cbd;
99
+ --theme-color-info--contrast: #ffffff;
100
+ --theme-color-info-40: #266ce666;
101
+ --theme-color-neutral: #879bab;
102
+ --theme-color-neutral--hover: #8fa2b0;
103
+ --theme-color-neutral--active: #97a9b6;
104
+ --theme-color-neutral--contrast: #000000;
105
+ --theme-color-neutral-40: #879bab66;
106
+ --theme-color-contrast-text: #ffffff;
107
+ --theme-color-std-text: #ffffffd9;
108
+ --theme-color-soft-text: #ffffff99;
109
+ --theme-color-weak-text: #ffffff66;
110
+ --theme-color-inv-contrast-text: #000000;
111
+ --theme-color-inv-std-text: #000000bf;
112
+ --theme-color-inv-soft-text: #0000008c;
113
+ --theme-color-inv-weak-text: #0000004d;
114
+ --theme-color-alarm-text: #ff99af;
115
+ --theme-color-shadow-1: #00000099;
116
+ --theme-color-shadow-2: #000000;
117
+ --theme-color-shadow-3: rgba(0,0,0,0.12);
118
+ --theme-color-lightbox: #0000008c;
119
+ --theme-color-backdrop: #10181cd9;
120
+ --theme-color-backdrop-3: #10181cd9;
121
+ --theme-color-logo: #ffffff;
122
+ --theme-chart-1: #00ebd5;
123
+ --theme-chart-1-40: #00ebd566;
124
+ --theme-chart-2: #009e78;
125
+ --theme-chart-2-40: #009e7866;
126
+ --theme-chart-3: #00d5e0;
127
+ --theme-chart-3-40: #00d5e066;
128
+ --theme-chart-4: #00c5f1;
129
+ --theme-chart-4-40: #00c5f166;
130
+ --theme-chart-5: #86acc0;
131
+ --theme-chart-5-40: #86acc066;
132
+ --theme-chart-6: #42aaff;
133
+ --theme-chart-6-40: #42aaff66;
134
+ --theme-chart-7: #2473ff;
135
+ --theme-chart-7-40: #2473ff66;
136
+ --theme-chart-8: #759eff;
137
+ --theme-chart-8-40: #759eff66;
138
+ --theme-chart-9: #7e84ff;
139
+ --theme-chart-9-40: #7e84ff66;
140
+ --theme-chart-10: #9362ff;
141
+ --theme-chart-10-40: #9362ff66;
142
+ --theme-chart-11: #bd61ff;
143
+ --theme-chart-11-40: #bd61ff66;
144
+ --theme-chart-12: #e446ff;
145
+ --theme-chart-12-40: #e446ff66;
146
+ --theme-chart-13: #f38fc2;
147
+ --theme-chart-13-40: #f38fc266;
148
+ --theme-chart-14: #ef9a9a;
149
+ --theme-chart-14-40: #ef9a9a66;
150
+ --theme-chart-15: #ffb180;
151
+ --theme-chart-15-40: #ffb18066;
152
+ --theme-chart-16: #baba9d;
153
+ --theme-chart-16-40: #baba9d66;
154
+ --theme-chart-17: #b5bd00;
155
+ --theme-chart-17-40: #b5bd0066;
156
+ --theme-chart-axes: #ffffff4d;
157
+ --theme-chart-grid-lines: #ffffff1a;
158
+ --theme-chart-grid-fill: #10181c;
159
+ --theme-chart-ticks: #ffffff4d;
160
+ --theme-chart-tooltip-fill: #000000cc;
161
+ --theme-chart-tooltip-bdr: #ffffff33;
162
+ --theme-workflow-step--color--disabled: var(--theme-color-weak-text);
163
+ --theme-app-header--color: var(--theme-color-std-text);
164
+ --theme-app-header--background: var(--theme-color-8);
165
+ --theme-app-header--border-color: var(--theme-color-0);
166
+ --theme-app-header-logo--color: var(--theme-color-logo);
167
+ --theme-btn-primary--background: var(--theme-color-primary);
168
+ --theme-btn-primary--background--hover: var(--theme-color-primary--hover);
169
+ --theme-btn-primary--background--active: var(--theme-color-primary--active);
170
+ --theme-btn-primary--background--disabled: var(--theme-color-component-4);
171
+ --theme-btn-primary--color: var(--theme-color-primary--contrast);
172
+ --theme-btn-primary--color--hover: var(--theme-color-primary--contrast);
173
+ --theme-btn-primary--color--active: var(--theme-color-primary--contrast);
174
+ --theme-btn-primary--color--disabled: var(--theme-color-inv-std-text);
175
+ --theme-btn-outline-primary--background: var(--theme-color-secondary);
176
+ --theme-btn-outline-primary--background--hover: var(--theme-color-secondary--hover);
177
+ --theme-btn-outline-primary--background--active: var(--theme-color-secondary--active);
178
+ --theme-btn-outline-primary--background--disabled: var(--theme-color-ghost);
179
+ --theme-btn-outline-primary--color: var(--theme-color-primary);
180
+ --theme-btn-outline-primary--color--hover: var(--theme-color-primary);
181
+ --theme-btn-outline-primary--color--active: var(--theme-color-primary);
182
+ --theme-btn-outline-primary--color--disabled: var(--theme-color-weak-text);
183
+ --theme-btn-primary--border-color: var(--theme-color-ghost);
184
+ --theme-btn-primary--border-color--hover: var(--theme-color-ghost);
185
+ --theme-btn-primary--border-color--active: var(--theme-color-ghost);
186
+ --theme-btn-primary--border-color--disabled: var(--theme-color-ghost);
187
+ --theme-btn-invisible-primary--background: var(--theme-color-ghost);
188
+ --theme-btn-invisible-primary--background--hover: var(--theme-color-ghost-primary--hover);
189
+ --theme-btn-invisible-primary--background--active: var(--theme-color-ghost-primary--active);
190
+ --theme-btn-invisible-primary--background--disabled: var(--theme-color-ghost);
191
+ --theme-btn-invisible-primary--color: var(--theme-color-primary);
192
+ --theme-btn-invisible-primary--color--hover: var(--theme-color-primary);
193
+ --theme-btn-invisible-primary--color--active: var(--theme-color-primary);
194
+ --theme-btn-invisible-primary--color--disabled: var(--theme-color-weak-text);
195
+ --theme-btn-secondary--background: var(--theme-color-component-1);
196
+ --theme-btn-secondary--background--hover: var(--theme-color-component-1--hover);
197
+ --theme-btn-secondary--background--active: var(--theme-color-component-1--active);
198
+ --theme-btn-secondary--background--disabled: var(--theme-color-component-4);
199
+ --theme-btn-secondary--color: var(--theme-color-std-text);
200
+ --theme-btn-secondary--color--hover: var(--theme-color-std-text);
201
+ --theme-btn-secondary--color--active: var(--theme-color-std-text);
202
+ --theme-btn-secondary--color--disabled: var(--theme-color-weak-text);
203
+ --theme-btn-outline-secondary--background: var(--theme-color-secondary);
204
+ --theme-btn-outline-secondary--background--hover: var(--theme-color-secondary--hover);
205
+ --theme-btn-outline-secondary--background--active: var(--theme-color-secondary--active);
206
+ --theme-btn-outline-secondary--background--disabled: var(--theme-color-ghost);
207
+ --theme-btn-outline-secondary--border-color: var(--theme-color-6);
208
+ --theme-btn-outline-secondary--border-color--hover: var(--theme-color-6);
209
+ --theme-btn-outline-secondary--border-color--active: var(--theme-color-6);
210
+ --theme-btn-outline-secondary--border-color--disabled: var(--theme-color-component-4);
211
+ --theme-btn-outline-secondary--color: var(--theme-color-soft-text);
212
+ --theme-btn-outline-secondary--color--hover: var(--theme-color-std-text);
213
+ --theme-btn-outline-secondary--color--active: var(--theme-color-std-text);
214
+ --theme-btn-outline-secondary--color--disabled: var(--theme-color-weak-text);
215
+ --theme-btn-invisible-secondary--background: var(--theme-color-ghost);
216
+ --theme-btn-invisible-secondary--background--hover: var(--theme-color-ghost--hover);
217
+ --theme-btn-invisible-secondary--background--active: var(--theme-color-ghost--active);
218
+ --theme-btn-invisible-secondary--color: var(--theme-color-std-text);
219
+ --theme-btn-invisible-secondary--color--hover: var(--theme-color-std-text);
220
+ --theme-btn-invisible-secondary--color--active: var(--theme-color-std-text);
221
+ --theme-btn-invisible-secondary--color--disabled: var(--theme-color-weak-text);
222
+ --theme-btn-invisible-secondary--color--selected: var(--theme-color-primary);
223
+ --theme-btn-invisible-secondary--color--selected-hover: var(--theme-color-primary);
224
+ --theme-btn-invisible-secondary--color--selected-active: var(--theme-color-primary);
225
+ --theme-btn-invisible-secondary--background--selected: var(--theme-color-component-7);
226
+ --theme-btn-invisible-secondary--background--selected-hover: var(--theme-color-component-7--hover);
227
+ --theme-btn-invisible-secondary--background--selected-active: var(--theme-color-component-7--active);
228
+ --theme-link-btn--color: var(--theme-color-primary);
229
+ --theme-link-btn--color--hover: var(--theme-color-primary);
230
+ --theme-link-btn--color--active: var(--theme-color-contrast-text);
231
+ --theme-link-btn--border-color: var(--theme-color-ghost);
232
+ --theme-link-btn--border-color--hover: var(--theme-color-ghost);
233
+ --theme-link-btn--border-color--active: var(--theme-color-ghost);
234
+ --theme-link-btn--color--visited: var(--theme-color-primary);
235
+ --theme-link-btn--border-color--visited: var(--theme-color-ghost);
236
+ --theme-link-btn--border-color--disabled: var(--theme-color-ghost);
237
+ --theme-link-btn--color--disabled: var(--theme-color-weak-text);
238
+ --theme-checkbox-unchecked--background: var(--theme-color-secondary);
239
+ --theme-checkbox-unchecked--border-color: var(--theme-color-std-bdr);
240
+ --theme-checkbox-unchecked--background--hover: var(--theme-color-secondary--hover);
241
+ --theme-checkbox-unchecked--background--active: var(--theme-color-secondary--active);
242
+ --theme-checkbox-unchecked--border-color--hover: var(--theme-color-std-bdr);
243
+ --theme-checkbox-unchecked--border-color--active: var(--theme-color-std-bdr);
244
+ --theme-checkbox-unchecked--background--disabled: var(--theme-color-ghost);
245
+ --theme-checkbox-unchecked--border-color--disabled: var(--theme-color-weak-bdr);
246
+ --theme-checkbox-checked--background: var(--theme-color-primary);
247
+ --theme-checkbox-checked--border-color: var(--theme-color-0);
248
+ --theme-checkbox-checked--color: var(--theme-color-primary--contrast);
249
+ --theme-checkbox-checked--background--hover: var(--theme-color-primary--hover);
250
+ --theme-checkbox-checked--border-color--hover: var(--theme-color-0);
251
+ --theme-checkbox-checked--color--hover: var(--theme-color-primary--contrast);
252
+ --theme-checkbox-checked--background--active: var(--theme-color-primary--active);
253
+ --theme-checkbox-checked--border-color--active: var(--theme-color-0);
254
+ --theme-checkbox-checked--color--active: var(--theme-color-primary--contrast);
255
+ --theme-checkbox-checked--background--disabled: var(--theme-color-component-4);
256
+ --theme-checkbox-checked--border-color--disabled: var(--theme-color-0);
257
+ --theme-checkbox-checked--color--disabled: var(--theme-color-primary--contrast);
258
+ --theme-checkbox-mixed--background: var(--theme-color-secondary);
259
+ --theme-checkbox-mixed--border-color: var(--theme-color-primary);
260
+ --theme-checkbox-mixed--color: var(--theme-color-primary);
261
+ --theme-checkbox-mixed--background--hover: var(--theme-color-secondary--hover);
262
+ --theme-checkbox-mixed--border-color--hover: var(--theme-color-primary);
263
+ --theme-checkbox-mixed--color--hover: var(--theme-color-primary);
264
+ --theme-checkbox-mixed--background--active: var(--theme-color-secondary--active);
265
+ --theme-checkbox-mixed--border-color--active: var(--theme-color-primary);
266
+ --theme-checkbox-mixed--color--active: var(--theme-color-primary);
267
+ --theme-checkbox-mixed--background--disabled: var(--theme-color-ghost);
268
+ --theme-checkbox-mixed--border-color--disabled: var(--theme-color-component-4);
269
+ --theme-checkbox-mixed--color--disabled: var(--theme-color-component-4);
270
+ --theme-checkbox-label--color: var(--theme-color-std-text);
271
+ --theme-checkbox-label--color--disabled: var(--theme-color-weak-text);
272
+ --theme-radiobtn-unchecked--background: var(--theme-color-secondary);
273
+ --theme-radiobtn-unchecked--border-color: var(--theme-color-std-bdr);
274
+ --theme-radiobtn-unchecked--border-color--hover: var(--theme-color-std-bdr);
275
+ --theme-radiobtn-unchecked--border-color--active: var(--theme-color-std-bdr);
276
+ --theme-radiobtn-unchecked--border-color--disabled: var(--theme-color-component-4);
277
+ --theme-radiobtn-unchecked--background--hover: var(--theme-color-secondary--hover);
278
+ --theme-radiobtn-unchecked--background--active: var(--theme-color-secondary--active);
279
+ --theme-radiobtn-unchecked--background--disabled: var(--theme-color-ghost);
280
+ --theme-radiobtn-checked--color: var(--theme-color-primary);
281
+ --theme-radiobtn-checked--color--active: var(--theme-color-primary);
282
+ --theme-radiobtn-checked--color--disabled: var(--theme-color-component-4);
283
+ --theme-radiobtn-label--color: var(--theme-color-std-text);
284
+ --theme-radiobtn-label--color--disabled: var(--theme-color-weak-text);
285
+ --theme-radiobtn-checked--background: var(--theme-color-secondary);
286
+ --theme-radiobtn-checked--background--hover: var(--theme-color-secondary--hover);
287
+ --theme-radiobtn-checked--background--active: var(--theme-color-secondary--active);
288
+ --theme-radiobtn-checked--background--disabled: var(--theme-color-ghost);
289
+ --theme-radiobtn-checked--border-color: var(--theme-color-primary);
290
+ --theme-radiobtn-checked--border-color--hover: var(--theme-color-primary);
291
+ --theme-radiobtn-checked--border-color--active: var(--theme-color-primary);
292
+ --theme-radiobtn-checked--border-color--disabled: var(--theme-color-component-4);
293
+ --theme-nav--background: var(--theme-color-component-8);
294
+ --theme-avatar-btn--background: var(--theme-color-ghost);
295
+ --theme-avatar-btn--background--hover: var(--theme-color-ghost--hover);
296
+ --theme-avatar-btn--background--active: var(--theme-color-ghost--active);
297
+ --theme-avatar-btn--color: var(--theme-color-std-text);
298
+ --theme-avatar-btn--color--hover: var(--theme-color-std-text);
299
+ --theme-avatar-btn--color--active: var(--theme-color-std-text);
300
+ --theme-menu-btn--color: var(--theme-color-std-text);
301
+ --theme-menu-btn--color--hover: var(--theme-color-std-text);
302
+ --theme-menu-btn--color--active: var(--theme-color-std-text);
303
+ --theme-menu-btn--background: var(--theme-color-ghost);
304
+ --theme-menu-btn--background--hover: var(--theme-color-ghost--hover);
305
+ --theme-menu-btn--background--active: var(--theme-color-ghost--active);
306
+ --theme-nav-item-primary--background: var(--theme-color-ghost);
307
+ --theme-nav-item-primary--background--hover: var(--theme-color-ghost--hover);
308
+ --theme-nav-item-primary--background--active: var(--theme-color-ghost--active);
309
+ --theme-nav-item-primary--background--selected: var(--theme-color-3);
310
+ --theme-nav-item-primary--border-color: var(--theme-color-0);
311
+ --theme-nav-item-primary--border-color--hover: var(--theme-color-0);
312
+ --theme-nav-item-primary--border-color--active: var(--theme-color-0);
313
+ --theme-nav-item-primary--border-color--selected: var(--theme-color-primary);
314
+ --theme-nav-item-primary--color: var(--theme-color-std-text);
315
+ --theme-nav-item-primary--color--hover: var(--theme-color-std-text);
316
+ --theme-nav-item-primary--color--active: var(--theme-color-std-text);
317
+ --theme-nav-item-primary--color--selected: var(--theme-color-std-text);
318
+ --theme-nav-item-primary-icon--color: var(--theme-color-std-text);
319
+ --theme-nav-item-primary-icon--color--hover: var(--theme-color-std-text);
320
+ --theme-nav-item-primary-icon--color--active: var(--theme-color-std-text);
321
+ --theme-nav-item-primary-icon--color--selected: var(--theme-color-std-text);
322
+ --theme-nav-item-secondary--background: var(--theme-color-ghost);
323
+ --theme-nav-item-secondary--background--hover: var(--theme-color-ghost--hover);
324
+ --theme-nav-item-secondary--background--active: var(--theme-color-ghost--active);
325
+ --theme-nav-item-secondary--background--disabled: var(--theme-color-0);
326
+ --theme-nav-item-secondary--background--selected: var(--theme-color-1);
327
+ --theme-nav-item-secondary--border-color: var(--theme-color-0);
328
+ --theme-nav-item-secondary--border-color--hover: var(--theme-color-0);
329
+ --theme-nav-item-secondary--border-color--active: var(--theme-color-0);
330
+ --theme-nav-item-secondary--border-color--disabled: var(--theme-color-0);
331
+ --theme-nav-item-secondary--border-color--selected: var(--theme-color-primary);
332
+ --theme-nav-item-secondary--color: var(--theme-color-std-text);
333
+ --theme-nav-item-secondary--color--hover: var(--theme-color-std-text);
334
+ --theme-nav-item-secondary--color--active: var(--theme-color-std-text);
335
+ --theme-nav-item-secondary--color--disabled: var(--theme-color-weak-text);
336
+ --theme-nav-item-secondary--color--selected: var(--theme-color-std-text);
337
+ --theme-nav-item-secondary-icon--color: var(--theme-color-std-text);
338
+ --theme-nav-item-secondary-icon--color--hover: var(--theme-color-std-text);
339
+ --theme-nav-item-secondary-icon--color--active: var(--theme-color-std-text);
340
+ --theme-nav-item-secondary-icon--color--selected: var(--theme-color-std-text);
341
+ --theme-nav-item-secondary-icon--color--disabled: var(--theme-color-weak-text);
342
+ --theme-avatar--background: var(--theme-color-component-3);
343
+ --theme-input--border-color: var(--theme-color-std-bdr);
344
+ --theme-input--background: var(--theme-color-1);
345
+ --theme-input--border-color-bottom--readonly: var(--theme-color-soft-bdr);
346
+ --theme-input-error--background: var(--theme-color-component-error);
347
+ --theme-input--color--disabled: var(--theme-color-weak-text);
348
+ --theme-input--color: var(--theme-color-std-text);
349
+ --theme-input--background--hover: var(--theme-color-1);
350
+ --theme-input--border-color--hover: var(--theme-color-std-bdr);
351
+ --theme-input--background--focus: var(--theme-color-1);
352
+ --theme-input--border-color--focus: var(--theme-color-primary);
353
+ --theme-input--background--readonly: var(--theme-color-0);
354
+ --theme-input--border-color--readonly: var(--theme-color-0);
355
+ --theme-input--background--disabled: var(--theme-color-0);
356
+ --theme-input--border-color--disabled: var(--theme-color-0);
357
+ --theme-input--border-color-bottom--disabled: var(--theme-color-weak-bdr);
358
+ --theme-input-error--border-color: var(--theme-color-alarm);
359
+ --theme-input-error-icon--color: var(--theme-color-alarm);
360
+ --theme-blind-base--border-color: var(--theme-color-weak-bdr);
361
+ --theme-blind-base--background: var(--theme-color-1);
362
+ --theme-blind-header-closed--background: var(--theme-color-ghost);
363
+ --theme-blind-header-closed--background--hover: var(--theme-color-ghost--hover);
364
+ --theme-blind-header-closed--background--active: var(--theme-color-ghost--active);
365
+ --theme-blind-header-open--background: var(--theme-color-ghost);
366
+ --theme-blind-header-open--background--hover: var(--theme-color-ghost--hover);
367
+ --theme-blind-header-open--background--active: var(--theme-color-ghost--active);
368
+ --theme-blind-header-open--color--active: var(--theme-color-std-text);
369
+ --theme-blind-header-icon-open--color--active: var(--theme-color-std-text);
370
+ --theme-blind-header-icon-open--color--hover: var(--theme-color-std-text);
371
+ --theme-blind-header-open--color--hover: var(--theme-color-std-text);
372
+ --theme-blind-header-icon-open--color: var(--theme-color-std-text);
373
+ --theme-blind-header-open--color: var(--theme-color-std-text);
374
+ --theme-blind-header-icon-closed--color: var(--theme-color-std-text);
375
+ --theme-blind-header-icon-closed--color--active: var(--theme-color-std-text);
376
+ --theme-blind-header-icon-closed--color--hover: var(--theme-color-std-text);
377
+ --theme-blind-header-closed--color: var(--theme-color-std-text);
378
+ --theme-blind-header-closed--color--active: var(--theme-color-std-text);
379
+ --theme-blind-header-closed--color--hover: var(--theme-color-std-text);
380
+ --theme-breadcrumb-btn--background: var(--theme-color-component-1);
381
+ --theme-breadcrumb-btn--background--hover: var(--theme-color-component-1--hover);
382
+ --theme-breadcrumb-btn--background--active: var(--theme-color-component-1--active);
383
+ --theme-breadcrumb-btn--color: var(--theme-color-std-text);
384
+ --theme-breadcrumb-btn--color--hover: var(--theme-color-std-text);
385
+ --theme-breadcrumb-btn--color--active: var(--theme-color-std-text);
386
+ --theme-breadcrumb-btn-arrow--color: var(--theme-color-std-text);
387
+ --theme-breadcrumb-btn-arrow--color--hover: var(--theme-color-std-text);
388
+ --theme-breadcrumb-btn-arrow--color--active: var(--theme-color-std-text);
389
+ --theme-breadcrumb-btn-last--color: var(--theme-color-std-text);
390
+ --theme-breadcrumb-ghost--color: var(--theme-color-primary);
391
+ --theme-breadcrumb-ghost--color--hover: var(--theme-color-primary);
392
+ --theme-breadcrumb-ghost--color--active: var(--theme-color-primary);
393
+ --theme-breadcrumb-ghost-arrow--color: var(--theme-color-primary);
394
+ --theme-breadcrumb-ghost-arrow--color--hover: var(--theme-color-primary);
395
+ --theme-breadcrumb-ghost-arrow--color--active: var(--theme-color-primary);
396
+ --theme-breadcrumb-ghost--background: var(--theme-color-ghost);
397
+ --theme-breadcrumb-ghost--background--hover: var(--theme-color-ghost--hover);
398
+ --theme-breadcrumb-ghost--background--active: var(--theme-color-ghost--active);
399
+ --theme-breadcrumb-ghost-last--color: var(--theme-color-soft-text);
400
+ --theme-avatar--color: var(--theme-color-contrast-text);
401
+ --theme-chip-close-btn--background--hover: var(--theme-color-ghost--hover);
402
+ --theme-chip-close-btn--background--active: var(--theme-color-ghost--active);
403
+ --theme-chip-close-btn--color: var(--theme-color-std-text);
404
+ --theme-chip-outline--color: var(--theme-color-std-text);
405
+ --theme-chip-outline--background: var(--theme-color-1);
406
+ --theme-chip-outline--background--hover: var(--theme-color-1--hover);
407
+ --theme-chip-outline--background--active: var(--theme-color-1--active);
408
+ --theme-chip--background: var(--theme-color-component-1);
409
+ --theme-chip--background--hover: var(--theme-color-component-1--hover);
410
+ --theme-chip--background--active: var(--theme-color-component-1--active);
411
+ --theme-chip--color: var(--theme-color-contrast-text);
412
+ --theme-chip-close-btn--background: var(--theme-color-ghost);
413
+ --theme-pill-outline--color: var(--theme-color-std-text);
414
+ --theme-pill-outline--background: var(--theme-color-1);
415
+ --theme-chip-primary-outline--background: var(--theme-color-secondary);
416
+ --theme-chip-primary-outline--background--hover: var(--theme-color-secondary--hover);
417
+ --theme-chip-primary-outline--background--active: var(--theme-color-secondary--active);
418
+ --theme-chip-primary-outline--border-color: var(--theme-color-primary);
419
+ --theme-chip-primary-outline--border-color--hover: var(--theme-color-primary);
420
+ --theme-chip-primary-outline--border-color--active: var(--theme-color-primary);
421
+ --theme-chip-primary-outline--color: var(--theme-color-primary);
422
+ --theme-chip-primary-outline--color--hover: var(--theme-color-primary);
423
+ --theme-chip-primary-outline--color--active: var(--theme-color-primary);
424
+ --theme-chip-primary--background: var(--theme-color-primary);
425
+ --theme-chip-primary--background--hover: var(--theme-color-primary--hover);
426
+ --theme-chip-primary--background--active: var(--theme-color-primary--active);
427
+ --theme-chip-primary--color: var(--theme-color-primary--contrast);
428
+ --theme-chip-primary--color--hover: var(--theme-color-primary--contrast);
429
+ --theme-chip-primary--color--active: var(--theme-color-primary--contrast);
430
+ --theme-chip-primary-outline--background--display: var(--theme-color-secondary);
431
+ --theme-chip-primary-outline--border-color--display: var(--theme-color-primary);
432
+ --theme-chip-primary-outline--color--display: var(--theme-color-std-text);
433
+ --theme-switch-off--background: var(--theme-color-2);
434
+ --theme-menu--background: var(--theme-color-1);
435
+ --theme-menu--border-color: var(--theme-color-soft-bdr);
436
+ --theme-menu-header--color: var(--theme-color-soft-text);
437
+ --theme-menu-item--background: var(--theme-color-ghost);
438
+ --theme-menu-item--background--hover: var(--theme-color-ghost--hover);
439
+ --theme-menu-item--background--active: var(--theme-color-ghost--active);
440
+ --theme-menu-item--background--disabled: var(--theme-color-ghost);
441
+ --theme-menu-item--color: var(--theme-color-std-text);
442
+ --theme-menu-item--color--hover: var(--theme-color-std-text);
443
+ --theme-menu-item--color--active: var(--theme-color-std-text);
444
+ --theme-menu-item--color--disabled: var(--theme-color-weak-text);
445
+ --theme-menu-item-icon--color: var(--theme-color-soft-text);
446
+ --theme-menu-item-icon--color--hover: var(--theme-color-std-text);
447
+ --theme-menu-item-icon--color--active: var(--theme-color-std-text);
448
+ --theme-menu-item-icon--color--disabled: var(--theme-color-weak-text);
449
+ --theme-menu-item-arrow--color: var(--theme-color-std-text);
450
+ --theme-menu-item-arrow--color--hover: var(--theme-color-std-text);
451
+ --theme-menu-item-arrow--color--active: var(--theme-color-std-text);
452
+ --theme-menu-item-arrow--color--disabled: var(--theme-color-weak-text);
453
+ --theme-menu-item-check--color: var(--theme-color-std-text);
454
+ --theme-menu-item-check--color--hover: var(--theme-color-std-text);
455
+ --theme-menu-item-check--color--active: var(--theme-color-std-text);
456
+ --theme-menu-item-check--color--disabled: var(--theme-color-weak-text);
457
+ --theme-select-list-item--background: var(--theme-color-ghost);
458
+ --theme-select-list-item--background--hover: var(--theme-color-ghost--hover);
459
+ --theme-select-list-item--background--active: var(--theme-color-ghost--active);
460
+ --theme-select-list-item--background--disabled: var(--theme-color-ghost);
461
+ --theme-select-list-item--background--selected: var(--theme-color-ghost--selected);
462
+ --theme-select-list-item--background--selected-hover: var(--theme-color-ghost--selected-hover);
463
+ --theme-select-list-item--background--selected-active: var(--theme-color-ghost--selected-active);
464
+ --theme-select-list-item--background--selected-disabled: var(--theme-color-ghost);
465
+ --theme-select-list-item--color: var(--theme-color-std-text);
466
+ --theme-select-list-item--color--hover: var(--theme-color-std-text);
467
+ --theme-select-list-item--color--active: var(--theme-color-std-text);
468
+ --theme-select-list-item--color--disabled: var(--theme-color-weak-text);
469
+ --theme-select-list-item--color--selected: var(--theme-color-std-text);
470
+ --theme-select-list-item--color--selected-hover: var(--theme-color-std-text);
471
+ --theme-select-list-item--color--selected-active: var(--theme-color-std-text);
472
+ --theme-select-list-item--color--selected-disabled: var(--theme-color-weak-text);
473
+ --theme-select-list-item-check--color: var(--theme-color-std-text);
474
+ --theme-select-list-item-check--color--hover: var(--theme-color-std-text);
475
+ --theme-select-list-item-check--color--active: var(--theme-color-std-text);
476
+ --theme-select-list-item-check--color--disabled: var(--theme-color-weak-text);
477
+ --theme-select-list--background: var(--theme-color-1);
478
+ --theme-select-list--border-color: var(--theme-color-soft-bdr);
479
+ --theme-tab--background: var(--theme-color-ghost);
480
+ --theme-tab--background--hover: var(--theme-color-ghost--hover);
481
+ --theme-tab--background--active: var(--theme-color-ghost--active);
482
+ --theme-tab--background--selected: var(--theme-color-ghost);
483
+ --theme-tab--background--disabled: var(--theme-color-ghost);
484
+ --theme-tab-indicator--background: var(--theme-color-0);
485
+ --theme-tab-indicator--background--hover: var(--theme-color-6);
486
+ --theme-tab-indicator--background--active: var(--theme-color-6);
487
+ --theme-tab-indicator--background--selected: var(--theme-color-primary);
488
+ --theme-tab-indicator--background--disabled: var(--theme-color-0);
489
+ --theme-animated-tab-indicator--background: var(--theme-color-0);
490
+ --theme-animated-tab-indicator--background--hover: var(--theme-color-0);
491
+ --theme-animated-tab-indicator--background--active: var(--theme-color-0);
492
+ --theme-animated-tab-indicator--background--selected: var(--theme-color-primary);
493
+ --theme-tab--color: var(--theme-color-soft-text);
494
+ --theme-tab--color--hover: var(--theme-color-soft-text);
495
+ --theme-tab--color--active: var(--theme-color-soft-text);
496
+ --theme-tab--color--selected: var(--theme-color-primary);
497
+ --theme-tab--color--disabled: var(--theme-color-weak-text);
498
+ --theme-tab-icon--color: var(--theme-color-soft-text);
499
+ --theme-tab-icon--color--hover: var(--theme-color-soft-text);
500
+ --theme-tab-icon--color--active: var(--theme-color-soft-text);
501
+ --theme-tab-icon--color--selected: var(--theme-color-primary);
502
+ --theme-tab-icon--color--disabled: var(--theme-color-weak-text);
503
+ --theme-animated-tab-icon--color: var(--theme-color-soft-text);
504
+ --theme-animated-tab-icon--color--hover: var(--theme-color-soft-text);
505
+ --theme-animated-tab-icon--color--active: var(--theme-color-soft-text);
506
+ --theme-animated-tab-icon--color--selected: var(--theme-color-primary--contrast);
507
+ --theme-animated-tab-icon--color--disabled: var(--theme-color-weak-text);
508
+ --theme-animated-tab-circle--background: var(--theme-color-1);
509
+ --theme-animated-tab-circle--background--hover: var(--theme-color-1--hover);
510
+ --theme-animated-tab-circle--background--active: var(--theme-color-1--active);
511
+ --theme-animated-tab-circle--background--selected: var(--theme-color-primary);
512
+ --theme-animated-tab-circle--background--disabled: var(--theme-color-0);
513
+ --theme-animated-tab-circle--border-color: var(--theme-color-soft-bdr);
514
+ --theme-animated-tab-circle--border-color--hover: var(--theme-color-soft-bdr);
515
+ --theme-animated-tab-circle--border-color--active: var(--theme-color-soft-bdr);
516
+ --theme-animated-tab-circle--border-color--selected: var(--theme-color-0);
517
+ --theme-animated-tab-circle--border-color--disabled: var(--theme-color-weak-bdr);
518
+ --theme-tab-pill--border-color: var(--theme-color-std-bdr);
519
+ --theme-tab-pill--border-color--hover: var(--theme-color-std-bdr);
520
+ --theme-tab-pill--border-color--active: var(--theme-color-std-bdr);
521
+ --theme-tab-pill--border-color--selected: var(--theme-color-primary);
522
+ --theme-tab-pill--border-color--disabled: var(--theme-color-weak-bdr);
523
+ --theme-input-unit--color: var(--theme-color-soft-text);
524
+ --theme-input-gripper--color: var(--theme-color-weak-bdr);
525
+ --theme-input-gripper--color--hover: var(--theme-color-weak-bdr);
526
+ --theme-input-gripper--color--focus: var(--theme-color-weak-bdr);
527
+ --theme-input-search-icon--color: var(--theme-color-std-text);
528
+ --theme-input-search-icon--color--hover: var(--theme-color-std-text);
529
+ --theme-input-search-icon--color--focus: var(--theme-color-std-text);
530
+ --theme-input-search-icon--color--disabled: var(--theme-color-weak-text);
531
+ --theme-input-select-icon--color: var(--theme-color-soft-text);
532
+ --theme-input-select-icon--color--hover: var(--theme-color-std-text);
533
+ --theme-input-select-icon--color--active: var(--theme-color-std-text);
534
+ --theme-switch-off--background--hover: var(--theme-color-2);
535
+ --theme-switch-off--background--active: var(--theme-color-2);
536
+ --theme-switch-off--background--disabled: var(--theme-color-component-2);
537
+ --theme-switch-on--background: var(--theme-color-2);
538
+ --theme-switch-on--background--hover: var(--theme-color-2);
539
+ --theme-switch-on--background--active: var(--theme-color-2);
540
+ --theme-switch-on--background--disabled: var(--theme-color-component-2);
541
+ --theme-switch-mixed--background: var(--theme-color-2);
542
+ --theme-switch-mixed--background--hover: var(--theme-color-2);
543
+ --theme-switch-mixed--background--active: var(--theme-color-2);
544
+ --theme-switch-mixed--background--disabled: var(--theme-color-component-2);
545
+ --theme-switch-off--border-color: var(--theme-color-soft-bdr);
546
+ --theme-switch-off--border-color--hover: var(--theme-color-soft-bdr);
547
+ --theme-switch-off--border-color--active: var(--theme-color-soft-bdr);
548
+ --theme-switch-off--border-color--disabled: var(--theme-color-0);
549
+ --theme-switch-on--border-color: var(--theme-color-soft-bdr);
550
+ --theme-switch-on--border-color--hover: var(--theme-color-soft-bdr);
551
+ --theme-switch-on--border-color--active: var(--theme-color-soft-bdr);
552
+ --theme-switch-on--border-color--disabled: var(--theme-color-0);
553
+ --theme-switch-mixed--border-color: var(--theme-color-soft-bdr);
554
+ --theme-switch-mixed--border-color--hover: var(--theme-color-soft-bdr);
555
+ --theme-switch-mixed--border-color--active: var(--theme-color-soft-bdr);
556
+ --theme-switch-mixed--border-color--disabled: var(--theme-color-0);
557
+ --theme-switch-thumb-off--background: var(--theme-color-secondary);
558
+ --theme-switch-thumb-off--background--hover: var(--theme-color-secondary--hover);
559
+ --theme-switch-thumb-off--background--disabled: var(--theme-color-2);
560
+ --theme-switch-thumb-off--background--active: var(--theme-color-secondary--active);
561
+ --theme-switch-thumb-on--background: var(--theme-color-primary);
562
+ --theme-switch-thumb-on--background--hover: var(--theme-color-primary--hover);
563
+ --theme-switch-thumb-on--background--active: var(--theme-color-primary--active);
564
+ --theme-switch-thumb-on--background--disabled: var(--theme-color-component-6);
565
+ --theme-switch-thumb-mixed--background: var(--theme-color-secondary);
566
+ --theme-switch-thumb-mixed--background--hover: var(--theme-color-secondary--hover);
567
+ --theme-switch-thumb-mixed--background--active: var(--theme-color-secondary--active);
568
+ --theme-switch-thumb-mixed--background--disabled: var(--theme-color-2);
569
+ --theme-switch-thumb-off--border-color: var(--theme-color-soft-bdr);
570
+ --theme-switch-thumb-off--border-color--hover: var(--theme-color-soft-bdr);
571
+ --theme-switch-thumb-off--border-color--active: var(--theme-color-soft-bdr);
572
+ --theme-switch-thumb-off--border-color--disabled: var(--theme-color-0);
573
+ --theme-switch-thumb-on--border-color: var(--theme-color-weak-bdr);
574
+ --theme-switch-thumb-on--border-color--hover: var(--theme-color-weak-bdr);
575
+ --theme-switch-thumb-on--border-color--active: var(--theme-color-weak-bdr);
576
+ --theme-switch-thumb-on--border-color--disabled: var(--theme-color-0);
577
+ --theme-switch-thumb-mixed--border-color: var(--theme-color-soft-bdr);
578
+ --theme-switch-thumb-mixed--border-color--hover: var(--theme-color-soft-bdr);
579
+ --theme-switch-thumb-mixed--border-color--active: var(--theme-color-soft-bdr);
580
+ --theme-switch-thumb-mixed--border-color--disabled: var(--theme-color-0);
581
+ --theme-switch--color: var(--theme-color-std-text);
582
+ --theme-switch--color--hover: var(--theme-color-std-text);
583
+ --theme-switch--color--active: var(--theme-color-std-text);
584
+ --theme-switch--color--disabled: var(--theme-color-weak-text);
585
+ --theme-messagebar--color: var(--theme-color-std-text);
586
+ --theme-messagebar--background: var(--theme-color-1);
587
+ --theme-scrollbar-track--background: var(--theme-color-2);
588
+ --theme-scrollbar-track--border: var(--theme-color-1);
589
+ --theme-scrollbar-thumb--background: var(--theme-color-5);
590
+ --theme-scrollbar-track--background--hover: var(--theme-color-3);
591
+ --theme-scrollbar-thumb--background--hover: var(--theme-color-6);
592
+ --theme-modal--background: var(--theme-color-1);
593
+ --theme-modal--border-color: var(--theme-color-soft-bdr);
594
+ --theme-datepicker-day--background: var(--theme-color-ghost);
595
+ --theme-datepicker-day--background--hover: var(--theme-color-ghost--hover);
596
+ --theme-datepicker-day--background--active: var(--theme-color-ghost--active);
597
+ --theme-datepicker-day--background--disabled: var(--theme-color-ghost);
598
+ --theme-datepicker-day--background--selected: var(--theme-color-component-9);
599
+ --theme-datepicker-day--background--selected-hover: var(--theme-color-component-9--hover);
600
+ --theme-datepicker-day--background--selected-active: var(--theme-color-component-9--active);
601
+ --theme-datepicker-day--background--selected-disabled: var(--theme-color-component-9--disabled);
602
+ --theme-datepicker-day--background--range: var(--theme-color-component-10);
603
+ --theme-datepicker-day--background--range-hover: var(--theme-color-component-10--hover);
604
+ --theme-datepicker-day--background--range-active: var(--theme-color-component-10--active);
605
+ --theme-datepicker-day--background--range-disabled: var(--theme-color-component-10--disabled);
606
+ --theme-btn-invisible-primary--border-color: var(--theme-color-0);
607
+ --theme-btn-invisible-primary--border-color--hover: var(--theme-color-0);
608
+ --theme-btn-invisible-primary--border-color--active: var(--theme-color-0);
609
+ --theme-btn-invisible-primary--border-color--disabled: var(--theme-color-0);
610
+ --theme-btn-secondary--border-color: var(--theme-color-0);
611
+ --theme-btn-secondary--border-color--hover: var(--theme-color-0);
612
+ --theme-btn-secondary--border-color--active: var(--theme-color-0);
613
+ --theme-btn-secondary--border-color--disabled: var(--theme-color-0);
614
+ --theme-btn-invisible-secondary--border-color: var(--theme-color-0);
615
+ --theme-btn-invisible-secondary--border-color--hover: var(--theme-color-0);
616
+ --theme-btn-invisible-secondary--border-color--active: var(--theme-color-0);
617
+ --theme-btn-invisible-secondary--border-color--disabled: var(--theme-color-0);
618
+ --theme-map-navigation-logo--color: var(--theme-color-std-text);
619
+ --theme-map-navigation-header--color: var(--theme-color-std-text);
620
+ --theme-map-navigation-separator--background: var(--theme-color-soft-bdr);
621
+ --theme-map-navigation--background: var(--theme-color-3);
622
+ --theme-btn-invisible-secondary--border-color--selected: var(--theme-color-0);
623
+ --theme-btn-invisible-secondary--border-color--selected-hover: var(--theme-color-0);
624
+ --theme-btn-invisible-secondary--border-color--selected-active: var(--theme-color-0);
625
+ --theme-overlay-header--background: var(--theme-color-3);
626
+ --theme-overlay-header--color: var(--theme-color-std-text);
627
+ --theme-nav-overlay--background: var(--theme-color-backdrop);
628
+ --theme-nav-overlay-header--color: var(--theme-color-std-text);
629
+ --theme-event-item--background: var(--theme-color-secondary);
630
+ --theme-event-item--background--disabled: var(--theme-color-component-2);
631
+ --theme-event-item--border--hover: var(--theme-color-weak-bdr);
632
+ --theme-event-item--border: var(--theme-color-weak-bdr);
633
+ --theme-event-item--border--active: var(--theme-color-weak-bdr);
634
+ --theme-event-item--border--selected: var(--theme-color-dynamic);
635
+ --theme-event-item--background--hover: var(--theme-color-secondary--hover);
636
+ --theme-event-item--border--disabled: var(--theme-color-component-2);
637
+ --theme-event-item--background--active: var(--theme-color-secondary--active);
638
+ --theme-event-item--background--selected: var(--theme-color-component-5);
639
+ --theme-event-item-chevron--color: var(--theme-color-soft-text);
640
+ --theme-flip--color: var(--theme-color-std-text);
641
+ --theme-flip--background: var(--theme-color-1);
642
+ --theme-flip--border-color: var(--theme-color-soft-bdr);
643
+ --theme-flip-footer--background: var(--theme-color-1);
644
+ --theme-flip-footer--color: var(--theme-color-std-text);
645
+ --theme-kpi-display--background: var(--theme-color-ghost);
646
+ --theme-kpi-display--background--hover: var(--theme-color-ghost--hover);
647
+ --theme-kpi-display--background--active: var(--theme-color-ghost--active);
648
+ --theme-kpi-display-indicator--background: var(--theme-color-component-4);
649
+ --theme-kpi-display-label--color: var(--theme-color-soft-text);
650
+ --theme-kpi-display-icon--color: var(--theme-color-std-text);
651
+ --theme-kpi-display-value: var(--theme-color-std-text);
652
+ --theme-kpi-display-units: var(--theme-color-soft-text);
653
+ --theme-table-data-row-alt--background: var(--theme-color-ghost-alt);
654
+ --theme-group-item--background: var(--theme-color-component-1);
655
+ --theme-group-item--background--hover: var(--theme-color-component-1--hover);
656
+ --theme-group-item--background--active: var(--theme-color-component-1--active);
657
+ --theme-group-item--background--selected: var(--theme-color-ghost--selected);
658
+ --theme-group-item--background--disabled: var(--theme-color-component-1);
659
+ --theme-group-item--border-color: var(--theme-color-0);
660
+ --theme-group-item--border-color--hover: var(--theme-color-0);
661
+ --theme-group-item--border-color--active: var(--theme-color-0);
662
+ --theme-group-item--border-color--selected: var(--theme-color-primary);
663
+ --theme-group-item--border-color--disabled: var(--theme-color-0);
664
+ --theme-group-item-indicator--background: var(--theme-color-0);
665
+ --theme-group-item-indicator--background--selected: var(--theme-color-primary);
666
+ --theme-group-item-indicator--background--subselected: var(--theme-color-primary);
667
+ --theme-group-node-closed--color: var(--theme-color-std-text);
668
+ --theme-group-node-open--color: var(--theme-color-std-text);
669
+ --theme-group-header--color: var(--theme-color-std-text);
670
+ --theme-group-subheader--color: var(--theme-color-std-text);
671
+ --theme-group-item-icon--color: var(--theme-color-std-text);
672
+ --theme-group-item-text--color: var(--theme-color-std-text);
673
+ --theme-group-item-subtext--color: var(--theme-color-soft-text);
674
+ --theme-group-item-icon--color--disabled: var(--theme-color-weak-text);
675
+ --theme-group-item-text--color--disabled: var(--theme-color-weak-text);
676
+ --theme-group-item-subtext--color--disabled: var(--theme-color-weak-text);
677
+ --theme-upload--background: var(--theme-color-1);
678
+ --theme-upload--background--dragover: var(--theme-color-1);
679
+ --theme-upload--border-color: var(--theme-color-soft-bdr);
680
+ --theme-upload--border-color--dragover: var(--theme-color-primary);
681
+ --theme-upload--background--checking: var(--theme-color-1);
682
+ --theme-upload--background--disabled: var(--theme-color-0);
683
+ --theme-upload--border-color--checking: var(--theme-color-soft-bdr);
684
+ --theme-upload--border-color--disabled: var(--theme-color-soft-bdr);
685
+ --theme-upload-text--color: var(--theme-color-std-text);
686
+ --theme-upload-text--color--checking: var(--theme-color-std-text);
687
+ --theme-upload-text--color--disabled: var(--theme-color-weak-text);
688
+ --theme-input-extra--background--active: var(--theme-color-secondary--active);
689
+ --theme-input-extra--background--hover: var(--theme-color-secondary--hover);
690
+ --theme-btn-outline-primary--border-color: var(--theme-color-primary);
691
+ --theme-btn-outline-primary--border-color--hover: var(--theme-color-primary);
692
+ --theme-btn-outline-primary--border-color--active: var(--theme-color-primary);
693
+ --theme-btn-outline-primary--border-color--disabled: var(--theme-color-component-4);
694
+ --theme-btn-invisible-secondary--background--disabled: var(--theme-color-ghost);
695
+ --theme-ghost--background: var(--theme-color-ghost);
696
+ --theme-ghost--background--hover: var(--theme-color-ghost--hover);
697
+ --theme-ghost--background--active: var(--theme-color-ghost--active);
698
+ --theme-radiobtn-checked--color--hover: var(--theme-color-dynamic);
699
+ --theme-input-hint--color: var(--theme-color-soft-text);
700
+ --theme-menu-separator--background: var(--theme-color-weak-bdr);
701
+ --theme-select-list-item-hint--color: var(--theme-color-soft-text);
702
+ --theme-select-list-item-hint--color--hover: var(--theme-color-soft-text);
703
+ --theme-select-list-item-hint--color--active: var(--theme-color-soft-text);
704
+ --theme-toast-timer-track--background: var(--theme-color-0);
705
+ --theme-toast-timer-value--background: var(--theme-color-6);
706
+ --theme-toast--background: var(--theme-color-1);
707
+ --theme-toast--border-color: var(--theme-color-weak-bdr);
708
+ --theme-toast--color: var(--theme-color-std-text);
709
+ --theme-datepicker-day--border-color: var(--theme-color-0);
710
+ --theme-datepicker-day--border-color--hover: var(--theme-color-0);
711
+ --theme-datepicker-day--border-color--active: var(--theme-color-0);
712
+ --theme-datepicker-day--border-color--disabled: var(--theme-color-0);
713
+ --theme-datepicker-day--color: var(--theme-color-primary);
714
+ --theme-datepicker-day--color--hover: var(--theme-color-primary);
715
+ --theme-datepicker-day--color--active: var(--theme-color-primary);
716
+ --theme-datepicker-day--color--disabled: var(--theme-color-weak-text);
717
+ --theme-datepicker-day--border-color--selected: var(--theme-color-0);
718
+ --theme-datepicker-day--border-color--selected-hover: var(--theme-color-0);
719
+ --theme-datepicker-day--border-color--selected-active: var(--theme-color-0);
720
+ --theme-datepicker-day--border-color--selected-disabled: var(--theme-color-0);
721
+ --theme-datepicker-day--color--selected: var(--theme-color-primary--contrast);
722
+ --theme-datepicker-day--color--selected-hover: var(--theme-color-primary--contrast);
723
+ --theme-datepicker-day--color--selected-active: var(--theme-color-primary--contrast);
724
+ --theme-datepicker-day--color--selected-disabled: var(--theme-color-weak-text);
725
+ --theme-datepicker-day--border-color--range: var(--theme-color-0);
726
+ --theme-datepicker-day--border-color--range-hover: var(--theme-color-0);
727
+ --theme-datepicker-day--border-color--range-active: var(--theme-color-0);
728
+ --theme-datepicker-day--border-color--range-disabled: var(--theme-color-0);
729
+ --theme-datepicker-day--color--range: var(--theme-color-primary--contrast);
730
+ --theme-datepicker-day--color--range-hover: var(--theme-color-primary--contrast);
731
+ --theme-datepicker-day--color--range-active: var(--theme-color-primary--contrast);
732
+ --theme-datepicker-day--color--range-disabled: var(--theme-color-weak-text);
733
+ --theme-datepicker-today--background: var(--theme-color-ghost);
734
+ --theme-datepicker-today--background--hover: var(--theme-color-ghost--hover);
735
+ --theme-datepicker-today--background--active: var(--theme-color-ghost--active);
736
+ --theme-datepicker-today--background--disabled: var(--theme-color-ghost);
737
+ --theme-datepicker-today--border-color: var(--theme-color-primary);
738
+ --theme-datepicker-today--border-color--hover: var(--theme-color-primary);
739
+ --theme-datepicker-today--border-color--active: var(--theme-color-primary);
740
+ --theme-datepicker-today--border-color--disabled: var(--theme-color-primary--disabled);
741
+ --theme-datepicker-today--color: var(--theme-color-primary);
742
+ --theme-datepicker-today--color--hover: var(--theme-color-primary);
743
+ --theme-datepicker-today--color--active: var(--theme-color-primary);
744
+ --theme-datepicker-today--color--disabled: var(--theme-color-weak-text);
745
+ --theme-datepicker-today--background--selected: var(--theme-color-component-9);
746
+ --theme-datepicker-today--background--selected-hover: var(--theme-color-component-9--hover);
747
+ --theme-datepicker-today--background--selected-active: var(--theme-color-component-9--active);
748
+ --theme-datepicker-today--background--selected-disabled: var(--theme-color-component-9--disabled);
749
+ --theme-datepicker-today--border-color--selected: var(--theme-color-primary);
750
+ --theme-datepicker-today--border-color--selected-hover: var(--theme-color-primary);
751
+ --theme-datepicker-today--border-color--selected-active: var(--theme-color-primary);
752
+ --theme-datepicker-today--border-color--selected-disabled: var(--theme-color-primary--disabled);
753
+ --theme-datepicker-today--color--selected: var(--theme-color-primary--contrast);
754
+ --theme-datepicker-today--color--selected-hover: var(--theme-color-primary--contrast);
755
+ --theme-datepicker-today--color--selected-active: var(--theme-color-primary--contrast);
756
+ --theme-datepicker-today--color--selected-disabled: var(--theme-color-weak-text);
757
+ --theme-datepicker-today--background--range: var(--theme-color-component-10);
758
+ --theme-datepicker-today--background--range-hover: var(--theme-color-component-10--hover);
759
+ --theme-datepicker-today--background--range-active: var(--theme-color-component-10--active);
760
+ --theme-datepicker-today--background--range-disabled: var(--theme-color-component-10--disabled);
761
+ --theme-datepicker-today--border-color--range: var(--theme-color-primary);
762
+ --theme-datepicker-today--border-color--range-hover: var(--theme-color-primary);
763
+ --theme-datepicker-today--border-color--range-active: var(--theme-color-primary);
764
+ --theme-datepicker-today--border-color--range-disabled: var(--theme-color-primary--disabled);
765
+ --theme-datepicker-today--color--range: var(--theme-color-primary--contrast);
766
+ --theme-datepicker-today--color--range-hover: var(--theme-color-primary--contrast);
767
+ --theme-datepicker-today--color--range-active: var(--theme-color-primary--contrast);
768
+ --theme-datepicker-today--color--range-disabled: var(--theme-color-weak-text);
769
+ --theme-datepicker-separator--background: var(--theme-color-x-weak-bdr);
770
+ --theme-datepicker-weekday--color: var(--theme-color-soft-text);
771
+ --theme-datepicker-cw--color: var(--theme-color-soft-text);
772
+ --theme-datepicker-time-header: var(--theme-color-std-text);
773
+ --theme-datepicker-extra--border-color: var(--theme-color-1);
774
+ --theme-overlay--background: var(--theme-color-backdrop);
775
+ --theme-tree-item--background: var(--theme-color-ghost);
776
+ --theme-tree-item--background--hover: var(--theme-color-ghost--hover);
777
+ --theme-tree-item--background--active: var(--theme-color-ghost--active);
778
+ --theme-tree-item--background--selected: var(--theme-color-ghost--selected);
779
+ --theme-tree-item--background--selected-hover: var(--theme-color-ghost--selected-hover);
780
+ --theme-tree-item--background--selected-active: var(--theme-color-ghost--selected-active);
781
+ --theme-tree-item-node-closed-icon--color: var(--theme-color-std-text);
782
+ --theme-tree-item-node-open-icon--color: var(--theme-color-dynamic);
783
+ --theme-tree-item--color: var(--theme-color-std-text);
784
+ --theme-tree-item-icon: var(--theme-color-std-text);
785
+ --theme-tree-item-status--color: var(--theme-color-soft-text);
786
+ --theme-workflow-step--background: var(--theme-color-ghost);
787
+ --theme-workflow-step--background--hover: var(--theme-color-ghost--hover);
788
+ --theme-workflow-step--background--active: var(--theme-color-ghost--active);
789
+ --theme-workflow-step--background--selected: var(--theme-color-ghost--selected);
790
+ --theme-workflow-step--background--disabled: var(--theme-color-ghost);
791
+ --theme-workflow-step--color: var(--theme-color-std-text);
792
+ --theme-workflow-step-icon--background: var(--theme-color-1);
793
+ --theme-workflow-step-icon-default--color: var(--theme-color-neutral);
794
+ --theme-workflow-step-icon-default--color--selected: var(--theme-color-primary);
795
+ --theme-workflow-step-icon-default--color--disabled: var(--theme-color-weak-text);
796
+ --theme-workflow-step-icon-done--color: var(--theme-color-primary);
797
+ --theme-workflow-step-icon-done--color--selected: var(--theme-color-primary);
798
+ --theme-workflow-step-icon-done--color--disabled: var(--theme-color-weak-text);
799
+ --theme-workflow-step-icon-success--color--disabled: var(--theme-color-weak-text);
800
+ --theme-workflow-step-icon-warning--color--disabled: var(--theme-color-weak-text);
801
+ --theme-workflow-step-icon-error--color--disabled: var(--theme-color-weak-text);
802
+ --theme-tootlip--background: var(--theme-color-1);
803
+ --theme-tooltip--border-color: var(--theme-color-0);
804
+ --theme-tooltip--color: var(--theme-color-std-text);
805
+ --theme-tooltip-close--color: var(--theme-color-soft-text);
806
+ --theme-tooltip-close-btn--background: var(--theme-color-ghost);
807
+ --theme-tooltip-close-btn--background--hover: var(--theme-color-ghost--hover);
808
+ --theme-tooltip-close-btn--background--active: var(--theme-color-ghost--active);
809
+ --theme-table--background: var(--theme-color-0);
810
+ --theme-table--border-color: var(--theme-color-weak-bdr);
811
+ --theme-table--color: var(--theme-color-std-text);
812
+ --theme-table-header-row--background: var(--theme-color-component-11);
813
+ --theme-table-header-row--border-color: var(--theme-color-weak-bdr);
814
+ --theme-table-header-cell--background: var(--theme-color-ghost);
815
+ --theme-table-header-cell--background--hover: var(--theme-color-ghost--hover);
816
+ --theme-table-header-cell--background--active: var(--theme-color-ghost--active);
817
+ --theme-table-header-cell--border-color: var(--theme-color-0);
818
+ --theme-table-header-cell--border-color--hover: var(--theme-color-0);
819
+ --theme-table-header-cell--border-color--active: var(--theme-color-0);
820
+ --theme-table-header-cell--color: var(--theme-color-std-text);
821
+ --theme-table-header-filter--color: var(--theme-color-primary);
822
+ --theme-table-header-sort--color: var(--theme-color-primary);
823
+ --theme-table-header-splitter--background: var(--theme-color-soft-bdr);
824
+ --theme-table-header-splitter--background--hover: var(--theme-color-dynamic);
825
+ --theme-table-data-row--background: var(--theme-color-ghost);
826
+ --theme-table-data-row--background--hover: var(--theme-color-ghost--hover);
827
+ --theme-table-data-row--background--active: var(--theme-color-ghost--active);
828
+ --theme-table-data-row--background--selected: var(--theme-color-ghost--selected);
829
+ --theme-table-data-row--background--disabled: var(--theme-color-ghost);
830
+ --theme-table-data-row--background--selected-hover: var(--theme-color-ghost--selected-hover);
831
+ --theme-table-data-row--background--selected-active: var(--theme-color-ghost--selected-active);
832
+ --theme-table-data-row--border-color: var(--theme-color-weak-bdr);
833
+ --theme-table-data-cell--border-color: var(--theme-color-0);
834
+ --theme-table-data-cell--background: var(--theme-color-ghost);
835
+ --theme-table-data-cell--background--hover: var(--theme-color-ghost--hover);
836
+ --theme-table-data-cell--background--active: var(--theme-color-ghost--active);
837
+ --theme-table-data-cell--background--selected: var(--theme-color-ghost--selected);
838
+ --theme-table-data-cell--background--disabled: var(--theme-color-ghost);
839
+ --theme-table-data-cell--background--selected-hover: var(--theme-color-ghost--selected-hover);
840
+ --theme-table-data-cell--background--selected-active: var(--theme-color-ghost--selected-active);
841
+ --theme-table-data-cell--color: var(--theme-color-std-text);
842
+ --theme-table-data-cell--color-disabled: var(--theme-color-weak-text);
843
+ --theme-table-data-row-alt--background--hover: var(--theme-color-ghost-alt--hover);
844
+ --theme-table-data-row-alt--background--active: var(--theme-color-ghost-alt--active);
845
+ --theme-table-data-row-alt--background--selected: var(--theme-color-ghost-alt--selected);
846
+ --theme-table-data-row-alt--background--disabled: var(--theme-color-ghost-alt);
847
+ --theme-table-data-row-alt--background--selected-hover: var(--theme-color-ghost-alt--selected-hover);
848
+ --theme-table-data-row-alt--background--selected-active: var(--theme-color-ghost-alt--selected-active);
849
+ --theme-table-group-splitter--background: var(--theme-color-x-weak-bdr);
850
+ --theme-table-group-splitter--background--hover: var(--theme-color-dynamic);
851
+ --theme-table-group-header-row--background: var(--theme-color-component-11);
852
+ --theme-table-group-header-row--border-color: var(--theme-color-weak-bdr);
853
+ --theme-label--color: var(--theme-color-soft-text);
854
+ --theme-label--color--hover: var(--theme-color-std-text);
855
+ --theme-label--color--active: var(--theme-color-std-text);
856
+ --theme-label--color--focus: var(--theme-color-std-text);
857
+ --theme-label--color--disabled: var(--theme-color-weak-text);
858
+ --theme-table-selection--border-color: var(--theme-color-0);
859
+ }
860
+ }