@siemens/ix 1.3.0 → 1.4.0-beta.1

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 (536) hide show
  1. package/dist/cjs/alignment-51e20690.js +13 -0
  2. package/dist/cjs/{animation-dfe01edc.js → animation-d5cc0bec.js} +1 -1
  3. package/dist/cjs/{base-button-6ef79cb6.js → base-button-497db257.js} +1 -1
  4. package/dist/cjs/context-a0900b95.js +75 -0
  5. package/dist/cjs/{default-tree-item-4597cd84.js → default-tree-item-89cd1f3f.js} +1 -1
  6. package/dist/cjs/{flip-tile-state-c95639e5.js → flip-tile-state-b5ff5ea0.js} +1 -1
  7. package/dist/cjs/{alignment-24ae2e63.js → floating-ui.dom.esm-9a5d67b2.js} +393 -402
  8. package/dist/cjs/{index-17eb8998.js → index-f4b8e6ee.js} +74 -1
  9. package/dist/cjs/index.cjs.js +13 -13
  10. package/dist/cjs/ix-animated-tab_2.cjs.entry.js +3 -3
  11. package/dist/cjs/ix-application-header.cjs.entry.js +26 -3
  12. package/dist/cjs/ix-basic-navigation.cjs.entry.js +17 -3
  13. package/dist/cjs/ix-blind.cjs.entry.js +2 -2
  14. package/dist/cjs/ix-breadcrumb_2.cjs.entry.js +2 -2
  15. package/dist/cjs/ix-burger-menu.cjs.entry.js +22 -0
  16. package/dist/cjs/ix-button.cjs.entry.js +4 -4
  17. package/dist/cjs/ix-category-filter.cjs.entry.js +86 -117
  18. package/dist/cjs/ix-chip.cjs.entry.js +1 -1
  19. package/dist/cjs/ix-counter-pill.cjs.entry.js +1 -1
  20. package/dist/cjs/ix-date-picker_2.cjs.entry.js +4 -4
  21. package/dist/cjs/ix-date-time-card.cjs.entry.js +1 -1
  22. package/dist/cjs/ix-datetime-picker.cjs.entry.js +1 -1
  23. package/dist/cjs/ix-divider.cjs.entry.js +19 -0
  24. package/dist/cjs/ix-drawer.cjs.entry.js +1 -1
  25. package/dist/cjs/ix-dropdown-button.cjs.entry.js +6 -4
  26. package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +19 -0
  27. package/dist/cjs/ix-dropdown_2.cjs.entry.js +78 -17
  28. package/dist/cjs/ix-event-list_2.cjs.entry.js +4 -4
  29. package/dist/cjs/ix-expanding-search.cjs.entry.js +1 -1
  30. package/dist/cjs/ix-filter-chip.cjs.entry.js +1 -1
  31. package/dist/cjs/ix-flip-tile_2.cjs.entry.js +2 -2
  32. package/dist/cjs/ix-group-context-menu.cjs.entry.js +1 -4
  33. package/dist/cjs/ix-group_3.cjs.entry.js +1 -1
  34. package/dist/cjs/ix-icon-button.cjs.entry.js +2 -2
  35. package/dist/cjs/ix-icon.cjs.entry.js +1 -1
  36. package/dist/cjs/ix-input-group.cjs.entry.js +1 -1
  37. package/dist/cjs/ix-kpi.cjs.entry.js +1 -1
  38. package/dist/cjs/ix-map-navigation_2.cjs.entry.js +2 -2
  39. package/dist/cjs/ix-menu_9.cjs.entry.js +50 -19
  40. package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
  41. package/dist/cjs/ix-modal-example.cjs.entry.js +2 -2
  42. package/dist/cjs/ix-modal_2.cjs.entry.js +4 -4
  43. package/dist/cjs/ix-pill.cjs.entry.js +1 -1
  44. package/dist/cjs/ix-select_2.cjs.entry.js +1 -1
  45. package/dist/cjs/ix-spinner.cjs.entry.js +1 -1
  46. package/dist/cjs/ix-split-button_2.cjs.entry.js +7 -5
  47. package/dist/cjs/ix-tab-item.cjs.entry.js +2 -2
  48. package/dist/cjs/ix-tabs.cjs.entry.js +12 -5
  49. package/dist/cjs/ix-tile.cjs.entry.js +1 -1
  50. package/dist/cjs/ix-toast_2.cjs.entry.js +10 -6
  51. package/dist/cjs/ix-toggle.cjs.entry.js +2 -2
  52. package/dist/cjs/ix-tooltip.cjs.entry.js +127 -0
  53. package/dist/cjs/ix-tree_2.cjs.entry.js +3 -4
  54. package/dist/cjs/ix-typography.cjs.entry.js +38 -0
  55. package/dist/cjs/ix-upload.cjs.entry.js +2 -2
  56. package/dist/cjs/ix-validation-tooltip.cjs.entry.js +10 -9
  57. package/dist/cjs/ix-workflow-step_2.cjs.entry.js +1 -1
  58. package/dist/cjs/loader.cjs.js +2 -2
  59. package/dist/cjs/{logical-filter-operator-467e2faf.js → logical-filter-operator-0faf70b8.js} +2 -2
  60. package/dist/cjs/{modal-dda2f6be.js → modal-a93045dd.js} +4 -4
  61. package/dist/cjs/{modal-utils-9ee0acda.js → modal-utils-b645989b.js} +1 -1
  62. package/dist/cjs/{mutation-observer-29bedada.js → mutation-observer-eaaa5399.js} +1 -1
  63. package/dist/cjs/my-component.cjs.entry.js +2 -2
  64. package/dist/cjs/{rwd.util-2326824e.js → rwd.util-9480f0b5.js} +1 -1
  65. package/dist/cjs/service-18dc5907.js +73 -0
  66. package/dist/cjs/siemens-ix.cjs.js +2 -2
  67. package/dist/cjs/{theme-switcher-f91c8d8d.js → theme-switcher-67669a35.js} +1 -1
  68. package/dist/cjs/{typed-event-5030cc6a.js → typed-event-f0f051da.js} +1 -1
  69. package/dist/cjs/{upload-file-state-923b2c65.js → upload-file-state-a79acf2b.js} +1 -1
  70. package/dist/collection/collection-manifest.json +5 -0
  71. package/dist/collection/components/animated-tab/animated-tab.css +1 -1
  72. package/dist/collection/components/animated-tab/animated-tab.js +1 -1
  73. package/dist/collection/components/animated-tabs/animated-tabs.css +4 -4
  74. package/dist/collection/components/animated-tabs/animated-tabs.js +1 -1
  75. package/dist/collection/components/application-header/application-header.css +11 -2
  76. package/dist/collection/components/application-header/application-header.js +31 -2
  77. package/dist/collection/components/basic-navigation/basic-navigation.css +6 -1
  78. package/dist/collection/components/basic-navigation/basic-navigation.js +21 -3
  79. package/dist/collection/components/blind/blind.css +5 -6
  80. package/dist/collection/components/blind/blind.js +1 -1
  81. package/dist/collection/components/breadcrumb/breadcrumb.css +4 -4
  82. package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
  83. package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +1 -1
  84. package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +1 -1
  85. package/dist/collection/components/button/base-button.js +1 -1
  86. package/dist/collection/components/{utils → button}/button-variants.js +0 -0
  87. package/dist/collection/components/button/button.css +7 -2
  88. package/dist/collection/components/button/button.js +3 -3
  89. package/dist/collection/components/category-filter/category-filter.css +37 -50
  90. package/dist/collection/components/category-filter/category-filter.js +86 -132
  91. package/dist/collection/components/category-filter/filter-state.js +1 -1
  92. package/dist/collection/components/category-filter/input-state.js +1 -1
  93. package/dist/collection/components/category-filter/logical-filter-operator.js +1 -1
  94. package/dist/collection/components/chip/chip.css +4 -4
  95. package/dist/collection/components/chip/chip.js +1 -1
  96. package/dist/collection/components/counter-pill/counter-pill.css +7 -7
  97. package/dist/collection/components/counter-pill/counter-pill.js +1 -1
  98. package/dist/collection/components/date-picker/date-picker.css +2 -2
  99. package/dist/collection/components/date-picker/date-picker.js +4 -4
  100. package/dist/collection/components/date-time-card/date-time-card.css +2 -2
  101. package/dist/collection/components/date-time-card/date-time-card.js +1 -1
  102. package/dist/collection/components/datetime-picker/datetime-picker.css +2 -2
  103. package/dist/collection/components/datetime-picker/datetime-picker.js +1 -1
  104. package/dist/collection/components/divider/divider.css +16 -0
  105. package/dist/collection/components/divider/divider.js +29 -0
  106. package/dist/collection/components/drawer/drawer.css +3 -3
  107. package/dist/collection/components/drawer/drawer.js +1 -1
  108. package/dist/collection/components/dropdown/dropdown-trigger-event.js +1 -0
  109. package/dist/collection/components/dropdown/dropdown.css +6 -6
  110. package/dist/collection/components/dropdown/dropdown.js +96 -10
  111. package/dist/collection/components/dropdown-button/dropdown-button.css +15 -7
  112. package/dist/collection/components/dropdown-button/dropdown-button.js +6 -4
  113. package/dist/collection/components/dropdown-item/dropdown-item.css +13 -4
  114. package/dist/collection/components/dropdown-item/dropdown-item.js +1 -1
  115. package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.css +36 -0
  116. package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +29 -0
  117. package/dist/collection/components/event-list/event-list.css +1 -1
  118. package/dist/collection/components/event-list/event-list.js +1 -1
  119. package/dist/collection/components/event-list-item/event-list-item.css +8 -4
  120. package/dist/collection/components/event-list-item/event-list-item.js +1 -1
  121. package/dist/collection/components/expanding-search/expanding-search.css +4 -4
  122. package/dist/collection/components/expanding-search/expanding-search.js +1 -1
  123. package/dist/collection/components/filter-chip/filter-chip.css +4 -4
  124. package/dist/collection/components/filter-chip/filter-chip.js +1 -1
  125. package/dist/collection/components/flip-tile/flip-tile-state.js +1 -1
  126. package/dist/collection/components/flip-tile/flip-tile.css +4 -4
  127. package/dist/collection/components/flip-tile/flip-tile.js +1 -1
  128. package/dist/collection/components/flip-tile-content/flip-tile-content.css +1 -1
  129. package/dist/collection/components/flip-tile-content/flip-tile-content.js +1 -1
  130. package/dist/collection/components/group/group-context-menu.css +1 -1
  131. package/dist/collection/components/group/group-context-menu.js +1 -4
  132. package/dist/collection/components/group/group.css +5 -5
  133. package/dist/collection/components/group/group.js +1 -1
  134. package/dist/collection/components/group-dropdown-item/group-dropdown-item.css +1 -1
  135. package/dist/collection/components/group-dropdown-item/group-dropdown-item.js +1 -1
  136. package/dist/collection/components/group-item/group-item.css +5 -5
  137. package/dist/collection/components/group-item/group-item.js +1 -1
  138. package/dist/collection/components/icon/icon.css +2 -2
  139. package/dist/collection/components/icon/icon.js +1 -1
  140. package/dist/collection/components/icon-button/icon-button.css +1 -1
  141. package/dist/collection/components/icon-button/icon-button.js +1 -1
  142. package/dist/collection/components/input-group/input-group.css +1 -1
  143. package/dist/collection/components/input-group/input-group.js +1 -1
  144. package/dist/collection/components/kpi/kpi.css +5 -5
  145. package/dist/collection/components/kpi/kpi.js +1 -1
  146. package/dist/collection/components/map-navigation/map-navigation.css +6 -5
  147. package/dist/collection/components/map-navigation/map-navigation.js +1 -1
  148. package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.css +5 -5
  149. package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js +1 -1
  150. package/dist/collection/components/menu/burger-menu.css +85 -0
  151. package/dist/collection/components/menu/burger-menu.js +64 -0
  152. package/dist/collection/components/menu/menu.css +20 -37
  153. package/dist/collection/components/menu/menu.js +27 -11
  154. package/dist/collection/components/menu-about/menu-about.css +4 -4
  155. package/dist/collection/components/menu-about/menu-about.js +1 -1
  156. package/dist/collection/components/menu-about-item/menu-about-item.css +1 -1
  157. package/dist/collection/components/menu-about-item/menu-about-item.js +1 -1
  158. package/dist/collection/components/menu-about-news/menu-about-news.css +13 -17
  159. package/dist/collection/components/menu-about-news/menu-about-news.js +2 -2
  160. package/dist/collection/components/menu-avatar/menu-avatar.css +17 -5
  161. package/dist/collection/components/menu-avatar/menu-avatar.js +52 -3
  162. package/dist/collection/components/menu-avatar-item/menu-avatar-item.css +1 -1
  163. package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +1 -1
  164. package/dist/collection/components/menu-item/menu-item.css +27 -27
  165. package/dist/collection/components/menu-item/menu-item.js +2 -1
  166. package/dist/collection/components/menu-settings/menu-settings.css +4 -4
  167. package/dist/collection/components/menu-settings/menu-settings.js +1 -1
  168. package/dist/collection/components/menu-settings-item/menu-settings-item.css +1 -1
  169. package/dist/collection/components/menu-settings-item/menu-settings-item.js +1 -1
  170. package/dist/collection/components/message-bar/message-bar.css +3 -3
  171. package/dist/collection/components/message-bar/message-bar.js +1 -1
  172. package/dist/collection/components/modal/modal-utils.js +1 -1
  173. package/dist/collection/components/modal/modal.css +2 -2
  174. package/dist/collection/components/modal/modal.js +1 -1
  175. package/dist/collection/components/modal-container/modal-container.css +1 -1
  176. package/dist/collection/components/modal-container/modal-container.js +1 -1
  177. package/dist/collection/components/my-component/example-modal.js +1 -1
  178. package/dist/collection/components/my-component/my-component.css +3 -3
  179. package/dist/collection/components/my-component/my-component.js +1 -1
  180. package/dist/collection/components/pill/pill.css +4 -4
  181. package/dist/collection/components/pill/pill.js +1 -1
  182. package/dist/collection/components/select/select.css +5 -5
  183. package/dist/collection/components/select/select.js +1 -1
  184. package/dist/collection/components/select-item/select-item.css +1 -1
  185. package/dist/collection/components/select-item/select-item.js +1 -1
  186. package/dist/collection/components/spinner/spinner.css +1 -1
  187. package/dist/collection/components/spinner/spinner.js +1 -1
  188. package/dist/collection/components/split-button/split-button.css +20 -2
  189. package/dist/collection/components/split-button/split-button.js +6 -4
  190. package/dist/collection/components/split-button-item/split-button-item.css +1 -1
  191. package/dist/collection/components/split-button-item/split-button-item.js +1 -1
  192. package/dist/collection/components/tab-item/tab-item.css +5 -7
  193. package/dist/collection/components/tab-item/tab-item.js +1 -1
  194. package/dist/collection/components/tabs/tabs.css +4 -3
  195. package/dist/collection/components/tabs/tabs.js +13 -4
  196. package/dist/collection/components/tile/tile.css +3 -3
  197. package/dist/collection/components/tile/tile.js +1 -1
  198. package/dist/collection/components/time-picker/time-picker.css +2 -2
  199. package/dist/collection/components/time-picker/time-picker.js +1 -1
  200. package/dist/collection/components/toast/toast-container.js +1 -1
  201. package/dist/collection/components/toast/toast-utils.js +1 -1
  202. package/dist/collection/components/toast/toast.css +4 -4
  203. package/dist/collection/components/toast/toast.js +9 -5
  204. package/dist/collection/components/toggle/toggle.css +5 -4
  205. package/dist/collection/components/toggle/toggle.js +1 -1
  206. package/dist/collection/components/tooltip/tooltip.css +43 -0
  207. package/dist/collection/components/tooltip/tooltip.js +203 -0
  208. package/dist/collection/components/tree/tree.css +1 -1
  209. package/dist/collection/components/tree/tree.js +1 -1
  210. package/dist/collection/components/tree-item/default-tree-item.js +1 -1
  211. package/dist/collection/components/tree-item/tree-item.css +5 -5
  212. package/dist/collection/components/tree-item/tree-item.js +2 -3
  213. package/dist/collection/components/typography/types.js +14 -0
  214. package/dist/collection/components/typography/typography.css +146 -0
  215. package/dist/collection/components/typography/typography.js +63 -0
  216. package/dist/collection/components/upload/upload-file-state.js +1 -1
  217. package/dist/collection/components/upload/upload.css +3 -3
  218. package/dist/collection/components/upload/upload.js +1 -1
  219. package/dist/collection/components/utils/animation.js +1 -1
  220. package/dist/collection/components/utils/menu-service/menu-service.js +53 -0
  221. package/dist/collection/components/utils/mutation-observer.js +1 -1
  222. package/dist/collection/components/utils/rwd.util.js +1 -1
  223. package/dist/collection/components/utils/screen/context.js +29 -0
  224. package/{scss/theme/_define-theme-variable.scss → dist/collection/components/utils/screen/index.js} +2 -5
  225. package/dist/collection/components/utils/screen/mode.js +36 -0
  226. package/dist/collection/components/utils/screen/service.js +45 -0
  227. package/dist/collection/components/utils/typed-event.js +1 -1
  228. package/dist/collection/components/validation-tooltip/validation-tooltip.css +4 -4
  229. package/dist/collection/components/validation-tooltip/validation-tooltip.js +1 -1
  230. package/dist/collection/components/workflow-step/workflow-step.css +2 -2
  231. package/dist/collection/components/workflow-step/workflow-step.js +1 -1
  232. package/dist/collection/components/workflow-steps/workflow-steps.css +2 -2
  233. package/dist/collection/components/workflow-steps/workflow-steps.js +1 -1
  234. package/dist/collection/env.js +1 -1
  235. package/dist/collection/exports.js +2 -1
  236. package/dist/collection/index.js +1 -1
  237. package/dist/collection/tests/utils/test/index.js +9 -0
  238. package/dist/collection/tests/utils/test/matchMedia.mock.js +22 -0
  239. package/dist/collection/tests/utils/test/page.js +29 -0
  240. package/dist/collection/utils/test/index.js +1 -1
  241. package/dist/collection/utils/test/matchMedia.mock.js +22 -0
  242. package/dist/collection/utils/test/page.js +2 -2
  243. package/dist/components/alignment.js +1 -1353
  244. package/dist/components/animation.js +1 -1
  245. package/dist/components/application-header.js +33 -4
  246. package/dist/components/base-button.js +1 -1
  247. package/dist/components/burger-menu.js +35 -0
  248. package/dist/components/button.js +2 -2
  249. package/dist/components/date-picker.js +3 -3
  250. package/dist/components/dropdown-item.js +1 -1
  251. package/dist/components/dropdown.js +71 -9
  252. package/dist/components/floating-ui.dom.esm.js +1355 -0
  253. package/dist/components/group-context-menu.js +0 -3
  254. package/dist/components/index.d.ts +5 -0
  255. package/dist/components/index.js +7 -2
  256. package/dist/components/ix-basic-navigation.js +25 -5
  257. package/dist/components/ix-blind.js +1 -1
  258. package/dist/components/ix-burger-menu.d.ts +11 -0
  259. package/dist/components/ix-burger-menu.js +6 -0
  260. package/dist/components/ix-category-filter.js +96 -125
  261. package/dist/components/ix-divider.d.ts +11 -0
  262. package/dist/components/ix-divider.js +33 -0
  263. package/dist/components/ix-dropdown-button.js +5 -3
  264. package/dist/components/ix-dropdown-quick-actions.d.ts +11 -0
  265. package/dist/components/ix-dropdown-quick-actions.js +33 -0
  266. package/dist/components/ix-event-list-item.js +1 -1
  267. package/dist/components/ix-flip-tile.js +1 -1
  268. package/dist/components/ix-map-navigation.js +9 -3
  269. package/dist/components/ix-menu-about-news.js +2 -2
  270. package/dist/components/ix-menu-avatar.js +21 -2
  271. package/dist/components/ix-menu.js +31 -11
  272. package/dist/components/ix-modal-example.js +1 -1
  273. package/dist/components/ix-split-button.js +5 -3
  274. package/dist/components/ix-toggle.js +1 -1
  275. package/dist/components/ix-tooltip.d.ts +11 -0
  276. package/dist/components/ix-tooltip.js +152 -0
  277. package/dist/components/ix-tree.js +1 -1
  278. package/dist/components/ix-typography.d.ts +11 -0
  279. package/dist/components/ix-typography.js +6 -0
  280. package/dist/components/ix-upload.js +1 -1
  281. package/dist/components/ix-validation-tooltip.js +2 -1
  282. package/dist/components/menu-item.js +2 -2
  283. package/dist/components/modal-container.js +1 -1
  284. package/dist/components/mutation-observer.js +1 -1
  285. package/dist/components/my-component.js +1 -1
  286. package/dist/components/rwd.util.js +1 -1
  287. package/dist/components/service.js +139 -0
  288. package/dist/components/tab-item.js +1 -1
  289. package/dist/components/tabs.js +13 -4
  290. package/dist/components/toast.js +8 -4
  291. package/dist/components/tree-item.js +1 -2
  292. package/dist/components/typed-event.js +1 -1
  293. package/dist/components/typography.js +51 -0
  294. package/dist/esm/alignment-6490c552.js +11 -0
  295. package/dist/esm/{animation-b667a4c4.js → animation-268dce50.js} +1 -1
  296. package/dist/esm/{base-button-0b6635df.js → base-button-5bfeb71c.js} +1 -1
  297. package/dist/esm/context-f6a2b727.js +71 -0
  298. package/dist/esm/{default-tree-item-638c435a.js → default-tree-item-91ff2c08.js} +1 -1
  299. package/dist/esm/{flip-tile-state-28a1f8ce.js → flip-tile-state-051bb2fd.js} +1 -1
  300. package/dist/esm/{alignment-f63c1b89.js → floating-ui.dom.esm-e13c649f.js} +394 -402
  301. package/dist/esm/{index-6f4f3582.js → index-6b660a23.js} +74 -1
  302. package/dist/esm/index.js +13 -13
  303. package/dist/esm/ix-animated-tab_2.entry.js +3 -3
  304. package/dist/esm/ix-application-header.entry.js +26 -3
  305. package/dist/esm/ix-basic-navigation.entry.js +17 -3
  306. package/dist/esm/ix-blind.entry.js +2 -2
  307. package/dist/esm/ix-breadcrumb_2.entry.js +2 -2
  308. package/dist/esm/ix-burger-menu.entry.js +18 -0
  309. package/dist/esm/ix-button.entry.js +4 -4
  310. package/dist/esm/ix-category-filter.entry.js +86 -117
  311. package/dist/esm/ix-chip.entry.js +1 -1
  312. package/dist/esm/ix-counter-pill.entry.js +1 -1
  313. package/dist/esm/ix-date-picker_2.entry.js +4 -4
  314. package/dist/esm/ix-date-time-card.entry.js +1 -1
  315. package/dist/esm/ix-datetime-picker.entry.js +1 -1
  316. package/dist/esm/ix-divider.entry.js +15 -0
  317. package/dist/esm/ix-drawer.entry.js +1 -1
  318. package/dist/esm/ix-dropdown-button.entry.js +6 -4
  319. package/dist/esm/ix-dropdown-quick-actions.entry.js +15 -0
  320. package/dist/esm/ix-dropdown_2.entry.js +72 -11
  321. package/dist/esm/ix-event-list_2.entry.js +4 -4
  322. package/dist/esm/ix-expanding-search.entry.js +1 -1
  323. package/dist/esm/ix-filter-chip.entry.js +1 -1
  324. package/dist/esm/ix-flip-tile_2.entry.js +2 -2
  325. package/dist/esm/ix-group-context-menu.entry.js +1 -4
  326. package/dist/esm/ix-group_3.entry.js +1 -1
  327. package/dist/esm/ix-icon-button.entry.js +2 -2
  328. package/dist/esm/ix-icon.entry.js +1 -1
  329. package/dist/esm/ix-input-group.entry.js +1 -1
  330. package/dist/esm/ix-kpi.entry.js +1 -1
  331. package/dist/esm/ix-map-navigation_2.entry.js +2 -2
  332. package/dist/esm/ix-menu_9.entry.js +50 -19
  333. package/dist/esm/ix-message-bar.entry.js +1 -1
  334. package/dist/esm/ix-modal-example.entry.js +2 -2
  335. package/dist/esm/ix-modal_2.entry.js +4 -4
  336. package/dist/esm/ix-pill.entry.js +1 -1
  337. package/dist/esm/ix-select_2.entry.js +1 -1
  338. package/dist/esm/ix-spinner.entry.js +1 -1
  339. package/dist/esm/ix-split-button_2.entry.js +7 -5
  340. package/dist/esm/ix-tab-item.entry.js +2 -2
  341. package/dist/esm/ix-tabs.entry.js +12 -5
  342. package/dist/esm/ix-tile.entry.js +1 -1
  343. package/dist/esm/ix-toast_2.entry.js +10 -6
  344. package/dist/esm/ix-toggle.entry.js +2 -2
  345. package/dist/esm/ix-tooltip.entry.js +123 -0
  346. package/dist/esm/ix-tree_2.entry.js +3 -4
  347. package/dist/esm/ix-typography.entry.js +34 -0
  348. package/dist/esm/ix-upload.entry.js +2 -2
  349. package/dist/esm/ix-validation-tooltip.entry.js +3 -2
  350. package/dist/esm/ix-workflow-step_2.entry.js +1 -1
  351. package/dist/esm/loader.js +2 -2
  352. package/dist/esm/{logical-filter-operator-1bf83315.js → logical-filter-operator-15696001.js} +2 -2
  353. package/dist/esm/{modal-df0a62f2.js → modal-64e18970.js} +4 -4
  354. package/dist/esm/{modal-utils-df50b35a.js → modal-utils-aecbcba5.js} +1 -1
  355. package/dist/esm/{mutation-observer-379959bb.js → mutation-observer-7d01bbea.js} +1 -1
  356. package/dist/esm/my-component.entry.js +2 -2
  357. package/dist/esm/{rwd.util-4a61a4b8.js → rwd.util-cfc2ea72.js} +1 -1
  358. package/dist/esm/service-fc436c5b.js +71 -0
  359. package/dist/esm/siemens-ix.js +2 -2
  360. package/dist/esm/{theme-switcher-9ecc9b69.js → theme-switcher-4b9e5cc2.js} +1 -1
  361. package/dist/esm/{typed-event-ab58c27e.js → typed-event-a230184a.js} +1 -1
  362. package/dist/esm/{upload-file-state-631bb8a2.js → upload-file-state-532a36d3.js} +1 -1
  363. package/dist/siemens-ix/index.esm.js +1 -1
  364. package/dist/siemens-ix/p-06d5ab35.entry.js +1 -0
  365. package/dist/siemens-ix/{p-da2cae32.js → p-076c29d1.js} +0 -0
  366. package/dist/siemens-ix/{p-4b170382.entry.js → p-082bbe13.entry.js} +1 -1
  367. package/dist/siemens-ix/{p-418e2d14.entry.js → p-098e22c3.entry.js} +1 -1
  368. package/dist/siemens-ix/{p-43616759.entry.js → p-0bc4408b.entry.js} +1 -1
  369. package/dist/siemens-ix/p-0bd6554e.entry.js +1 -0
  370. package/dist/siemens-ix/{p-218de283.entry.js → p-0bf4a256.entry.js} +1 -1
  371. package/dist/siemens-ix/{p-7f842cdc.entry.js → p-0d619f3e.entry.js} +1 -1
  372. package/dist/siemens-ix/{p-3663f989.entry.js → p-122cf38d.entry.js} +1 -1
  373. package/dist/siemens-ix/p-1572aab3.js +1 -0
  374. package/dist/siemens-ix/{p-1d30454e.js → p-15bebd8a.js} +0 -0
  375. package/dist/siemens-ix/{p-8a7141a6.entry.js → p-165c6a82.entry.js} +1 -1
  376. package/dist/siemens-ix/{p-e7621b0a.entry.js → p-1d48ce36.entry.js} +1 -1
  377. package/dist/siemens-ix/{p-cc0f6f6b.entry.js → p-20c88582.entry.js} +1 -1
  378. package/dist/siemens-ix/{p-c8cc3bb3.js → p-21aa3602.js} +0 -0
  379. package/dist/siemens-ix/{p-0a12b3df.js → p-2b33ead4.js} +0 -0
  380. package/dist/siemens-ix/{p-d0bb8225.entry.js → p-2e55e255.entry.js} +1 -1
  381. package/dist/siemens-ix/{p-e2925222.entry.js → p-3624a41c.entry.js} +1 -1
  382. package/dist/siemens-ix/{p-bdd294d2.js → p-3b97bb69.js} +0 -0
  383. package/dist/siemens-ix/{p-ea333007.entry.js → p-3cc4df65.entry.js} +1 -1
  384. package/dist/siemens-ix/{p-4fcb5f2b.entry.js → p-404e81d2.entry.js} +1 -1
  385. package/dist/siemens-ix/p-4251a6dd.entry.js +1 -0
  386. package/dist/siemens-ix/p-4b2265fd.entry.js +1 -0
  387. package/dist/siemens-ix/p-529d7530.js +1 -0
  388. package/dist/siemens-ix/{p-eb150313.entry.js → p-560cfce8.entry.js} +1 -1
  389. package/dist/siemens-ix/{p-1c82637e.js → p-56ed024b.js} +0 -0
  390. package/dist/siemens-ix/{p-18d02e6f.entry.js → p-5890faf9.entry.js} +1 -1
  391. package/dist/siemens-ix/{p-b12006c6.js → p-5b39e04e.js} +0 -0
  392. package/dist/siemens-ix/p-5b47360e.entry.js +1 -0
  393. package/dist/siemens-ix/{p-a88618e3.entry.js → p-5ca7b937.entry.js} +1 -1
  394. package/dist/siemens-ix/p-5feec7a4.entry.js +1 -0
  395. package/dist/siemens-ix/p-63776469.entry.js +1 -0
  396. package/dist/siemens-ix/p-66074788.js +2 -0
  397. package/dist/siemens-ix/{p-a5fa7ae5.entry.js → p-6637ae65.entry.js} +1 -1
  398. package/dist/siemens-ix/{p-33283dbf.entry.js → p-67cf5cd4.entry.js} +1 -1
  399. package/dist/siemens-ix/{p-c3e90c06.entry.js → p-6be65050.entry.js} +1 -1
  400. package/dist/siemens-ix/p-6e5543fe.entry.js +1 -0
  401. package/dist/siemens-ix/p-70be8cb8.entry.js +1 -0
  402. package/dist/siemens-ix/p-71c91a11.entry.js +1 -0
  403. package/dist/siemens-ix/{p-b3d00feb.entry.js → p-72cc8632.entry.js} +1 -1
  404. package/dist/siemens-ix/{p-dec6114f.js → p-75abd144.js} +1 -1
  405. package/dist/siemens-ix/p-9269d0e8.entry.js +1 -0
  406. package/dist/siemens-ix/p-94b440bc.entry.js +1 -0
  407. package/dist/siemens-ix/{p-592f1ed3.entry.js → p-9c8c835c.entry.js} +1 -1
  408. package/dist/siemens-ix/{p-8b4e4718.entry.js → p-9eb8347c.entry.js} +1 -1
  409. package/dist/siemens-ix/{p-4944ad0b.js → p-9ee41861.js} +0 -0
  410. package/dist/siemens-ix/p-9fa6a59b.entry.js +1 -0
  411. package/dist/siemens-ix/p-ac1d6617.entry.js +1 -0
  412. package/dist/siemens-ix/{p-6fe3bb9c.entry.js → p-ae35c07f.entry.js} +1 -1
  413. package/dist/siemens-ix/{p-f6e713f3.js → p-affb60fb.js} +1 -1
  414. package/dist/siemens-ix/{p-96e46f99.js → p-b14308ed.js} +0 -0
  415. package/dist/siemens-ix/p-b5599b0b.entry.js +1 -0
  416. package/dist/siemens-ix/{p-eed28e55.entry.js → p-b85458fb.entry.js} +1 -1
  417. package/dist/siemens-ix/{p-fbe40498.js → p-c0454c9a.js} +0 -0
  418. package/dist/siemens-ix/p-c2b50878.entry.js +1 -0
  419. package/dist/siemens-ix/{p-9b5290d4.entry.js → p-c4568016.entry.js} +1 -1
  420. package/dist/siemens-ix/p-cb4269bf.js +1 -0
  421. package/dist/siemens-ix/{p-f7be9635.entry.js → p-d1a16c62.entry.js} +1 -1
  422. package/dist/siemens-ix/p-d7618223.entry.js +1 -0
  423. package/dist/siemens-ix/p-e48e659d.entry.js +1 -0
  424. package/dist/siemens-ix/p-e4bda8e7.entry.js +1 -0
  425. package/dist/siemens-ix/p-e5fd4b34.entry.js +1 -0
  426. package/dist/siemens-ix/{p-72f851ae.entry.js → p-f3cde62f.entry.js} +1 -1
  427. package/dist/siemens-ix/p-f7b5b66f.js +1 -0
  428. package/dist/siemens-ix/{p-150d7a02.entry.js → p-fa262af7.entry.js} +1 -1
  429. package/dist/siemens-ix/p-feefa8c7.entry.js +1 -0
  430. package/dist/siemens-ix/siemens-ix.css +2080 -1824
  431. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  432. package/dist/types/components/application-header/application-header.d.ts +8 -0
  433. package/dist/types/components/basic-navigation/basic-navigation.d.ts +6 -1
  434. package/dist/types/components/{utils → button}/button-variants.d.ts +0 -0
  435. package/dist/types/components/button/button.d.ts +1 -1
  436. package/dist/types/components/category-filter/category-filter.d.ts +10 -15
  437. package/dist/types/components/divider/divider.d.ts +6 -0
  438. package/dist/types/components/dropdown/dropdown-trigger-event.d.ts +4 -0
  439. package/dist/types/components/dropdown/dropdown.d.ts +11 -1
  440. package/dist/types/components/dropdown-button/dropdown-button.d.ts +1 -1
  441. package/dist/types/components/dropdown-quick-actions/dropdown-quick-actions.d.ts +6 -0
  442. package/dist/types/components/group/group-context-menu.d.ts +0 -2
  443. package/dist/types/components/menu/burger-menu.d.ts +10 -0
  444. package/dist/types/components/menu/menu.d.ts +3 -1
  445. package/dist/types/components/menu-avatar/menu-avatar.d.ts +12 -0
  446. package/dist/types/components/split-button/split-button.d.ts +1 -1
  447. package/dist/types/components/tabs/tabs.d.ts +3 -0
  448. package/dist/types/components/tooltip/tooltip.d.ts +39 -0
  449. package/dist/types/components/typography/types.d.ts +2 -0
  450. package/dist/types/components/typography/typography.d.ts +11 -0
  451. package/dist/types/components/utils/menu-service/menu-service.d.ts +13 -0
  452. package/dist/types/components/utils/screen/context.d.ts +4 -0
  453. package/dist/types/components/utils/screen/index.d.ts +1 -0
  454. package/dist/types/components/utils/screen/mode.d.ts +10 -0
  455. package/dist/types/components/utils/screen/service.d.ts +10 -0
  456. package/dist/types/components.d.ts +144 -7
  457. package/dist/types/exports.d.ts +1 -0
  458. package/dist/types/index.d.ts +2 -1
  459. package/dist/types/tests/utils/test/index.d.ts +1 -0
  460. package/dist/types/tests/utils/test/page.d.ts +3 -0
  461. package/package.json +2 -2
  462. package/scss/_common-variables.scss +1 -1
  463. package/scss/_fonts.scss +1 -1
  464. package/scss/_z-index.scss +1 -1
  465. package/scss/components/_button-group.scss +1 -1
  466. package/scss/components/_buttons.scss +2 -2
  467. package/scss/components/_checkboxes.scss +7 -7
  468. package/scss/components/_dropdown.scss +1 -1
  469. package/scss/components/_forms.scss +13 -11
  470. package/scss/components/_input-group.scss +1 -1
  471. package/scss/components/_links.scss +1 -1
  472. package/scss/components/_modal.scss +1 -1
  473. package/scss/components/_radiobuttons.scss +3 -3
  474. package/scss/components/_shadows.scss +13 -25
  475. package/scss/components/_table.scss +1 -1
  476. package/scss/ix.scss +2 -3
  477. package/scss/mixins/_animations.scss +1 -1
  478. package/scss/mixins/_fonts.scss +1 -1
  479. package/scss/mixins/_hover.scss +1 -1
  480. package/scss/mixins/_shadows.scss +1 -1
  481. package/scss/mixins/_text-truncation.scss +1 -1
  482. package/scss/theme/classic-dark/_border.scss +35 -0
  483. package/scss/theme/classic-dark/_borderRadius.scss +24 -0
  484. package/scss/theme/classic-dark/_borderWidth.scss +18 -0
  485. package/scss/theme/classic-dark/_boxShadow.scss +19 -0
  486. package/scss/theme/classic-dark/_color.scss +860 -0
  487. package/scss/theme/classic-dark/_fontFamilies.scss +8 -0
  488. package/scss/theme/classic-dark/_fontSizes.scss +13 -0
  489. package/scss/theme/classic-dark/_fontWeights.scss +9 -0
  490. package/scss/theme/classic-dark/_index.scss +16 -0
  491. package/scss/theme/classic-dark/_lineHeights.scss +18 -0
  492. package/scss/theme/classic-dark/_other.scss +16 -0
  493. package/scss/theme/classic-dark/_sizing.scss +16 -0
  494. package/scss/theme/classic-dark/_spacing.scss +9 -0
  495. package/scss/theme/classic-dark/_typography.scss +23 -0
  496. package/scss/theme/classic-light/_border.scss +35 -0
  497. package/scss/theme/classic-light/_borderRadius.scss +24 -0
  498. package/scss/theme/classic-light/_borderWidth.scss +18 -0
  499. package/scss/theme/classic-light/_boxShadow.scss +19 -0
  500. package/scss/theme/classic-light/_color.scss +860 -0
  501. package/scss/theme/classic-light/_fontFamilies.scss +8 -0
  502. package/scss/theme/classic-light/_fontSizes.scss +13 -0
  503. package/scss/theme/classic-light/_fontWeights.scss +9 -0
  504. package/scss/theme/classic-light/_index.scss +16 -0
  505. package/scss/theme/classic-light/_lineHeights.scss +18 -0
  506. package/scss/theme/classic-light/_other.scss +16 -0
  507. package/scss/theme/classic-light/_sizing.scss +16 -0
  508. package/scss/theme/classic-light/_spacing.scss +9 -0
  509. package/scss/theme/classic-light/_typography.scss +23 -0
  510. package/dist/siemens-ix/p-03d38416.entry.js +0 -1
  511. package/dist/siemens-ix/p-05c16b94.js +0 -2
  512. package/dist/siemens-ix/p-0e357d27.entry.js +0 -1
  513. package/dist/siemens-ix/p-23d79e3d.entry.js +0 -1
  514. package/dist/siemens-ix/p-2bc72119.entry.js +0 -1
  515. package/dist/siemens-ix/p-2bd88760.entry.js +0 -1
  516. package/dist/siemens-ix/p-2c5abec1.js +0 -1
  517. package/dist/siemens-ix/p-2e24ae23.entry.js +0 -1
  518. package/dist/siemens-ix/p-5631ae88.entry.js +0 -1
  519. package/dist/siemens-ix/p-5bbe9943.entry.js +0 -1
  520. package/dist/siemens-ix/p-65e61684.entry.js +0 -1
  521. package/dist/siemens-ix/p-67eb9d59.entry.js +0 -1
  522. package/dist/siemens-ix/p-a6f4cfc6.entry.js +0 -1
  523. package/dist/siemens-ix/p-ab7949ff.entry.js +0 -1
  524. package/dist/siemens-ix/p-b242bd39.entry.js +0 -1
  525. package/dist/siemens-ix/p-c993560f.entry.js +0 -1
  526. package/dist/siemens-ix/p-d20119c1.entry.js +0 -1
  527. package/dist/siemens-ix/p-fecf0ade.entry.js +0 -1
  528. package/scss/theme/_define-theme-colors.scss +0 -22
  529. package/scss/theme/_define-theme.scss +0 -36
  530. package/scss/theme/_static-colors.scss +0 -19
  531. package/scss/theme/classic-dark/_sizes.scss +0 -66
  532. package/scss/theme/classic-dark/_variables.scss +0 -827
  533. package/scss/theme/classic-dark/index.scss +0 -15
  534. package/scss/theme/classic-light/_sizes.scss +0 -66
  535. package/scss/theme/classic-light/_variables.scss +0 -829
  536. package/scss/theme/classic-light/index.scss +0 -15
package/dist/siemens-ix/siemens-ix.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /*
3
- * SPDX-FileCopyrightText: 2022 Siemens AG
3
+ * SPDX-FileCopyrightText: 2023 Siemens AG
4
4
  *
5
5
  * SPDX-License-Identifier: MIT
6
6
  *
@@ -15921,7 +15921,7 @@ textarea.form-control-lg {
15921
15921
  }
15922
15922
  /* Import global stylings for Web Components */
15923
15923
  /*
15924
- * SPDX-FileCopyrightText: 2022 Siemens AG
15924
+ * SPDX-FileCopyrightText: 2023 Siemens AG
15925
15925
  *
15926
15926
  * SPDX-License-Identifier: MIT
15927
15927
  *
@@ -15929,7 +15929,7 @@ textarea.form-control-lg {
15929
15929
  * LICENSE file in the root directory of this source tree.
15930
15930
  */
15931
15931
  /*
15932
- * SPDX-FileCopyrightText: 2022 Siemens AG
15932
+ * SPDX-FileCopyrightText: 2023 Siemens AG
15933
15933
  *
15934
15934
  * SPDX-License-Identifier: MIT
15935
15935
  *
@@ -15955,75 +15955,68 @@ textarea.form-control-lg {
15955
15955
  bottom: 1rem;
15956
15956
  }
15957
15957
 
15958
- /* Default themes */
15958
+ /* Default Theme */
15959
15959
  /*
15960
- * SPDX-FileCopyrightText: 2022 Siemens AG
15961
- *
15962
- * SPDX-License-Identifier: MIT
15963
- *
15964
- * This source code is licensed under the MIT license found in the
15965
- * LICENSE file in the root directory of this source tree.
15966
- */
15967
- /*
15968
- * SPDX-FileCopyrightText: 2022 Siemens AG
15969
- *
15970
- * SPDX-License-Identifier: MIT
15971
- *
15972
- * This source code is licensed under the MIT license found in the
15973
- * LICENSE file in the root directory of this source tree.
15974
- */
15975
- /*
15976
- * SPDX-FileCopyrightText: 2022 Siemens AG
15977
- *
15978
- * SPDX-License-Identifier: MIT
15979
- *
15980
- * This source code is licensed under the MIT license found in the
15981
- * LICENSE file in the root directory of this source tree.
15982
- */
15983
- /*
15984
- * SPDX-FileCopyrightText: 2022 Siemens AG
15985
- *
15986
- * SPDX-License-Identifier: MIT
15987
- *
15988
- * This source code is licensed under the MIT license found in the
15989
- * LICENSE file in the root directory of this source tree.
15990
- */
15991
- /*
15992
- * SPDX-FileCopyrightText: 2022 Siemens AG
15993
- *
15994
- * SPDX-License-Identifier: MIT
15995
- *
15996
- * This source code is licensed under the MIT license found in the
15997
- * LICENSE file in the root directory of this source tree.
15998
- */
15999
- /*
16000
- * SPDX-FileCopyrightText: 2022 Siemens AG
16001
- *
16002
- * SPDX-License-Identifier: MIT
16003
- *
16004
- * This source code is licensed under the MIT license found in the
16005
- * LICENSE file in the root directory of this source tree.
15960
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
16006
15961
  */
16007
15962
  /*
16008
- * Autogenerated please not edit directly
16009
- */
16010
- /*
16011
- * SPDX-FileCopyrightText: 2022 Siemens AG
16012
- *
16013
- * SPDX-License-Identifier: MIT
16014
- *
16015
- * This source code is licensed under the MIT license found in the
16016
- * LICENSE file in the root directory of this source tree.
15963
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
16017
15964
  */
16018
- .theme-classic-dark, body:not([class*=theme-]) {
16019
- --theme-l-hover: 5%;
16020
- --theme-l-active: 10%;
16021
- --theme-color-alarm: #fe0137;
16022
- --theme-color-critical: #eb780a;
16023
- --theme-color-warning: #ffb900;
16024
- --theme-color-success: #40c200;
16025
- --theme-color-info: #266ce6;
16026
- --theme-color-neutral: #879bab;
15965
+ :root .theme-classic-dark, :root body:not([class*=theme-]) {
15966
+ --theme-color-ghost: #ffffff00;
15967
+ --theme-color-ghost--hover: #ffffff12;
15968
+ --theme-color-ghost--active: #ffffff24;
15969
+ --theme-color-primary: #41aaaa;
15970
+ --theme-color-primary--contrast: #000000;
15971
+ --theme-color-primary--hover: #4eb0b0;
15972
+ --theme-color-primary--active: #5bb6b6;
15973
+ --theme-color-dynamic: #41aaaa;
15974
+ --theme-color-secondary: #10181c;
15975
+ --theme-color-secondary--hover: #1e2529;
15976
+ --theme-color-secondary--active: #2d3437;
15977
+ --theme-color-component-1: #879baa40;
15978
+ --theme-color-component-1--hover: #a1b4c24d;
15979
+ --theme-color-component-1--active: #b3c0ca5c;
15980
+ --theme-color-component-2: #ffffff47;
15981
+ --theme-color-component-3: #ffffff33;
15982
+ --theme-color-component-4: #ffffff40;
15983
+ --theme-color-component-5: #152c2f;
15984
+ --theme-color-component-6: #8d8da0;
15985
+ --theme-color-component-7--hover: #277d7d47;
15986
+ --theme-color-component-7: #32a0a040;
15987
+ --theme-color-component-7--active: #216b6b52;
15988
+ --theme-color-component-error: #310006;
15989
+ --theme-color-component-8: #3e4b51;
15990
+ --theme-color-ghost--selected: #32a0a040;
15991
+ --theme-color-ghost--selected-hover: #61b6b64d;
15992
+ --theme-color-ghost--selected-active: #83c5c55c;
15993
+ --theme-color-ghost-primary--active: #ffffff24;
15994
+ --theme-color-ghost-primary--hover: #ffffff12;
15995
+ --theme-color-ghost-alt: #ffffff0a;
15996
+ --theme-color-ghost-alt--hover: #ffffff1c;
15997
+ --theme-color-ghost-alt--active: #ffffff2b;
15998
+ --theme-color-ghost-alt--selected: #4faeae47;
15999
+ --theme-color-ghost-alt--selected-hover: #74bfbf54;
16000
+ --theme-color-ghost-alt--selected-active: #90cccc54;
16001
+ --theme-color-primary--disabled: #0079934d;
16002
+ --theme-color-dynamic--hover: #4eb0b0;
16003
+ --theme-color-dynamic--active: #5bb6b6;
16004
+ --theme-color-dynamic-alt: #00c2c2;
16005
+ --theme-color-dynamic-alt--hover: #12c6c6;
16006
+ --theme-color-dynamic-alt--active: #24caca;
16007
+ --theme-color-component-8--hover: #001f39;
16008
+ --theme-color-component-9: #00d4d4;
16009
+ --theme-color-component-9--hover: #12d7d7;
16010
+ --theme-color-component-9--active: #24dada;
16011
+ --theme-color-component-9--disabled: #00d4d44d;
16012
+ --theme-color-component-10: #41aaaa;
16013
+ --theme-color-component-10--hover: #4eb0b0;
16014
+ --theme-color-component-10--active: #5cb6b6;
16015
+ --theme-color-component-10--disabled: #41aaaa33;
16016
+ --theme-color-1--hover: #21282c;
16017
+ --theme-color-1--active: #31383c;
16018
+ --theme-color-component-11: #ced9e233;
16019
+ --theme-color-0: #00000000;
16027
16020
  --theme-color-1: #10181c;
16028
16021
  --theme-color-2: #172126;
16029
16022
  --theme-color-3: #293339;
@@ -16031,1798 +16024,2057 @@ textarea.form-control-lg {
16031
16024
  --theme-color-5: #555f69;
16032
16025
  --theme-color-6: #6e7d89;
16033
16026
  --theme-color-7: #879baa;
16034
- --theme-color-std-bdr: rgba(235, 240, 245, 0.6);
16035
- --theme-color-soft-bdr: rgba(235, 240, 245, 0.4);
16036
- --theme-color-weak-bdr: rgba(235, 240, 245, 0.15);
16037
- --theme-color-std-text: rgba(255, 255, 255, 0.85);
16038
- --theme-color-contrast-text: #fff;
16039
- --theme-color-soft-text: rgba(255, 255, 255, 0.6);
16040
- --theme-color-weak-text: rgba(255, 255, 255, 0.4);
16041
- --theme-color-inv-std-text: rgba(0, 0, 0, 0.75);
16042
- --theme-color-inv-contrast-text: #000;
16043
- --theme-color-inv-soft-text: rgba(0, 0, 0, 0.55);
16044
- --theme-color-inv-weak-text: rgba(0, 0, 0, 0.3);
16045
- --theme-color-lightbox: rgba(0, 0, 0, 0.55);
16046
- --theme-color-backdrop: rgba(16, 24, 28, 0.85);
16047
- --theme-color-input--focus: #00ffb9;
16048
- --theme-app-header--color: rgba(255, 255, 255, 0.85);
16049
- --theme-app-header--background: #555f69;
16050
- --theme-app-header--border-color: rgba(0, 0, 0, 0);
16051
- --theme-link-btn--border-color--hover: #41aaaa;
16052
- --theme-btn-secondary--background--disabled: rgba(255, 255, 255, 0.25);
16053
- --theme-btn-invisible-secondary--background--selected-active: rgba(113, 191, 191, 0.32);
16054
- --theme-btn-secondary--color--active: rgba(255, 255, 255, 0.75);
16055
- --theme-btn-primary--border-color--hover: rgba(255, 255, 255, 0);
16056
- --theme-btn-secondary--color: rgba(255, 255, 255, 0.75);
16057
- --theme-btn-invisible-secondary--color: rgba(255, 255, 255, 0.65);
16058
- --theme-btn-outline-secondary--background--disabled: rgba(0, 0, 0, 0);
16059
- --theme-btn-primary--background--active: #58b4b4;
16060
- --theme-btn-invisible-secondary--color--selected: #41aaaa;
16061
- --theme-btn-invisible-primary--color--hover: #41aaaa;
16062
- --theme-btn-outline-primary--color--hover: #41aaaa;
16063
- --theme-btn-outline-secondary--background: #10181c;
16064
- --theme-btn-primary--background--disabled: rgba(255, 255, 255, 0.25);
16065
- --theme-link-btn--border-color--active: #fff;
16066
- --theme-btn-invisible-primary--background: rgba(0, 0, 0, 0);
16067
- --theme-btn-outline-primary--background: #10181c;
16068
- --theme-btn-outline-secondary--border-color: #6e7d89;
16069
- --theme-btn-outline-secondary--border-color--disabled: rgba(255, 255, 255, 0.25);
16070
- --theme-btn-outline-secondary--border-color--active: #6e7d89;
16071
- --theme-btn-outline-secondary--border-color--hover: #6e7d89;
16072
- --theme-link-btn--color: #41aaaa;
16073
- --theme-btn-secondary--color--disabled: rgba(255, 255, 255, 0.4);
16074
- --theme-btn-primary--border-color--active: rgba(255, 255, 255, 0);
16075
- --theme-btn-invisible-secondary--color--hover: rgba(255, 255, 255, 0.85);
16076
- --theme-btn-invisible-secondary--color--selected-hover: #41aaaa;
16077
- --theme-btn-invisible-primary--color--active: #41aaaa;
16078
- --theme-btn-outline-primary--color--active: #41aaaa;
16079
- --theme-btn-invisible-secondary--background: rgba(0, 0, 0, 0);
16080
- --theme-btn-primary--background--hover: #4cafaf;
16081
- --theme-link-btn--color--visited: #41aaaa;
16082
- --theme-btn-invisible-primary--background--hover: rgba(255, 255, 255, 0.06);
16083
- --theme-btn-outline-primary--background--hover: #1e2529;
16084
- --theme-btn-outline-secondary--color: rgba(255, 255, 255, 0.85);
16085
- --theme-link-btn--color--hover: #41aaaa;
16086
- --theme-btn-secondary--background: #555f69;
16087
- --theme-btn-primary--background: #41aaaa;
16088
- --theme-btn-primary--color--hover: #000;
16089
- --theme-btn-primary--border-color--disabled: rgba(255, 255, 255, 0);
16090
- --theme-color-primary: #41aaaa;
16091
- --theme-btn-invisible-secondary--color--active: rgba(255, 255, 255, 0.85);
16092
- --theme-btn-invisible-secondary--color--selected-active: #41aaaa;
16093
- --theme-btn-invisible-primary--color--disabled: rgba(255, 255, 255, 0.4);
16094
- --theme-btn-invisible-secondary--background--hover: rgba(255, 255, 255, 0.06);
16095
- --theme-link-btn--border-color--visited: rgba(0, 0, 0, 0);
16096
- --theme-btn-invisible-primary--background--active: rgba(255, 255, 255, 0.12);
16097
- --theme-btn-outline-primary--background--active: #2d3437;
16098
- --theme-btn-outline-secondary--color--hover: rgba(255, 255, 255, 0.85);
16099
- --theme-link-btn--color--active: #fff;
16100
- --theme-btn-secondary--background--hover: #5f6871;
16101
- --theme-btn-primary--color--active: #000;
16102
- --theme-btn-invisible-secondary--color--disabled: rgba(255, 255, 255, 0.4);
16103
- --theme-btn-invisible-secondary--background--selected: rgba(50, 160, 160, 0.25);
16104
- --theme-btn-primary--border-color: rgba(255, 255, 255, 0);
16105
- --theme-btn-invisible-secondary--background--active: rgba(255, 255, 255, 0.12);
16106
- --theme-btn-outline-secondary--background--hover: #1e2529;
16107
- --theme-btn-primary--color: #000;
16108
- --theme-link-btn--border-color--disabled: rgba(0, 0, 0, 0);
16109
- --theme-btn-invisible-primary--background--disabled: rgba(0, 0, 0, 0);
16110
- --theme-btn-outline-primary--background--disabled: rgba(0, 0, 0, 0);
16111
- --theme-btn-outline-secondary--color--active: rgba(255, 255, 255, 0.85);
16112
- --theme-link-btn--border-color: rgba(0, 0, 0, 0);
16113
- --theme-btn-outline-primary--color--disabled: rgba(255, 255, 255, 0.4);
16114
- --theme-btn-secondary--background--active: #69727b;
16115
- --theme-btn-primary--color--disabled: rgba(255, 255, 255, 0.4);
16116
- --theme-btn-secondary--color--hover: rgba(255, 255, 255, 0.75);
16117
- --theme-btn-invisible-secondary--background--selected-hover: rgba(80, 171, 171, 0.28);
16118
- --theme-btn-invisible-secondary--background--disabled: rgba(0, 0, 0, 0);
16119
- --theme-btn-outline-secondary--background-active: #2d3437;
16120
- --theme-link-btn--color--disabled: rgba(255, 255, 255, 0.4);
16121
- --theme-btn-invisible-primary--color: #41aaaa;
16122
- --theme-btn-outline-primary--color: #41aaaa;
16123
- --theme-btn-outline-secondary--color--disabled: rgba(255, 255, 255, 0.4);
16124
- --theme-btn-group-base--background: #10181c;
16125
- --theme-btn-group-base--border-color: #41aaaa;
16126
- --theme-btn-group-item--background: rgba(0, 0, 0, 0);
16127
- --theme-btn-group-item--background--hover: rgba(255, 255, 255, 0.06);
16128
- --theme-btn-group-item--background--selected: #41aaaa;
16129
- --theme-btn-group-item--color: #41aaaa;
16130
- --theme-btn-group-item--color--hover: #41aaaa;
16131
- --theme-btn-group-item--color--selected: #000;
16132
- --theme-btn-group-item--border-color--selected: rgba(0, 0, 0, 0);
16133
- --theme-btn-group-item--border-color--hover: rgba(0, 0, 0, 0);
16134
- --theme-btn-group-item--border-color: rgba(0, 0, 0, 0);
16135
- --theme-checkbox-unchecked--background: #10181c;
16136
- --theme-checkbox-unchecked--border-color: rgba(235, 240, 245, 0.6);
16137
- --theme-checkbox-unchecked--background--hover: #20282c;
16138
- --theme-checkbox-unchecked--border-color--hover: rgba(235, 240, 245, 0.6);
16139
- --theme-checkbox-unchecked--background--active: #31383c;
16140
- --theme-checkbox-unchecked--border-color--active: rgba(235, 240, 245, 0.6);
16141
- --theme-checkbox-unchecked--background--disabled: rgba(0, 0, 0, 0);
16142
- --theme-checkbox-unchecked--border-color--disabled: rgba(255, 255, 255, 0.25);
16143
- --theme-checkbox-checked--background: #41aaaa;
16144
- --theme-checkbox-checked--border-color: rgba(0, 0, 0, 0);
16145
- --theme-checkbox-checked--color: #000;
16146
- --theme-checkbox-checked--background--hover: #4eb0b0;
16147
- --theme-checkbox-checked--border-color--hover: rgba(0, 0, 0, 0);
16148
- --theme-checkbox-checked--color--hover: #000;
16149
- --theme-checkbox-checked--background--active: #5bb6b6;
16150
- --theme-checkbox-checked--border-color--active: rgba(0, 0, 0, 0);
16151
- --theme-checkbox-checked--color--active: #000;
16152
- --theme-checkbox-checked--background--disabled: rgba(255, 255, 255, 0.25);
16153
- --theme-checkbox-checked--border-color--disabled: rgba(0, 0, 0, 0);
16154
- --theme-checkbox-checked--color--disabled: #000;
16155
- --theme-checkbox-mixed--background: #10181c;
16156
- --theme-checkbox-mixed--border-color: #41aaaa;
16157
- --theme-checkbox-mixed--color: #41aaaa;
16158
- --theme-checkbox-mixed--background--hover: #20282c;
16159
- --theme-checkbox-mixed--border-color--hover: #41aaaa;
16160
- --theme-checkbox-mixed--color--hover: #41aaaa;
16161
- --theme-checkbox-mixed--background--active: #31383c;
16162
- --theme-checkbox-mixed--border-color--active: #41aaaa;
16163
- --theme-checkbox-mixed--color--active: #41aaaa;
16164
- --theme-checkbox-mixed--background--disabled: rgba(0, 0, 0, 0);
16165
- --theme-checkbox-mixed--border-color--disabled: rgba(255, 255, 255, 0.25);
16166
- --theme-checkbox-mixed--color--disabled: rgba(255, 255, 255, 0.25);
16167
- --theme-checkbox-label--color: rgba(255, 255, 255, 0.85);
16168
- --theme-checkbox-label--color--disabled: rgba(255, 255, 255, 0.4);
16169
- --theme-ghost--background: rgba(255, 255, 255, 0);
16170
- --theme-ghost--background--hover: rgba(255, 255, 255, 0.07);
16171
- --theme-ghost--background--active: rgba(255, 255, 255, 0.14);
16172
- --theme-radiobtn-unchecked--background: #10181c;
16173
- --theme-radiobtn-unchecked--background--hover: #1e2529;
16174
- --theme-radiobtn-unchecked--background--active: #2d3437;
16175
- --theme-radiobtn-unchecked--background--disabled: #10181c;
16176
- --theme-radiobtn-unchecked--border-color: rgba(235, 240, 245, 0.6);
16177
- --theme-radiobtn-unchecked--border-color--hover: rgba(235, 240, 245, 0.6);
16178
- --theme-radiobtn-unchecked--border-color--active: rgba(235, 240, 245, 0.6);
16179
- --theme-radiobtn-unchecked--border-color--disabled: rgba(255, 255, 255, 0.25);
16180
- --theme-radiobtn-checked--background: #10181c;
16181
- --theme-radiobtn-checked--background--hover: #1e2529;
16182
- --theme-radiobtn-checked--background--active: #2d3437;
16183
- --theme-radiobtn-checked--background--disabled: #10181c;
16184
- --theme-radiobtn-checked--border-color: #41aaaa;
16185
- --theme-radiobtn-checked--border-color--hover: #41aaaa;
16186
- --theme-radiobtn-checked--border-color--active: #41aaaa;
16187
- --theme-radiobtn-checked--border-color--disabled: rgba(255, 255, 255, 0.25);
16188
- --theme-radiobtn-checked--color: #41aaaa;
16189
- --theme-radiobtn-checked--color--hover: #41aaaa;
16190
- --theme-radiobtn-checked--color--active: #41aaaa;
16191
- --theme-radiobtn-checked--color--disabled: rgba(255, 255, 255, 0.25);
16192
- --theme-radiobtn-label--color: rgba(255, 255, 255, 0.85);
16193
- --theme-radiobtn-label--color--disabled: rgba(255, 255, 255, 0.4);
16194
- --theme-nav--background: #3e4b51;
16195
- --theme-avatar-btn--background: rgba(0, 0, 0, 0);
16196
- --theme-avatar-btn--background--hover: rgba(255, 255, 255, 0.07);
16197
- --theme-avatar-btn--background--active: rgba(255, 255, 255, 0.14);
16198
- --theme-avatar-btn--color: rgba(255, 255, 255, 0.85);
16199
- --theme-avatar-btn--color--hover: rgba(255, 255, 255, 0.85);
16200
- --theme-avatar-btn--color--active: rgba(255, 255, 255, 0.85);
16201
- --theme-nav-item-primary--background: rgba(0, 0, 0, 0);
16202
- --theme-nav-item-primary--background--hover: rgba(255, 255, 255, 0.07);
16203
- --theme-nav-item-primary--background--active: rgba(255, 255, 255, 0.14);
16204
- --theme-nav-item-primary--background--selected: #293339;
16205
- --theme-nav-item-primary--border-color: rgba(0, 0, 0, 0);
16206
- --theme-nav-item-primary--color: rgba(255, 255, 255, 0.85);
16207
- --theme-nav-item-primary-icon--color: rgba(255, 255, 255, 0.85);
16208
- --theme-nav-item-primary--border-color--hover: rgba(0, 0, 0, 0);
16209
- --theme-nav-item-primary--border-color--active: rgba(0, 0, 0, 0);
16210
- --theme-nav-item-primary--border-color--selected: #41aaaa;
16211
- --theme-nav-item-primary-icon--color--hover: rgba(255, 255, 255, 0.85);
16212
- --theme-nav-item-primary-icon--color--active: rgba(255, 255, 255, 0.85);
16213
- --theme-nav-item-primary-icon--color--selected: rgba(255, 255, 255, 0.85);
16214
- --theme-nav-item-primary--color--selected: rgba(255, 255, 255, 0.85);
16215
- --theme-nav-item-primary--color--active: rgba(255, 255, 255, 0.85);
16216
- --theme-nav-item-primary--color--hover: rgba(255, 255, 255, 0.85);
16217
- --theme-nav-item-secondary--background: rgba(0, 0, 0, 0);
16218
- --theme-nav-item-secondary--background--hover: rgba(255, 255, 255, 0.07);
16219
- --theme-nav-item-secondary--background--active: rgba(255, 255, 255, 0.1);
16220
- --theme-nav-item-secondary--background--disabled: rgba(0, 0, 0, 0);
16221
- --theme-nav-item-secondary--background--selected: #10181c;
16222
- --theme-nav-item-secondary--border-color: rgba(0, 0, 0, 0);
16223
- --theme-nav-item-secondary--border-color--hover: rgba(0, 0, 0, 0);
16224
- --theme-nav-item-secondary--border-color--active: rgba(0, 0, 0, 0);
16225
- --theme-nav-item-secondary--border-color--disabled: rgba(0, 0, 0, 0);
16226
- --theme-nav-item-secondary--border-color--selected: #41aaaa;
16227
- --theme-nav-item-secondary--color: rgba(255, 255, 255, 0.85);
16228
- --theme-nav-item-secondary--color--hover: rgba(255, 255, 255, 0.85);
16229
- --theme-nav-item-secondary--color--active: rgba(255, 255, 255, 0.85);
16230
- --theme-nav-item-secondary--color--disabled: rgba(255, 255, 255, 0.4);
16231
- --theme-nav-item-secondary--color--selected: rgba(255, 255, 255, 0.85);
16232
- --theme-nav-item-secondary-icon--color: rgba(255, 255, 255, 0.85);
16233
- --theme-nav-item-secondary-icon--color--hover: rgba(255, 255, 255, 0.85);
16234
- --theme-nav-item-secondary-icon--color--active: rgba(255, 255, 255, 0.85);
16235
- --theme-nav-item-secondary-icon--color--disabled: rgba(255, 255, 255, 0.4);
16236
- --theme-nav-item-secondary-icon--color--selected: rgba(255, 255, 255, 0.85);
16237
- --theme-menu-btn--color: rgba(255, 255, 255, 0.85);
16238
- --theme-menu-btn--color--hover: rgba(255, 255, 255, 0.85);
16239
- --theme-menu-btn--color--active: rgba(255, 255, 255, 0.85);
16240
- --theme-menu-btn--background: rgba(0, 0, 0, 0);
16241
- --theme-menu-btn--background--hover: rgba(255, 255, 255, 0.06);
16242
- --theme-menu-btn--background--active: rgba(255, 255, 255, 0.12);
16243
- --theme-avatar--background: rgba(255, 255, 255, 0.3);
16244
- --theme-avatar--color: #fff;
16245
- --theme-input--color: rgba(255, 255, 255, 0.85);
16246
- --theme-input--color--disabled: rgba(255, 255, 255, 0.4);
16247
- --theme-input-hint--color: rgba(255, 255, 255, 0.6);
16248
- --theme-input--background: #10181c;
16249
- --theme-input--border-color: rgba(235, 240, 245, 0.6);
16250
- --theme-input--background--hover: #10181c;
16251
- --theme-input--border-color--hover: rgba(235, 240, 245, 0.6);
16252
- --theme-input--background--focus: #10181c;
16253
- --theme-input--border-color--focus: #41aaaa;
16254
- --theme-input--background--readonly: rgba(0, 0, 0, 0);
16255
- --theme-input--border-color--readonly: rgba(0, 0, 0, 0);
16256
- --theme-input--border-color-bottom--readonly: rgba(235, 240, 245, 0.4);
16257
- --theme-input--background--disabled: rgba(0, 0, 0, 0);
16258
- --theme-input--border-color--disabled: rgba(0, 0, 0, 0);
16259
- --theme-input--border-color-bottom--disabled: rgba(255, 255, 255, 0.25);
16260
- --theme-input-error--background: #310006;
16261
- --theme-input-error--border-color: #ff2640;
16262
- --theme-input-error-icon--color: #ff2640;
16263
- --theme-blind-base--background: #10181c;
16264
- --theme-blind-base--border-color: rgba(235, 240, 245, 0.15);
16265
- --theme-blind-header-closed--background: rgba(0, 0, 0, 0);
16266
- --theme-blind-header-closed--color: rgba(255, 255, 255, 0.85);
16267
- --theme-blind-header-icon-closed--color: rgba(255, 255, 255, 0.85);
16268
- --theme-blind-header-closed--background--hover: rgba(255, 255, 255, 0.07);
16269
- --theme-blind-header-closed--color--hover: rgba(255, 255, 255, 0.85);
16270
- --theme-blind-header-icon-closed--color--hover: rgba(255, 255, 255, 0.85);
16271
- --theme-blind-header-closed--background--active: rgba(255, 255, 255, 0.14);
16272
- --theme-blind-header-closed--color--active: rgba(255, 255, 255, 0.85);
16273
- --theme-blind-header-icon-closed--color--active: rgba(255, 255, 255, 0.85);
16274
- --theme-blind-header-open--background: rgba(0, 0, 0, 0);
16275
- --theme-blind-header-open--color: rgba(255, 255, 255, 0.85);
16276
- --theme-blind-header-icon-open--color: rgba(255, 255, 255, 0.85);
16277
- --theme-blind-header-open--background--hover: rgba(255, 255, 255, 0.07);
16278
- --theme-blind-header-open--color--hover: rgba(255, 255, 255, 0.85);
16279
- --theme-blind-header-icon-open--color--hover: rgba(255, 255, 255, 0.85);
16280
- --theme-blind-header-open--background--active: rgba(255, 255, 255, 0.14);
16281
- --theme-blind-header-open--color--active: rgba(255, 255, 255, 0.85);
16282
- --theme-blind-header-icon-open--color--active: rgba(255, 255, 255, 0.85);
16283
- --theme-breadcrumb-btn-last--color: rgba(255, 255, 255, 0.75);
16284
- --theme-breadcrumb-btn--background: rgba(135, 155, 170, 0.25);
16285
- --theme-breadcrumb-btn--background--hover: rgba(161, 180, 194, 0.3);
16286
- --theme-breadcrumb-btn--background--active: rgba(179, 192, 202, 0.36);
16287
- --theme-breadcrumb-btn--color: rgba(255, 255, 255, 0.85);
16288
- --theme-breadcrumb-btn--color--hover: rgba(255, 255, 255, 0.85);
16289
- --theme-breadcrumb-btn--color--active: rgba(255, 255, 255, 0.85);
16290
- --theme-breadcrumb-btn-arrow--color: rgba(255, 255, 255, 0.85);
16291
- --theme-breadcrumb-btn-arrow--color--hover: rgba(255, 255, 255, 0.85);
16292
- --theme-breadcrumb-btn-arrow--color--active: rgba(255, 255, 255, 0.85);
16293
- --theme-breadcrumb-ghost-last--color: rgba(255, 255, 255, 0.6);
16294
- --theme-breadcrumb-ghost--background: rgba(0, 0, 0, 0);
16295
- --theme-breadcrumb-ghost--background--hover: rgba(255, 255, 255, 0.07);
16296
- --theme-breadcrumb-ghost--background--active: rgba(255, 255, 255, 0.14);
16297
- --theme-breadcrumb-ghost--color: #41aaaa;
16298
- --theme-breadcrumb-ghost--color--hover: #41aaaa;
16299
- --theme-breadcrumb-ghost--color--active: #41aaaa;
16300
- --theme-breadcrumb-ghost-arrow--color: #41aaaa;
16301
- --theme-breadcrumb-ghost-arrow--color--hover: #41aaaa;
16302
- --theme-breadcrumb-ghost-arrow--color--active: #41aaaa;
16303
- --theme-btn-group-item--background--active: rgba(255, 255, 255, 0.12);
16304
- --theme-btn-group--item--border-color--active: rgba(0, 0, 0, 0);
16305
- --theme-btn-group-item--color--active: #41aaaa;
16306
- --theme-color-success--hover: #41a212;
16307
- --theme-color-success--active: #4fa924;
16308
- --theme-color-success--contrast: #000;
16027
+ --theme-color-8: #555f69;
16028
+ --theme-color-std-bdr: #ebf0f599;
16029
+ --theme-color-soft-bdr: #ebf0f566;
16030
+ --theme-color-weak-bdr: #ebf0f526;
16031
+ --theme-color-x-weak-bdr: #ebf0f51a;
16032
+ --theme-color-focus-bdr: #199fff;
16033
+ --theme-color-contrast-bdr: #ffffff;
16034
+ --theme-color-alarm: #fe0137;
16309
16035
  --theme-color-alarm--hover: #de123f;
16310
16036
  --theme-color-alarm--active: #e0244e;
16311
- --theme-color-alarm--contrast: #fff;
16312
- --theme-color-critical--hover: #ec811b;
16313
- --theme-color-critical--active: #ed8b2c;
16314
- --theme-color-critical--contrast: #000;
16037
+ --theme-color-alarm--contrast: #ffffff;
16038
+ --theme-color-alarm-40: #fe013766;
16039
+ --theme-color-alarm-10: #fe01371a;
16040
+ --theme-color-warning: #ffb900;
16315
16041
  --theme-color-warning--hover: #ffbd12;
16316
16042
  --theme-color-warning--active: #ffc224;
16317
- --theme-color-warning--contrast: #000;
16043
+ --theme-color-warning--contrast: #000000;
16044
+ --theme-color-warning-40: #ffb90066;
16045
+ --theme-color-warning-10: #ffb9001a;
16046
+ --theme-color-critical: #eb780a;
16047
+ --theme-color-critical--hover: #ec811b;
16048
+ --theme-color-critical--active: #ed8b2c;
16049
+ --theme-color-critical--contrast: #000000;
16050
+ --theme-color-critical-40: #eb780a66;
16051
+ --theme-color-success: #40c200;
16052
+ --theme-color-success--hover: #41a212;
16053
+ --theme-color-success--active: #4fa924;
16054
+ --theme-color-success--contrast: #000000;
16055
+ --theme-color-success-40: #40c20066;
16056
+ --theme-color-info: #266ce6;
16318
16057
  --theme-color-info--hover: #2d60b8;
16319
16058
  --theme-color-info--active: #3d6cbd;
16320
- --theme-color-info--contrast: #fff;
16059
+ --theme-color-info--contrast: #ffffff;
16060
+ --theme-color-info-40: #266ce666;
16061
+ --theme-color-neutral: #879bab;
16321
16062
  --theme-color-neutral--hover: #8fa2b0;
16322
16063
  --theme-color-neutral--active: #97a9b6;
16323
- --theme-color-neutral--contrast: #000;
16324
- --theme-color-primary--hover: #4eb0b0;
16325
- --theme-color-primary--active: #5bb6b6;
16326
- --theme-color-primary--contrast: #000;
16327
- --theme-chip-outline--background: #10181c;
16328
- --theme-chip-outline--background--active: #31383c;
16329
- --theme-chip-outline--color: rgba(255, 255, 255, 0.85);
16330
- --theme-chip-close-btn--background--hover: rgba(255, 255, 255, 0.07);
16331
- --theme-chip-close-btn--background: rgba(0, 0, 0, 0);
16332
- --theme-chip-close-btn--background--active: rgba(255, 255, 255, 0.14);
16333
- --theme-chip--background: #293339;
16334
- --theme-chip--background--hover: #384146;
16335
- --theme-chip--background--active: #474f54;
16336
- --theme-chip--color: #fff;
16337
- --theme-chip-close-btn--color: rgba(255, 255, 255, 0.85);
16338
- --theme-pill-outline--color: rgba(255, 255, 255, 0.85);
16339
- --theme-pill-outline--background: #10181c;
16340
- --theme-chip-primary--background: #41aaaa;
16341
- --theme-chip-primary--background--hover: #4eb0b0;
16342
- --theme-chip-primary--background--active: #5bb6b6;
16343
- --theme-chip-primary--color: #000;
16344
- --theme-chip-primary--color--hover: #000;
16345
- --theme-chip-primary--color--active: #000;
16346
- --theme-chip-primary-outline--background: #10181c;
16347
- --theme-chip-primary-outline--background--hover: #20282c;
16348
- --theme-chip-primary-outline--background--active: #31383c;
16349
- --theme-chip-primary-outline--background--display: #10181c;
16350
- --theme-chip-primary-outline--border-color: #41aaaa;
16351
- --theme-chip-primary-outline--border-color--hover: #41aaaa;
16352
- --theme-chip-primary-outline--border-color--active: #41aaaa;
16353
- --theme-chip-primary-outline--border-color--display: rgba(255, 255, 255, 0.85);
16354
- --theme-chip-primary-outline--color: #41aaaa;
16355
- --theme-chip-primary-outline--color--hover: #41aaaa;
16356
- --theme-chip-primary-outline--color--active: #41aaaa;
16357
- --theme-chip-primary-outline--color--display: rgba(255, 255, 255, 0.85);
16358
- --theme-app-header-logo--color: #fff;
16359
- --theme-chip-outline--background--hover: #20282c;
16360
- --theme-menu-header--color: rgba(255, 255, 255, 0.6);
16361
- --theme-menu-item--background: rgba(0, 0, 0, 0);
16362
- --theme-menu-item--background--hover: rgba(255, 255, 255, 0.07);
16363
- --theme-menu-item--background--active: rgba(255, 255, 255, 0.14);
16364
- --theme-menu-item--background--disabled: rgba(0, 0, 0, 0);
16365
- --theme-menu-item--color: rgba(255, 255, 255, 0.85);
16366
- --theme-menu-item--color--hover: rgba(255, 255, 255, 0.85);
16367
- --theme-menu-item--color--active: rgba(255, 255, 255, 0.85);
16368
- --theme-menu-item--color--disabled: rgba(255, 255, 255, 0.4);
16369
- --theme-menu-separator--background: rgba(235, 240, 245, 0.15);
16370
- --theme-menu--background: #10181c;
16371
- --theme-menu--border-color: rgba(235, 240, 245, 0.4);
16372
- --theme-menu-item-arrow--color: rgba(255, 255, 255, 0.85);
16373
- --theme-menu-item-arrow--color--hover: rgba(255, 255, 255, 0.85);
16374
- --theme-menu-item-arrow--color--active: rgba(255, 255, 255, 0.85);
16375
- --theme-menu-item-arrow--color--disabled: rgba(255, 255, 255, 0.4);
16376
- --theme-menu-item-check--color: rgba(255, 255, 255, 0.85);
16377
- --theme-menu-item-check--color--hover: rgba(255, 255, 255, 0.85);
16378
- --theme-menu-item-check--color--active: rgba(255, 255, 255, 0.85);
16379
- --theme-menu-item-check--color--disabled: rgba(255, 255, 255, 0.4);
16380
- --theme-select-list--background: #10181c;
16381
- --theme-select-list--border-color: rgba(235, 240, 245, 0.4);
16382
- --theme-select-list-item--background: rgba(0, 0, 0, 0);
16383
- --theme-select-list-item--background--hover: rgba(255, 255, 255, 0.07);
16384
- --theme-select-list-item--background--active: rgba(255, 255, 255, 0.14);
16385
- --theme-select-list-item--background--selected: rgba(50, 160, 160, 0.25);
16386
- --theme-select-list-item--background--disabled: rgba(0, 0, 0, 0);
16387
- --theme-select-list-item--color: rgba(255, 255, 255, 0.85);
16388
- --theme-select-list-item--color--hover: rgba(255, 255, 255, 0.85);
16389
- --theme-select-list-item--color--active: rgba(255, 255, 255, 0.85);
16390
- --theme-select-list-item--color--selected: rgba(255, 255, 255, 0.85);
16391
- --theme-select-list-item--color--disabled: rgba(255, 255, 255, 0.4);
16392
- --theme-select-list-item--background--selected-hover: rgba(104, 217, 217, 0.25);
16393
- --theme-select-list-item--background--selected-active: rgba(153, 230, 230, 0.3);
16394
- --theme-select-list-item--background--selected-disabled: rgba(0, 0, 0, 0);
16395
- --theme-select-list-item--color--selected-hover: rgba(255, 255, 255, 0.85);
16396
- --theme-select-list-item--color--selected-active: rgba(255, 255, 255, 0.85);
16397
- --theme-select-list-item--color--selected-disabled: rgba(255, 255, 255, 0.4);
16398
- --theme-select-list-item-check--color: rgba(255, 255, 255, 0.85);
16399
- --theme-select-list-item-check--color--hover: rgba(255, 255, 255, 0.85);
16400
- --theme-select-list-item-check--color--active: rgba(255, 255, 255, 0.85);
16401
- --theme-select-list-item-check--color--disabled: rgba(255, 255, 255, 0.4);
16402
- --theme-menu-item-icon--color: rgba(255, 255, 255, 0.85);
16403
- --theme-menu-item-icon--color--hover: rgba(255, 255, 255, 0.85);
16404
- --theme-menu-item-icon--color--active: rgba(255, 255, 255, 0.85);
16405
- --theme-menu-item-icon--color--disabled: rgba(255, 255, 255, 0.4);
16406
- --theme-tab--background: rgba(0, 0, 0, 0);
16407
- --theme-tab--background--hover: rgba(255, 255, 255, 0.07);
16408
- --theme-tab--background--active: rgba(255, 255, 255, 0.14);
16409
- --theme-tab--background--selected: rgba(0, 0, 0, 0);
16410
- --theme-tab--background--disabled: rgba(0, 0, 0, 0);
16411
- --theme-tab-indicator--background: rgba(255, 255, 255, 0);
16412
- --theme-tab-indicator--background--hover: #6e7d89;
16413
- --theme-tab-indicator--background--active: #6e7d89;
16414
- --theme-tab-indicator--background--selected: #41aaaa;
16415
- --theme-tab-indicator--background--disabled: rgba(255, 255, 255, 0);
16416
- --theme-animated-tab-indicator--background: rgba(255, 255, 255, 0);
16417
- --theme-animated-tab-indicator--background--hover: rgba(255, 255, 255, 0);
16418
- --theme-animated-tab-indicator--background--active: rgba(255, 255, 255, 0);
16419
- --theme-animated-tab-indicator--background--selected: #41aaaa;
16420
- --theme-animated-tab-indicator--background--disabled: rgba(255, 255, 255, 0);
16421
- --theme-tab--color: rgba(255, 255, 255, 0.6);
16422
- --theme-tab--color--hover: rgba(255, 255, 255, 0.6);
16423
- --theme-tab--color--active: rgba(255, 255, 255, 0.6);
16424
- --theme-tab--color--selected: #41aaaa;
16425
- --theme-tab--color--disabled: rgba(255, 255, 255, 0.4);
16426
- --theme-tab-icon--color: rgba(255, 255, 255, 0.6);
16427
- --theme-tab-icon--color--hover: rgba(255, 255, 255, 0.6);
16428
- --theme-tab-icon--color--active: rgba(255, 255, 255, 0.6);
16429
- --theme-tab-icon--color--selected: #41aaaa;
16430
- --theme-tab-icon--color--disabled: rgba(255, 255, 255, 0.4);
16431
- --theme-animated-tab-icon--color: rgba(255, 255, 255, 0.6);
16432
- --theme-animated-tab-icon--color--hover: rgba(255, 255, 255, 0.6);
16433
- --theme-animated-tab-icon--color--active: rgba(255, 255, 255, 0.6);
16434
- --theme-animated-tab-icon--color--selected: #000;
16435
- --theme-animated-tab-icon--color--disabled: rgba(255, 255, 255, 0.45);
16436
- --theme-animated-tab-circle--background: #10181c;
16437
- --theme-animated-tab-circle--background--hover: #1e2529;
16438
- --theme-animated-tab-circle--background--active: #2d3437;
16439
- --theme-animated-tab-circle--background--selected: #41aaaa;
16440
- --theme-animated-tab-circle--background--disabled: rgba(16, 24, 28, 0.6);
16441
- --theme-animated-tab-circle--border-color: rgba(235, 240, 245, 0.4);
16442
- --theme-animated-tab-circle--border-color--hover: rgba(235, 240, 245, 0.4);
16443
- --theme-animated-tab-circle--border-color--active: rgba(235, 240, 245, 0.4);
16444
- --theme-animated-tab-circle--border-color--selected: rgba(0, 0, 0, 0);
16445
- --theme-animated-tab-circle--border-color--disabled: rgba(235, 240, 245, 0.15);
16446
- --theme-tab-pill--border-color: rgba(235, 240, 245, 0.4);
16447
- --theme-tab-pill--border-color--hover: rgba(235, 240, 245, 0.4);
16448
- --theme-tab-pill--border-color--active: rgba(235, 240, 245, 0.4);
16449
- --theme-tab-pill--border-color--selected: #41aaaa;
16450
- --theme-tab-pill--border-color--disabled: rgba(235, 240, 245, 0.15);
16451
- --theme-switch-mixed--border-color--disabled: rgba(0, 0, 0, 0);
16452
- --theme-switch-off--background--disabled: rgba(255, 255, 255, 0.28);
16453
- --theme-switch-on--background--active: #172126;
16454
- --theme-switch-thumb-on--border-color--disabled: rgba(0, 0, 0, 0);
16455
- --theme-switch-thumb-on--border-color--active: #aad3d6;
16456
- --theme-switch-mixed--background--active: #172126;
16457
- --theme-switch-thumb-mixed--background: #10181c;
16458
- --theme-switch-thumb-mixed--background--active: #2d3437;
16459
- --theme-switch-mixed--background--disabled: rgba(255, 255, 255, 0.28);
16460
- --theme-switch-on--border-color--disabled: rgba(0, 0, 0, 0);
16461
- --theme-switch-thumb-on--background--hover: #4cafaf;
16462
- --theme-switch-off--background: #172126;
16463
- --theme-switch-thumb-off--background--disabled: #172126;
16464
- --theme-switch-mixed--border-color: #6b7378;
16465
- --theme-switch-mixed--background--hover: #172126;
16466
- --theme-switch-off--border-color--disabled: rgba(255, 255, 255, 0);
16467
- --theme-switch-mixed--border-color--active: #6b7378;
16468
- --theme-switch-thumb-on--border-color: #aad3d6;
16469
- --theme-switch-thumb-off--background: #10181c;
16470
- --theme-switch-thumb-mixed--border-color: #989ea2;
16471
- --theme-switch-thumb-mixed--border-color--disabled: #667884;
16472
- --theme-switch-thumb-mixed--border-color--hover: #989ea2;
16473
- --theme-switch-thumb-on--background--disabled: #a9bdd1;
16474
- --theme-switch-thumb-mixed--border-color--active: #989ea2;
16475
- --theme-switch-thumb-on--background: #41aaaa;
16476
- --theme-switch-mixed--border-color--hover: #6b7378;
16477
- --theme-switch-thumb-mixed--background--disabled: #172126;
16478
- --theme-switch-mixed--background: #172126;
16479
- --theme-switch-thumb-mixed--background--hover: #1e2529;
16480
- --theme-switch-on--background--disabled: rgba(255, 255, 255, 0.28);
16481
- --theme-switch-off--border-color: #6b7378;
16482
- --theme-switch-off--border-color--hover: #6b7378;
16483
- --theme-switch-on--background--hover: #172126;
16484
- --theme-switch-thumb-off--border-color--active: #989ea2;
16485
- --theme-switch-on--border-color--active: #6b7378;
16486
- --theme-switch-thumb-on--background--active: #58b4b4;
16487
- --theme-switch-off--background--hover: #172126;
16488
- --theme-switch-thumb-off--border-color--hover: #989ea2;
16489
- --theme-switch-thumb-off--background--active: #2d3437;
16490
- --theme-switch-off--background--active: #172126;
16491
- --theme-switch-on--border-color: #6b7378;
16492
- --theme-switch-thumb-off--border-color--disabled: #667884;
16493
- --theme-switch-thumb-off--background--hover: #1e2529;
16494
- --theme-switch-thumb-off--border-color: #989ea2;
16495
- --theme-switch-on--border-color--hover: #6b7378;
16496
- --theme-switch-off--border-color--active: #6b7378;
16497
- --theme-switch-thumb-on--border-color--hover: #aad3d6;
16498
- --theme-switch-on--background: #172126;
16499
- --theme-switch--color--hover: rgba(255, 255, 255, 0.85);
16500
- --theme-switch--color--active: rgba(255, 255, 255, 0.85);
16501
- --theme-switch--color--disabled: rgba(255, 255, 255, 0.45);
16502
- --theme-switch--color: rgba(255, 255, 255, 0.85);
16503
- --theme-map-navigation-logo--color: rgba(255, 255, 255, 0.85);
16504
- --theme-map-navigation-header--color: rgba(255, 255, 255, 0.85);
16505
- --theme-map-navigation--background: #293339;
16506
- --theme-map-navigation-separator--background: rgba(235, 240, 245, 0.4);
16507
- --theme-btn-invisible-primary--border-color: rgba(255, 255, 255, 0);
16508
- --theme-btn-invisible-primary--border-color--hover: rgba(255, 255, 255, 0);
16509
- --theme-btn-invisible-primary--border-color--active: rgba(255, 255, 255, 0);
16510
- --theme-btn-invisible-primary--border-color--disabled: rgba(255, 255, 255, 0);
16511
- --theme-btn-secondary--border-color: rgba(255, 255, 255, 0);
16512
- --theme-btn-secondary--border-color--hover: rgba(255, 255, 255, 0);
16513
- --theme-btn-secondary--border-color--active: rgba(255, 255, 255, 0);
16514
- --theme-btn-secondary--border-color--disabled: rgba(255, 255, 255, 0);
16515
- --theme-btn-invisible-secondary--border-color: rgba(255, 255, 255, 0);
16516
- --theme-btn-invisible-secondary--border-color--hover: rgba(255, 255, 255, 0);
16517
- --theme-btn-invisible-secondary--border-color--active: rgba(255, 255, 255, 0);
16518
- --theme-btn-invisible-secondary--border-color--disabled: rgba(255, 255, 255, 0);
16519
- --theme-btn-invisible-secondary--border-color--selected: rgba(255, 255, 255, 0);
16520
- --theme-btn-invisible-secondary--border-color--selected-hover: rgba(255, 255, 255, 0);
16521
- --theme-btn-invisible-secondary--border-color--selected-active: rgba(255, 255, 255, 0);
16522
- --theme-overlay--background: rgba(16, 24, 28, 0.85);
16523
- --theme-overlay-header--background: #293339;
16524
- --theme-overlay-header--color: rgba(255, 255, 255, 0.85);
16525
- --theme-nav-overlay-header--color: rgba(255, 255, 255, 0.85);
16526
- --theme-nav-overlay--background: rgba(16, 24, 28, 0.85);
16527
- --theme-color-alarm-10: rgba(220, 0, 49, 0.1);
16528
- --theme-color-alarm-40: rgba(220, 0, 49, 0.4);
16529
- --theme-color-critical-40: rgba(235, 120, 10, 0.4);
16530
- --theme-color-warning-10: rgba(255, 185, 0, 0.1);
16531
- --theme-color-warning-40: rgba(255, 185, 0, 0.4);
16532
- --theme-color-success-40: rgba(51, 155, 0, 0.4);
16533
- --theme-color-info-40: rgba(30, 84, 179, 0.4);
16534
- --theme-color-neutral-40: rgba(135, 155, 171, 0.4);
16535
- --theme-chart-tooltip-bdr: rgba(255, 255, 255, 0.2);
16536
- --theme-chart-ticks: rgba(255, 255, 255, 0.3);
16537
- --theme-chart-tooltip-fill: rgba(0, 0, 0, 0.8);
16538
- --theme-chart-grid-lines: rgba(255, 255, 255, 0.1);
16539
- --theme-chart-grid-fill: #10181c;
16540
- --theme-chart-axes: rgba(255, 255, 255, 0.3);
16541
- --theme-input-unit--color: rgba(255, 255, 255, 0.6);
16542
- --theme-input-search-icon--color: rgba(255, 255, 255, 0.85);
16543
- --theme-input-search-icon--color--hover: rgba(255, 255, 255, 0.85);
16544
- --theme-input-search-icon--color--focus: rgba(255, 255, 255, 0.85);
16545
- --theme-input-search-icon--color--disabled: rgba(255, 255, 255, 0.4);
16546
- --theme-input-gripper--color: rgba(235, 240, 245, 0.6);
16064
+ --theme-color-neutral--contrast: #000000;
16065
+ --theme-color-neutral-40: #879bab66;
16066
+ --theme-color-contrast-text: #ffffff;
16067
+ --theme-color-std-text: #ffffffd9;
16068
+ --theme-color-soft-text: #ffffff99;
16069
+ --theme-color-weak-text: #ffffff66;
16070
+ --theme-color-inv-contrast-text: #000000;
16071
+ --theme-color-inv-std-text: #000000bf;
16072
+ --theme-color-inv-soft-text: #0000008c;
16073
+ --theme-color-inv-weak-text: #0000004d;
16547
16074
  --theme-color-alarm-text: #ff99af;
16548
- --theme-messagebar--background: #10181c;
16549
- --theme-messagebar--color: rgba(255, 255, 255, 0.85);
16550
- --theme-modal--border-color: rgba(235, 240, 245, 0.4);
16551
- --theme-modal--background: #10181c;
16552
- --theme-color-shadow-1: rgba(0, 0, 0, 0.6);
16553
- --theme-color-shadow-2: rgba(0, 0, 0, 0.6);
16554
- --theme-color-shadow-3: #000;
16555
- --theme-color-shadow-4: #000;
16556
- --theme-group-item--background: rgba(114, 167, 194, 0.2);
16557
- --theme-group-item--background--hover: rgba(153, 191, 211, 0.26);
16558
- --theme-group-item--background--active: rgba(177, 206, 221, 0.31);
16559
- --theme-group-item--background--selected: rgba(50, 160, 160, 0.25);
16560
- --theme-group-item--background--disabled: rgba(134, 161, 174, 0.1);
16561
- --theme-group-item--border-color: rgba(0, 0, 0, 0);
16562
- --theme-group-item--border-color--hover: rgba(0, 0, 0, 0);
16563
- --theme-group-item--border-color--active: rgba(0, 0, 0, 0);
16564
- --theme-group-item--border-color--selected: #41aaaa;
16565
- --theme-group-item--border-color--disabled: rgba(0, 0, 0, 0);
16566
- --theme-group-item-indicator--background: rgba(0, 0, 0, 0);
16567
- --theme-group-item-indicator--background--selected: #41aaaa;
16568
- --theme-group-item-indicator--background--subselected: #41aaaa;
16569
- --theme-group-node-closed--color: rgba(255, 255, 255, 0.85);
16570
- --theme-group-node-open--color: rgba(255, 255, 255, 0.85);
16571
- --theme-group-header--color: rgba(255, 255, 255, 0.85);
16572
- --theme-group-subheader--color: rgba(255, 255, 255, 0.85);
16573
- --theme-group-item-icon--color: rgba(255, 255, 255, 0.85);
16574
- --theme-group-item-text--color: rgba(255, 255, 255, 0.85);
16575
- --theme-group-item-subtext--color: rgba(255, 255, 255, 0.6);
16576
- --theme-group-item-icon--color--disabled: rgba(255, 255, 255, 0.4);
16577
- --theme-group-item-text--color--disabled: rgba(255, 255, 255, 0.4);
16578
- --theme-group-item-subtext--color--disabled: rgba(255, 255, 255, 0.4);
16579
- --theme-upload--background: #10181c;
16580
- --theme-upload--background--dragover: #10181c;
16581
- --theme-upload--background--checking: #10181c;
16582
- --theme-upload--background--disabled: #10181c;
16583
- --theme-upload--border-color: rgba(235, 240, 245, 0.4);
16584
- --theme-upload--border-color--dragover: #41aaaa;
16585
- --theme-upload--border-color--checking: rgba(235, 240, 245, 0.4);
16586
- --theme-upload--border-color--disabled: rgba(235, 240, 245, 0.4);
16587
- --theme-upload-text--color: rgba(255, 255, 255, 0.85);
16588
- --theme-upload-text--color--checking: rgba(255, 255, 255, 0.85);
16589
- --theme-upload-text--color--disabled: rgba(235, 240, 245, 0.3);
16590
- --theme-event-item--background: rgba(16, 24, 28, 0.2);
16591
- --theme-event-item--background--hover: #20282c;
16592
- --theme-event-item--background--active: #31383c;
16593
- --theme-event-item--background--selected: #152c2f;
16594
- --theme-event-item--background--disabled: rgba(16, 24, 28, 0.6);
16595
- --theme-event-item--border: rgba(235, 240, 245, 0.15);
16596
- --theme-event-item--border--hover: rgba(235, 240, 245, 0.15);
16597
- --theme-event-item--border--active: rgba(235, 240, 245, 0.15);
16598
- --theme-event-item--border--selected: #3fa8a8;
16599
- --theme-event-item--border--disabled: rgba(235, 240, 245, 0.15);
16600
- --theme-event-item-chevron--color: rgba(255, 255, 255, 0.6);
16601
- --theme-flip--color: rgba(255, 255, 255, 0.85);
16602
- --theme-flip--background: #10181c;
16603
- --theme-flip-footer--color: rgba(255, 255, 255, 0.85);
16604
- --theme-flip-footer--background: #10181c;
16605
- --theme-flip--border-color: rgba(235, 240, 245, 0.6);
16606
- --theme-kpi-display--background: rgba(255, 255, 255, 0);
16607
- --theme-kpi-display--background--hover: rgba(255, 255, 255, 0.07);
16608
- --theme-kpi-display--background--active: rgba(255, 255, 255, 0.14);
16609
- --theme-kpi-display-indicator--background: rgba(255, 255, 255, 0.3);
16610
- --theme-kpi-display-label--color: rgba(255, 255, 255, 0.6);
16611
- --theme-kpi-display-icon--color: rgba(255, 255, 255, 0.85);
16612
- --theme-kpi-display-value--color: rgba(255, 255, 255, 0.85);
16613
- --theme-kpi-display-units--color: rgba(255, 255, 255, 0.6);
16614
- --theme-scrollbar-track--background: #172126;
16615
- --theme-scrollbar-track--background--hover: #273135;
16616
- --theme-scrollbar-track--border: #10181c;
16617
- --theme-scrollbar-thumb--background: #555f69;
16618
- --theme-scrollbar-thumb--background--hover: #616a74;
16619
- --theme-input-extra--background--active: #232323;
16620
- --theme-input-extra--background--hover: #121212;
16621
- --theme-input-select-icon--color--active: rgba(255, 255, 255, 0.85);
16622
- --theme-select-list-item-hint--color: rgba(255, 255, 255, 0.6);
16623
- --theme-select-list-item-hint--color--hover: rgba(255, 255, 255, 0.6);
16624
- --theme-select-list-item-hint--color--active: rgba(255, 255, 255, 0.6);
16625
- --theme-datepicker-day--background: rgba(255, 255, 255, 0);
16626
- --theme-datepicker-day--background--hover: rgba(255, 255, 255, 0.07);
16627
- --theme-datepicker-day--background--active: rgba(255, 255, 255, 0.14);
16628
- --theme-datepicker-day--background--disabled: rgba(0, 0, 0, 0);
16629
- --theme-datepicker-day--border-color: rgba(0, 0, 0, 0);
16630
- --theme-datepicker-day--border-color--hover: rgba(0, 0, 0, 0);
16631
- --theme-datepicker-day--border-color--active: rgba(0, 0, 0, 0);
16632
- --theme-datepicker-day--border-color--disabled: rgba(0, 0, 0, 0);
16633
- --theme-datepicker-day--color: #41aaaa;
16634
- --theme-datepicker-day--color--hover: #41aaaa;
16635
- --theme-datepicker-day--color--active: #41aaaa;
16636
- --theme-datepicker-day--color--disabled: rgba(255, 255, 255, 0.4);
16637
- --theme-datepicker-day--background--selected: #00d4d4;
16638
- --theme-datepicker-day--background--selected-hover: #12d7d7;
16639
- --theme-datepicker-day--background--selected-active: #24dada;
16640
- --theme-datepicker-day--background--selected-disabled: rgba(0, 212, 212, 0.3);
16641
- --theme-datepicker-day--border-color--selected: rgba(0, 0, 0, 0);
16642
- --theme-datepicker-day--border-color--selected-hover: rgba(0, 0, 0, 0);
16643
- --theme-datepicker-day--border-color--selected-active: rgba(0, 0, 0, 0);
16644
- --theme-datepicker-day--border-color--selected-disabled: rgba(0, 0, 0, 0);
16645
- --theme-datepicker-day--color--selected: #000;
16646
- --theme-datepicker-day--color--selected-hover: #000;
16647
- --theme-datepicker-day--color--selected-active: #000;
16648
- --theme-datepicker-day--color--selected-disabled: rgba(255, 255, 255, 0.4);
16649
- --theme-datepicker-day--background--range: #41aaaa;
16650
- --theme-datepicker-day--background--range-hover: #4eb0b0;
16651
- --theme-datepicker-day--background--range-active: #5cb6b6;
16652
- --theme-datepicker-day--background--range-disabled: rgba(65, 170, 170, 0.2);
16653
- --theme-datepicker-day--border-color--range: rgba(0, 0, 0, 0);
16654
- --theme-datepicker-day--border-color--range-hover: rgba(0, 0, 0, 0);
16655
- --theme-datepicker-day--border-color--range-active: rgba(0, 0, 0, 0);
16656
- --theme-datepicker-day--border-color--range-disabled: rgba(0, 0, 0, 0);
16657
- --theme-datepicker-day--color--range: #000;
16658
- --theme-datepicker-day--color--range-hover: #000;
16659
- --theme-datepicker-day--color--range-active: #000;
16660
- --theme-datepicker-day--color--range-disabled: rgba(255, 255, 255, 0.4);
16661
- --theme-datepicker-today--background: rgba(255, 255, 255, 0);
16662
- --theme-datepicker-today--background--hover: rgba(255, 255, 255, 0.07);
16663
- --theme-datepicker-today--background--active: rgba(255, 255, 255, 0.14);
16664
- --theme-datepicker-today--background--disabled: rgba(0, 0, 0, 0);
16665
- --theme-datepicker-today--border-color: #41aaaa;
16666
- --theme-datepicker-today--border-color--hover: #41aaaa;
16667
- --theme-datepicker-today--border-color--active: #41aaaa;
16668
- --theme-datepicker-today--border-color--disabled: rgba(65, 170, 170, 0.45);
16669
- --theme-datepicker-today--color: #41aaaa;
16670
- --theme-datepicker-today--color--hover: #41aaaa;
16671
- --theme-datepicker-today--color--active: #41aaaa;
16672
- --theme-datepicker-today--color--disabled: rgba(255, 255, 255, 0.4);
16673
- --theme-datepicker-today--background--selected: #00d4d4;
16674
- --theme-datepicker-today--background--selected-hover: #12d7d7;
16675
- --theme-datepicker-today--background--selected-active: #24dada;
16676
- --theme-datepicker-today--background--selected-disabled: rgba(0, 212, 212, 0.3);
16677
- --theme-datepicker-today--border-color--selected: #41aaaa;
16678
- --theme-datepicker-today--border-color--selected-hover: #41aaaa;
16679
- --theme-datepicker-today--border-color--selected-active: #41aaaa;
16680
- --theme-datepicker-today--border-color--selected-disabled: rgba(65, 170, 170, 0.6);
16681
- --theme-datepicker-today--color--selected: #000;
16682
- --theme-datepicker-today--color--selected-hover: #000;
16683
- --theme-datepicker-today--color--selected-active: #000;
16684
- --theme-datepicker-today--color--selected-disabled: rgba(255, 255, 255, 0.4);
16685
- --theme-datepicker-today--background--range: #41aaaa;
16686
- --theme-datepicker-today--background--range-hover: #4eb0b0;
16687
- --theme-datepicker-today--background--range-active: #5cb6b6;
16688
- --theme-datepicker-today--background--range-disabled: rgba(65, 170, 170, 0.2);
16689
- --theme-datepicker-today--border-color--range: #41aaaa;
16690
- --theme-datepicker-today--border-color--range-hover: #0e777c;
16691
- --theme-datepicker-today--border-color--range-active: #41aaaa;
16692
- --theme-datepicker-today--border-color--range-disabled: rgba(65, 170, 170, 0.6);
16693
- --theme-datepicker-today--color--range: #000;
16694
- --theme-datepicker-today--color--range-hover: #000;
16695
- --theme-datepicker-today--color--range-active: #000;
16696
- --theme-datepicker-today--color--range-disabled: rgba(255, 255, 255, 0.4);
16697
- --theme-datepicker-extra--border-color: #10181c;
16698
- --theme-datepicker-weekday--color: rgba(255, 255, 255, 0.6);
16699
- --theme-datepicker-time-header--color: rgba(255, 255, 255, 0.85);
16700
- --theme-datepicker-cw--color: rgba(255, 255, 255, 0.6);
16701
- --theme-datepicker-separator--background: rgba(235, 240, 245, 0.15);
16702
- --theme-tootlip--background: #10181c;
16703
- --theme-tooltip--border-color: rgba(235, 240, 245, 0.15);
16704
- --theme-color-dynamic: #27d9d9;
16705
- --theme-tooltip-close--color: rgba(255, 255, 255, 0.6);
16706
- --theme-tooltip-close-btn--background: rgba(0, 0, 0, 0);
16707
- --theme-tooltip-close-btn--background--hover: rgba(255, 255, 255, 0.07);
16708
- --theme-tooltip-close-btn--background--active: rgba(255, 255, 255, 0.14);
16709
- --theme-tooltip--color: rgba(255, 255, 255, 0.85);
16710
- --theme-color-hyperlink: #41aaaa;
16711
- --theme-color-hyperlink--hover: #41aaaa;
16712
- --theme-color-hyperlink--active: #fff;
16713
- --theme-color-ghost--hover: rgba(255, 255, 255, 0.07);
16714
- --theme-color-ghost--active: rgba(255, 255, 255, 0.14);
16715
- --theme-toast--background: #10181c;
16716
- --theme-toast--border-color: rgba(235, 240, 245, 0.15);
16717
- --theme-toast--color: rgba(255, 255, 255, 0.85);
16718
- --theme-toast-timer-track--background: rgba(255, 255, 255, 0);
16719
- --theme-toast-timer-value--background: #6e7d89;
16720
- --theme-tree-item--background: rgba(0, 0, 0, 0);
16721
- --theme-tree-item--background--hover: rgba(255, 255, 255, 0.07);
16722
- --theme-tree-item--background--active: rgba(255, 255, 255, 0.14);
16723
- --theme-tree-item--background--selected: rgba(50, 160, 160, 0.25);
16724
- --theme-tree-item--background--selected-hover: rgba(97, 182, 182, 0.3);
16725
- --theme-tree-item--background--selected-active: rgba(131, 197, 197, 0.36);
16726
- --theme-tree-item-node-closed-icon--color: rgba(255, 255, 255, 0.85);
16727
- --theme-tree-item-node-open-icon--color: #41aaaa;
16728
- --theme-tree-item--color: rgba(255, 255, 255, 0.85);
16729
- --theme-tree-item-icon--color: rgba(255, 255, 255, 0.85);
16730
- --theme-tree-item-status--color: rgba(255, 255, 255, 0.6);
16731
- --theme-table--background: rgba(0, 0, 0, 0);
16732
- --theme-table--border-color: rgba(235, 240, 245, 0.15);
16733
- --theme-table--color: rgba(255, 255, 255, 0.85);
16734
- --theme-table-header-row--background: rgba(51, 74, 85, 0.2);
16735
- --theme-table-header-row--border-color: rgba(235, 240, 245, 0.15);
16736
- --theme-table-selection--border-color: #41aaaa;
16737
- --theme-table-header-cell--background: rgba(0, 0, 0, 0);
16738
- --theme-table-header-cell--background--hover: rgba(255, 255, 255, 0.07);
16739
- --theme-table-header-cell--background--active: rgba(255, 255, 255, 0.14);
16740
- --theme-table-header-cell--border-color: rgba(0, 0, 0, 0);
16741
- --theme-table-header-cell--border-color--hover: rgba(0, 0, 0, 0);
16742
- --theme-table-header-cell--border-color--active: rgba(0, 0, 0, 0);
16743
- --theme-table-header-cell--color: rgba(255, 255, 255, 0.85);
16744
- --theme-table-header-sort--color: #41aaaa;
16745
- --theme-table-header-filter--color: #41aaaa;
16746
- --theme-table-header-splitter--background: rgba(235, 240, 245, 0.4);
16747
- --theme-table-header-splitter--background--hover: #41aaaa;
16748
- --theme-table-group-splitter--background: rgba(235, 240, 245, 0.15);
16749
- --theme-table-group-splitter--background--hover: rgba(65, 170, 170, 0.85);
16750
- --theme-table-data-row--background: rgba(0, 0, 0, 0);
16751
- --theme-table-data-row--background--hover: rgba(255, 255, 255, 0.07);
16752
- --theme-table-data-row--background--active: rgba(255, 255, 255, 0.14);
16753
- --theme-table-data-row--background--selected: rgba(50, 160, 160, 0.25);
16754
- --theme-table-data-row--background--disabled: rgba(0, 0, 0, 0);
16755
- --theme-table-data-row--background--selected-hover: rgba(97, 182, 182, 0.3);
16756
- --theme-table-data-row--background--selected-active: rgba(131, 197, 197, 0.36);
16757
- --theme-table-data-row-alt--background: rgba(255, 255, 255, 0.04);
16758
- --theme-table-data-row-alt--background--hover: rgba(255, 255, 255, 0.11);
16759
- --theme-table-data-row-alt--background--active: rgba(255, 255, 255, 0.17);
16760
- --theme-table-data-row-alt--background--selected: rgba(79, 174, 174, 0.28);
16761
- --theme-table-data-row-alt--background--disabled: rgba(255, 255, 255, 0.04);
16762
- --theme-table-data-row-alt--background--selected-hover: rgba(116, 191, 191, 0.33);
16763
- --theme-table-data-row-alt--background--selected-active: rgba(144, 204, 204, 0.38);
16764
- --theme-table-data-row--border-color: rgba(235, 240, 245, 0.15);
16765
- --theme-table-data-cell--background: rgba(0, 0, 0, 0);
16766
- --theme-table-data-cell--background--hover: rgba(255, 255, 255, 0.07);
16767
- --theme-table-data-cell--background--active: rgba(255, 255, 255, 0.14);
16768
- --theme-table-data-cell--background--selected: rgba(50, 160, 160, 0.25);
16769
- --theme-table-data-cell--background--disabled: rgba(0, 0, 0, 0);
16770
- --theme-table-data-cell--background--selected-hover: rgba(97, 182, 182, 0.3);
16771
- --theme-table-data-cell--background--selected-active: rgba(131, 197, 197, 0.36);
16772
- --theme-table-data-cell--border-color: rgba(0, 0, 0, 0);
16773
- --theme-table-data-cell--color: rgba(255, 255, 255, 0.85);
16774
- --theme-table-data-cell--color-disabled: rgba(255, 255, 255, 0.4);
16775
- --theme-table-group-header-row--background: rgba(51, 74, 85, 0.2);
16776
- --theme-table-group-header-row--border-color: rgba(235, 240, 245, 0.15);
16777
- --theme-label--color: rgba(255, 255, 255, 0.6);
16778
- --theme-label--color--hover: rgba(255, 255, 255, 0.85);
16779
- --theme-label--color--active: rgba(255, 255, 255, 0.85);
16780
- --theme-label--color--focus: rgba(255, 255, 255, 0.85);
16781
- --theme-label--color--disabled: rgba(255, 255, 255, 0.4);
16782
- --theme-workflow-step--background: rgba(255, 255, 255, 0);
16783
- --theme-workflow-step--background--hover: rgba(255, 255, 255, 0.07);
16784
- --theme-workflow-step--background--active: rgba(255, 255, 255, 0.14);
16785
- --theme-workflow-step--background--selected: rgba(50, 160, 160, 0.25);
16786
- --theme-workflow-step--background--disabled: rgba(0, 0, 0, 0);
16787
- --theme-workflow-step--color: rgba(255, 255, 255, 0.85);
16788
- --theme-workflow-step-icon--background: #10181c;
16789
- --theme-workflow-step-icon-default--color: #879baa;
16790
- --theme-workflow-step-icon-default--color--selected: #41aaaa;
16791
- --theme-workflow-step-icon-default--color--disabled: rgba(255, 255, 255, 0.4);
16792
- --theme-workflow-step-icon-done--color: #41aaaa;
16793
- --theme-workflow-step-icon-done--color--selected: #41aaaa;
16794
- --theme-workflow-step-icon-done--color--disabled: rgba(255, 255, 255, 0.4);
16795
- --theme-workflow-step-icon-success--color--disabled: rgba(255, 255, 255, 0.4);
16796
- --theme-workflow-step-icon-warning--color--disabled: rgba(255, 255, 255, 0.4);
16797
- --theme-workflow-step-icon-error--color--disabled: rgba(255, 255, 255, 0.4);
16075
+ --theme-color-shadow-1: #00000099;
16076
+ --theme-color-shadow-2: #000000;
16077
+ --theme-color-shadow-3: rgba(0,0,0,0.12);
16078
+ --theme-color-lightbox: #0000008c;
16079
+ --theme-color-backdrop: #10181cd9;
16080
+ --theme-color-backdrop-3: #10181cd9;
16081
+ --theme-color-logo: #ffffff;
16798
16082
  --theme-chart-1: #00ebd5;
16799
- --theme-chart-1-40: rgba(0, 235, 213, 0.4);
16800
- --theme-chart-2-40: rgba(0, 215, 160, 0.4);
16083
+ --theme-chart-1-40: #00ebd566;
16801
16084
  --theme-chart-2: #009e78;
16802
- --theme-chart-3-40: rgba(0, 213, 224, 0.4);
16085
+ --theme-chart-2-40: #009e7866;
16803
16086
  --theme-chart-3: #00d5e0;
16804
- --theme-chart-4-40: rgba(0, 197, 241, 0.4);
16087
+ --theme-chart-3-40: #00d5e066;
16805
16088
  --theme-chart-4: #00c5f1;
16806
- --theme-chart-5-40: rgba(134, 172, 192, 0.4);
16089
+ --theme-chart-4-40: #00c5f166;
16807
16090
  --theme-chart-5: #86acc0;
16808
- --theme-chart-6-40: rgba(66, 170, 255, 0.4);
16091
+ --theme-chart-5-40: #86acc066;
16809
16092
  --theme-chart-6: #42aaff;
16810
- --theme-chart-7-40: rgba(36, 115, 255, 0.4);
16093
+ --theme-chart-6-40: #42aaff66;
16811
16094
  --theme-chart-7: #2473ff;
16812
- --theme-chart-8-40: rgba(117, 158, 255, 0.4);
16095
+ --theme-chart-7-40: #2473ff66;
16813
16096
  --theme-chart-8: #759eff;
16814
- --theme-chart-9-40: rgba(126, 132, 255, 0.4);
16097
+ --theme-chart-8-40: #759eff66;
16815
16098
  --theme-chart-9: #7e84ff;
16816
- --theme-chart-10-40: rgba(147, 98, 255, 0.4);
16099
+ --theme-chart-9-40: #7e84ff66;
16817
16100
  --theme-chart-10: #9362ff;
16818
- --theme-chart-11-40: rgba(189, 97, 255, 0.4);
16101
+ --theme-chart-10-40: #9362ff66;
16819
16102
  --theme-chart-11: #bd61ff;
16820
- --theme-chart-12-40: rgba(228, 70, 255, 0.4);
16103
+ --theme-chart-11-40: #bd61ff66;
16821
16104
  --theme-chart-12: #e446ff;
16822
- --theme-chart-13-40: rgba(243, 143, 194, 0.4);
16105
+ --theme-chart-12-40: #e446ff66;
16823
16106
  --theme-chart-13: #f38fc2;
16824
- --theme-chart-14-40: rgba(239, 154, 154, 0.4);
16107
+ --theme-chart-13-40: #f38fc266;
16825
16108
  --theme-chart-14: #ef9a9a;
16826
- --theme-chart-15-40: rgba(255, 177, 128, 0.4);
16109
+ --theme-chart-14-40: #ef9a9a66;
16827
16110
  --theme-chart-15: #ffb180;
16828
- --theme-chart-16-40: rgba(186, 186, 157, 0.4);
16111
+ --theme-chart-15-40: #ffb18066;
16829
16112
  --theme-chart-16: #baba9d;
16830
- --theme-chart-17-40: rgba(181, 189, 0, 0.4);
16113
+ --theme-chart-16-40: #baba9d66;
16831
16114
  --theme-chart-17: #b5bd00;
16832
- --theme-btn--border-thickness: 2px;
16833
- --theme-btn--border-radius: 4px;
16834
- --theme-btn--focus--outline-offset: 1px;
16835
- --theme-app-header--border-width: 1px;
16836
- --theme-blind--border-thickness: 1px;
16837
- --theme-blind--border-radius: 4px;
16838
- --theme-breadcrumb--border-radius: 4px;
16839
- --theme-checkbox--border-thickness: 2px;
16840
- --theme-checkbox--focus--outline-offset: 1px;
16841
- --theme-focus--border-thickness: 0.0625rem;
16842
- --theme-group--border-radius: 4px;
16843
- --theme-group--border-radius--focus: 0;
16844
- --theme-radiobtn--border-thickness: 2px;
16845
- --theme-radiobtn--focus--outline-offset: 1px;
16846
- --theme-kpi--border-radius: 4px;
16847
- --theme-input--border-radius: 4px;
16848
- --theme-input--border-thickness: 1px;
16115
+ --theme-chart-17-40: #b5bd0066;
16116
+ --theme-chart-axes: #ffffff4d;
16117
+ --theme-chart-grid-lines: #ffffff1a;
16118
+ --theme-chart-grid-fill: #10181c;
16119
+ --theme-chart-ticks: #ffffff4d;
16120
+ --theme-chart-tooltip-fill: #000000cc;
16121
+ --theme-chart-tooltip-bdr: #ffffff33;
16122
+ --theme-workflow-step--color--disabled: var(--theme-color-weak-text);
16123
+ --theme-app-header--color: var(--theme-color-std-text);
16124
+ --theme-app-header--background: var(--theme-color-8);
16125
+ --theme-app-header--border-color: var(--theme-color-0);
16126
+ --theme-app-header-logo--color: var(--theme-color-logo);
16127
+ --theme-btn-primary--background: var(--theme-color-primary);
16128
+ --theme-btn-primary--background--hover: var(--theme-color-primary--hover);
16129
+ --theme-btn-primary--background--active: var(--theme-color-primary--active);
16130
+ --theme-btn-primary--background--disabled: var(--theme-color-component-4);
16131
+ --theme-btn-primary--color: var(--theme-color-primary--contrast);
16132
+ --theme-btn-primary--color--hover: var(--theme-color-primary--contrast);
16133
+ --theme-btn-primary--color--active: var(--theme-color-primary--contrast);
16134
+ --theme-btn-primary--color--disabled: var(--theme-color-inv-std-text);
16135
+ --theme-btn-outline-primary--background: var(--theme-color-secondary);
16136
+ --theme-btn-outline-primary--background--hover: var(--theme-color-secondary--hover);
16137
+ --theme-btn-outline-primary--background--active: var(--theme-color-secondary--active);
16138
+ --theme-btn-outline-primary--background--disabled: var(--theme-color-ghost);
16139
+ --theme-btn-outline-primary--color: var(--theme-color-primary);
16140
+ --theme-btn-outline-primary--color--hover: var(--theme-color-primary);
16141
+ --theme-btn-outline-primary--color--active: var(--theme-color-primary);
16142
+ --theme-btn-outline-primary--color--disabled: var(--theme-color-weak-text);
16143
+ --theme-btn-primary--border-color: var(--theme-color-ghost);
16144
+ --theme-btn-primary--border-color--hover: var(--theme-color-ghost);
16145
+ --theme-btn-primary--border-color--active: var(--theme-color-ghost);
16146
+ --theme-btn-primary--border-color--disabled: var(--theme-color-ghost);
16147
+ --theme-btn-invisible-primary--background: var(--theme-color-ghost);
16148
+ --theme-btn-invisible-primary--background--hover: var(--theme-color-ghost-primary--hover);
16149
+ --theme-btn-invisible-primary--background--active: var(--theme-color-ghost-primary--active);
16150
+ --theme-btn-invisible-primary--background--disabled: var(--theme-color-ghost);
16151
+ --theme-btn-invisible-primary--color: var(--theme-color-primary);
16152
+ --theme-btn-invisible-primary--color--hover: var(--theme-color-primary);
16153
+ --theme-btn-invisible-primary--color--active: var(--theme-color-primary);
16154
+ --theme-btn-invisible-primary--color--disabled: var(--theme-color-weak-text);
16155
+ --theme-btn-secondary--background: var(--theme-color-component-1);
16156
+ --theme-btn-secondary--background--hover: var(--theme-color-component-1--hover);
16157
+ --theme-btn-secondary--background--active: var(--theme-color-component-1--active);
16158
+ --theme-btn-secondary--background--disabled: var(--theme-color-component-4);
16159
+ --theme-btn-secondary--color: var(--theme-color-std-text);
16160
+ --theme-btn-secondary--color--hover: var(--theme-color-std-text);
16161
+ --theme-btn-secondary--color--active: var(--theme-color-std-text);
16162
+ --theme-btn-secondary--color--disabled: var(--theme-color-weak-text);
16163
+ --theme-btn-outline-secondary--background: var(--theme-color-secondary);
16164
+ --theme-btn-outline-secondary--background--hover: var(--theme-color-secondary--hover);
16165
+ --theme-btn-outline-secondary--background--active: var(--theme-color-secondary--active);
16166
+ --theme-btn-outline-secondary--background--disabled: var(--theme-color-ghost);
16167
+ --theme-btn-outline-secondary--border-color: var(--theme-color-6);
16168
+ --theme-btn-outline-secondary--border-color--hover: var(--theme-color-6);
16169
+ --theme-btn-outline-secondary--border-color--active: var(--theme-color-6);
16170
+ --theme-btn-outline-secondary--border-color--disabled: var(--theme-color-component-4);
16171
+ --theme-btn-outline-secondary--color: var(--theme-color-soft-text);
16172
+ --theme-btn-outline-secondary--color--hover: var(--theme-color-std-text);
16173
+ --theme-btn-outline-secondary--color--active: var(--theme-color-std-text);
16174
+ --theme-btn-outline-secondary--color--disabled: var(--theme-color-weak-text);
16175
+ --theme-btn-invisible-secondary--background: var(--theme-color-ghost);
16176
+ --theme-btn-invisible-secondary--background--hover: var(--theme-color-ghost--hover);
16177
+ --theme-btn-invisible-secondary--background--active: var(--theme-color-ghost--active);
16178
+ --theme-btn-invisible-secondary--color: var(--theme-color-std-text);
16179
+ --theme-btn-invisible-secondary--color--hover: var(--theme-color-std-text);
16180
+ --theme-btn-invisible-secondary--color--active: var(--theme-color-std-text);
16181
+ --theme-btn-invisible-secondary--color--disabled: var(--theme-color-weak-text);
16182
+ --theme-btn-invisible-secondary--color--selected: var(--theme-color-primary);
16183
+ --theme-btn-invisible-secondary--color--selected-hover: var(--theme-color-primary);
16184
+ --theme-btn-invisible-secondary--color--selected-active: var(--theme-color-primary);
16185
+ --theme-btn-invisible-secondary--background--selected: var(--theme-color-component-7);
16186
+ --theme-btn-invisible-secondary--background--selected-hover: var(--theme-color-component-7--hover);
16187
+ --theme-btn-invisible-secondary--background--selected-active: var(--theme-color-component-7--active);
16188
+ --theme-link-btn--color: var(--theme-color-primary);
16189
+ --theme-link-btn--color--hover: var(--theme-color-primary);
16190
+ --theme-link-btn--color--active: var(--theme-color-contrast-text);
16191
+ --theme-link-btn--border-color: var(--theme-color-ghost);
16192
+ --theme-link-btn--border-color--hover: var(--theme-color-ghost);
16193
+ --theme-link-btn--border-color--active: var(--theme-color-ghost);
16194
+ --theme-link-btn--color--visited: var(--theme-color-primary);
16195
+ --theme-link-btn--border-color--visited: var(--theme-color-ghost);
16196
+ --theme-link-btn--border-color--disabled: var(--theme-color-ghost);
16197
+ --theme-link-btn--color--disabled: var(--theme-color-weak-text);
16198
+ --theme-checkbox-unchecked--background: var(--theme-color-secondary);
16199
+ --theme-checkbox-unchecked--border-color: var(--theme-color-std-bdr);
16200
+ --theme-checkbox-unchecked--background--hover: var(--theme-color-secondary--hover);
16201
+ --theme-checkbox-unchecked--background--active: var(--theme-color-secondary--active);
16202
+ --theme-checkbox-unchecked--border-color--hover: var(--theme-color-std-bdr);
16203
+ --theme-checkbox-unchecked--border-color--active: var(--theme-color-std-bdr);
16204
+ --theme-checkbox-unchecked--background--disabled: var(--theme-color-ghost);
16205
+ --theme-checkbox-unchecked--border-color--disabled: var(--theme-color-weak-bdr);
16206
+ --theme-checkbox-checked--background: var(--theme-color-primary);
16207
+ --theme-checkbox-checked--border-color: var(--theme-color-0);
16208
+ --theme-checkbox-checked--color: var(--theme-color-primary--contrast);
16209
+ --theme-checkbox-checked--background--hover: var(--theme-color-primary--hover);
16210
+ --theme-checkbox-checked--border-color--hover: var(--theme-color-0);
16211
+ --theme-checkbox-checked--color--hover: var(--theme-color-primary--contrast);
16212
+ --theme-checkbox-checked--background--active: var(--theme-color-primary--active);
16213
+ --theme-checkbox-checked--border-color--active: var(--theme-color-0);
16214
+ --theme-checkbox-checked--color--active: var(--theme-color-primary--contrast);
16215
+ --theme-checkbox-checked--background--disabled: var(--theme-color-component-4);
16216
+ --theme-checkbox-checked--border-color--disabled: var(--theme-color-0);
16217
+ --theme-checkbox-checked--color--disabled: var(--theme-color-primary--contrast);
16218
+ --theme-checkbox-mixed--background: var(--theme-color-secondary);
16219
+ --theme-checkbox-mixed--border-color: var(--theme-color-primary);
16220
+ --theme-checkbox-mixed--color: var(--theme-color-primary);
16221
+ --theme-checkbox-mixed--background--hover: var(--theme-color-secondary--hover);
16222
+ --theme-checkbox-mixed--border-color--hover: var(--theme-color-primary);
16223
+ --theme-checkbox-mixed--color--hover: var(--theme-color-primary);
16224
+ --theme-checkbox-mixed--background--active: var(--theme-color-secondary--active);
16225
+ --theme-checkbox-mixed--border-color--active: var(--theme-color-primary);
16226
+ --theme-checkbox-mixed--color--active: var(--theme-color-primary);
16227
+ --theme-checkbox-mixed--background--disabled: var(--theme-color-ghost);
16228
+ --theme-checkbox-mixed--border-color--disabled: var(--theme-color-component-4);
16229
+ --theme-checkbox-mixed--color--disabled: var(--theme-color-component-4);
16230
+ --theme-checkbox-label--color: var(--theme-color-std-text);
16231
+ --theme-checkbox-label--color--disabled: var(--theme-color-weak-text);
16232
+ --theme-radiobtn-unchecked--background: var(--theme-color-secondary);
16233
+ --theme-radiobtn-unchecked--border-color: var(--theme-color-std-bdr);
16234
+ --theme-radiobtn-unchecked--border-color--hover: var(--theme-color-std-bdr);
16235
+ --theme-radiobtn-unchecked--border-color--active: var(--theme-color-std-bdr);
16236
+ --theme-radiobtn-unchecked--border-color--disabled: var(--theme-color-component-4);
16237
+ --theme-radiobtn-unchecked--background--hover: var(--theme-color-secondary--hover);
16238
+ --theme-radiobtn-unchecked--background--active: var(--theme-color-secondary--active);
16239
+ --theme-radiobtn-unchecked--background--disabled: var(--theme-color-ghost);
16240
+ --theme-radiobtn-checked--color: var(--theme-color-primary);
16241
+ --theme-radiobtn-checked--color--active: var(--theme-color-primary);
16242
+ --theme-radiobtn-checked--color--disabled: var(--theme-color-component-4);
16243
+ --theme-radiobtn-label--color: var(--theme-color-std-text);
16244
+ --theme-radiobtn-label--color--disabled: var(--theme-color-weak-text);
16245
+ --theme-radiobtn-checked--background: var(--theme-color-secondary);
16246
+ --theme-radiobtn-checked--background--hover: var(--theme-color-secondary--hover);
16247
+ --theme-radiobtn-checked--background--active: var(--theme-color-secondary--active);
16248
+ --theme-radiobtn-checked--background--disabled: var(--theme-color-ghost);
16249
+ --theme-radiobtn-checked--border-color: var(--theme-color-primary);
16250
+ --theme-radiobtn-checked--border-color--hover: var(--theme-color-primary);
16251
+ --theme-radiobtn-checked--border-color--active: var(--theme-color-primary);
16252
+ --theme-radiobtn-checked--border-color--disabled: var(--theme-color-component-4);
16253
+ --theme-nav--background: var(--theme-color-component-8);
16254
+ --theme-avatar-btn--background: var(--theme-color-ghost);
16255
+ --theme-avatar-btn--background--hover: var(--theme-color-ghost--hover);
16256
+ --theme-avatar-btn--background--active: var(--theme-color-ghost--active);
16257
+ --theme-avatar-btn--color: var(--theme-color-std-text);
16258
+ --theme-avatar-btn--color--hover: var(--theme-color-std-text);
16259
+ --theme-avatar-btn--color--active: var(--theme-color-std-text);
16260
+ --theme-menu-btn--color: var(--theme-color-std-text);
16261
+ --theme-menu-btn--color--hover: var(--theme-color-std-text);
16262
+ --theme-menu-btn--color--active: var(--theme-color-std-text);
16263
+ --theme-menu-btn--background: var(--theme-color-ghost);
16264
+ --theme-menu-btn--background--hover: var(--theme-color-ghost--hover);
16265
+ --theme-menu-btn--background--active: var(--theme-color-ghost--active);
16266
+ --theme-nav-item-primary--background: var(--theme-color-ghost);
16267
+ --theme-nav-item-primary--background--hover: var(--theme-color-ghost--hover);
16268
+ --theme-nav-item-primary--background--active: var(--theme-color-ghost--active);
16269
+ --theme-nav-item-primary--background--selected: var(--theme-color-3);
16270
+ --theme-nav-item-primary--border-color: var(--theme-color-0);
16271
+ --theme-nav-item-primary--border-color--hover: var(--theme-color-0);
16272
+ --theme-nav-item-primary--border-color--active: var(--theme-color-0);
16273
+ --theme-nav-item-primary--border-color--selected: var(--theme-color-primary);
16274
+ --theme-nav-item-primary--color: var(--theme-color-std-text);
16275
+ --theme-nav-item-primary--color--hover: var(--theme-color-std-text);
16276
+ --theme-nav-item-primary--color--active: var(--theme-color-std-text);
16277
+ --theme-nav-item-primary--color--selected: var(--theme-color-std-text);
16278
+ --theme-nav-item-primary-icon--color: var(--theme-color-std-text);
16279
+ --theme-nav-item-primary-icon--color--hover: var(--theme-color-std-text);
16280
+ --theme-nav-item-primary-icon--color--active: var(--theme-color-std-text);
16281
+ --theme-nav-item-primary-icon--color--selected: var(--theme-color-std-text);
16282
+ --theme-nav-item-secondary--background: var(--theme-color-ghost);
16283
+ --theme-nav-item-secondary--background--hover: var(--theme-color-ghost--hover);
16284
+ --theme-nav-item-secondary--background--active: var(--theme-color-ghost--active);
16285
+ --theme-nav-item-secondary--background--disabled: var(--theme-color-0);
16286
+ --theme-nav-item-secondary--background--selected: var(--theme-color-1);
16287
+ --theme-nav-item-secondary--border-color: var(--theme-color-0);
16288
+ --theme-nav-item-secondary--border-color--hover: var(--theme-color-0);
16289
+ --theme-nav-item-secondary--border-color--active: var(--theme-color-0);
16290
+ --theme-nav-item-secondary--border-color--disabled: var(--theme-color-0);
16291
+ --theme-nav-item-secondary--border-color--selected: var(--theme-color-primary);
16292
+ --theme-nav-item-secondary--color: var(--theme-color-std-text);
16293
+ --theme-nav-item-secondary--color--hover: var(--theme-color-std-text);
16294
+ --theme-nav-item-secondary--color--active: var(--theme-color-std-text);
16295
+ --theme-nav-item-secondary--color--disabled: var(--theme-color-weak-text);
16296
+ --theme-nav-item-secondary--color--selected: var(--theme-color-std-text);
16297
+ --theme-nav-item-secondary-icon--color: var(--theme-color-std-text);
16298
+ --theme-nav-item-secondary-icon--color--hover: var(--theme-color-std-text);
16299
+ --theme-nav-item-secondary-icon--color--active: var(--theme-color-std-text);
16300
+ --theme-nav-item-secondary-icon--color--selected: var(--theme-color-std-text);
16301
+ --theme-nav-item-secondary-icon--color--disabled: var(--theme-color-weak-text);
16302
+ --theme-avatar--background: var(--theme-color-component-3);
16303
+ --theme-input--border-color: var(--theme-color-std-bdr);
16304
+ --theme-input--background: var(--theme-color-1);
16305
+ --theme-input--border-color-bottom--readonly: var(--theme-color-soft-bdr);
16306
+ --theme-input-error--background: var(--theme-color-component-error);
16307
+ --theme-input--color--disabled: var(--theme-color-weak-text);
16308
+ --theme-input--color: var(--theme-color-std-text);
16309
+ --theme-input--background--hover: var(--theme-color-1);
16310
+ --theme-input--border-color--hover: var(--theme-color-std-bdr);
16311
+ --theme-input--background--focus: var(--theme-color-1);
16312
+ --theme-input--border-color--focus: var(--theme-color-primary);
16313
+ --theme-input--background--readonly: var(--theme-color-0);
16314
+ --theme-input--border-color--readonly: var(--theme-color-0);
16315
+ --theme-input--background--disabled: var(--theme-color-0);
16316
+ --theme-input--border-color--disabled: var(--theme-color-0);
16317
+ --theme-input--border-color-bottom--disabled: var(--theme-color-weak-bdr);
16318
+ --theme-input-error--border-color: var(--theme-color-alarm);
16319
+ --theme-input-error-icon--color: var(--theme-color-alarm);
16320
+ --theme-blind-base--border-color: var(--theme-color-weak-bdr);
16321
+ --theme-blind-base--background: var(--theme-color-1);
16322
+ --theme-blind-header-closed--background: var(--theme-color-ghost);
16323
+ --theme-blind-header-closed--background--hover: var(--theme-color-ghost--hover);
16324
+ --theme-blind-header-closed--background--active: var(--theme-color-ghost--active);
16325
+ --theme-blind-header-open--background: var(--theme-color-ghost);
16326
+ --theme-blind-header-open--background--hover: var(--theme-color-ghost--hover);
16327
+ --theme-blind-header-open--background--active: var(--theme-color-ghost--active);
16328
+ --theme-blind-header-open--color--active: var(--theme-color-std-text);
16329
+ --theme-blind-header-icon-open--color--active: var(--theme-color-std-text);
16330
+ --theme-blind-header-icon-open--color--hover: var(--theme-color-std-text);
16331
+ --theme-blind-header-open--color--hover: var(--theme-color-std-text);
16332
+ --theme-blind-header-icon-open--color: var(--theme-color-std-text);
16333
+ --theme-blind-header-open--color: var(--theme-color-std-text);
16334
+ --theme-blind-header-icon-closed--color: var(--theme-color-std-text);
16335
+ --theme-blind-header-icon-closed--color--active: var(--theme-color-std-text);
16336
+ --theme-blind-header-icon-closed--color--hover: var(--theme-color-std-text);
16337
+ --theme-blind-header-closed--color: var(--theme-color-std-text);
16338
+ --theme-blind-header-closed--color--active: var(--theme-color-std-text);
16339
+ --theme-blind-header-closed--color--hover: var(--theme-color-std-text);
16340
+ --theme-breadcrumb-btn--background: var(--theme-color-component-1);
16341
+ --theme-breadcrumb-btn--background--hover: var(--theme-color-component-1--hover);
16342
+ --theme-breadcrumb-btn--background--active: var(--theme-color-component-1--active);
16343
+ --theme-breadcrumb-btn--color: var(--theme-color-std-text);
16344
+ --theme-breadcrumb-btn--color--hover: var(--theme-color-std-text);
16345
+ --theme-breadcrumb-btn--color--active: var(--theme-color-std-text);
16346
+ --theme-breadcrumb-btn-arrow--color: var(--theme-color-std-text);
16347
+ --theme-breadcrumb-btn-arrow--color--hover: var(--theme-color-std-text);
16348
+ --theme-breadcrumb-btn-arrow--color--active: var(--theme-color-std-text);
16349
+ --theme-breadcrumb-btn-last--color: var(--theme-color-std-text);
16350
+ --theme-breadcrumb-ghost--color: var(--theme-color-primary);
16351
+ --theme-breadcrumb-ghost--color--hover: var(--theme-color-primary);
16352
+ --theme-breadcrumb-ghost--color--active: var(--theme-color-primary);
16353
+ --theme-breadcrumb-ghost-arrow--color: var(--theme-color-primary);
16354
+ --theme-breadcrumb-ghost-arrow--color--hover: var(--theme-color-primary);
16355
+ --theme-breadcrumb-ghost-arrow--color--active: var(--theme-color-primary);
16356
+ --theme-breadcrumb-ghost--background: var(--theme-color-ghost);
16357
+ --theme-breadcrumb-ghost--background--hover: var(--theme-color-ghost--hover);
16358
+ --theme-breadcrumb-ghost--background--active: var(--theme-color-ghost--active);
16359
+ --theme-breadcrumb-ghost-last--color: var(--theme-color-soft-text);
16360
+ --theme-avatar--color: var(--theme-color-contrast-text);
16361
+ --theme-chip-close-btn--background--hover: var(--theme-color-ghost--hover);
16362
+ --theme-chip-close-btn--background--active: var(--theme-color-ghost--active);
16363
+ --theme-chip-close-btn--color: var(--theme-color-std-text);
16364
+ --theme-chip-outline--color: var(--theme-color-std-text);
16365
+ --theme-chip-outline--background: var(--theme-color-1);
16366
+ --theme-chip-outline--background--hover: var(--theme-color-1--hover);
16367
+ --theme-chip-outline--background--active: var(--theme-color-1--active);
16368
+ --theme-chip--background: var(--theme-color-component-1);
16369
+ --theme-chip--background--hover: var(--theme-color-component-1--hover);
16370
+ --theme-chip--background--active: var(--theme-color-component-1--active);
16371
+ --theme-chip--color: var(--theme-color-contrast-text);
16372
+ --theme-chip-close-btn--background: var(--theme-color-ghost);
16373
+ --theme-pill-outline--color: var(--theme-color-std-text);
16374
+ --theme-pill-outline--background: var(--theme-color-1);
16375
+ --theme-chip-primary-outline--background: var(--theme-color-secondary);
16376
+ --theme-chip-primary-outline--background--hover: var(--theme-color-secondary--hover);
16377
+ --theme-chip-primary-outline--background--active: var(--theme-color-secondary--active);
16378
+ --theme-chip-primary-outline--border-color: var(--theme-color-primary);
16379
+ --theme-chip-primary-outline--border-color--hover: var(--theme-color-primary);
16380
+ --theme-chip-primary-outline--border-color--active: var(--theme-color-primary);
16381
+ --theme-chip-primary-outline--color: var(--theme-color-primary);
16382
+ --theme-chip-primary-outline--color--hover: var(--theme-color-primary);
16383
+ --theme-chip-primary-outline--color--active: var(--theme-color-primary);
16384
+ --theme-chip-primary--background: var(--theme-color-primary);
16385
+ --theme-chip-primary--background--hover: var(--theme-color-primary--hover);
16386
+ --theme-chip-primary--background--active: var(--theme-color-primary--active);
16387
+ --theme-chip-primary--color: var(--theme-color-primary--contrast);
16388
+ --theme-chip-primary--color--hover: var(--theme-color-primary--contrast);
16389
+ --theme-chip-primary--color--active: var(--theme-color-primary--contrast);
16390
+ --theme-chip-primary-outline--background--display: var(--theme-color-secondary);
16391
+ --theme-chip-primary-outline--border-color--display: var(--theme-color-primary);
16392
+ --theme-chip-primary-outline--color--display: var(--theme-color-std-text);
16393
+ --theme-switch-off--background: var(--theme-color-2);
16394
+ --theme-menu--background: var(--theme-color-1);
16395
+ --theme-menu--border-color: var(--theme-color-soft-bdr);
16396
+ --theme-menu-header--color: var(--theme-color-soft-text);
16397
+ --theme-menu-item--background: var(--theme-color-ghost);
16398
+ --theme-menu-item--background--hover: var(--theme-color-ghost--hover);
16399
+ --theme-menu-item--background--active: var(--theme-color-ghost--active);
16400
+ --theme-menu-item--background--disabled: var(--theme-color-ghost);
16401
+ --theme-menu-item--color: var(--theme-color-std-text);
16402
+ --theme-menu-item--color--hover: var(--theme-color-std-text);
16403
+ --theme-menu-item--color--active: var(--theme-color-std-text);
16404
+ --theme-menu-item--color--disabled: var(--theme-color-weak-text);
16405
+ --theme-menu-item-icon--color: var(--theme-color-soft-text);
16406
+ --theme-menu-item-icon--color--hover: var(--theme-color-std-text);
16407
+ --theme-menu-item-icon--color--active: var(--theme-color-std-text);
16408
+ --theme-menu-item-icon--color--disabled: var(--theme-color-weak-text);
16409
+ --theme-menu-item-arrow--color: var(--theme-color-std-text);
16410
+ --theme-menu-item-arrow--color--hover: var(--theme-color-std-text);
16411
+ --theme-menu-item-arrow--color--active: var(--theme-color-std-text);
16412
+ --theme-menu-item-arrow--color--disabled: var(--theme-color-weak-text);
16413
+ --theme-menu-item-check--color: var(--theme-color-std-text);
16414
+ --theme-menu-item-check--color--hover: var(--theme-color-std-text);
16415
+ --theme-menu-item-check--color--active: var(--theme-color-std-text);
16416
+ --theme-menu-item-check--color--disabled: var(--theme-color-weak-text);
16417
+ --theme-select-list-item--background: var(--theme-color-ghost);
16418
+ --theme-select-list-item--background--hover: var(--theme-color-ghost--hover);
16419
+ --theme-select-list-item--background--active: var(--theme-color-ghost--active);
16420
+ --theme-select-list-item--background--disabled: var(--theme-color-ghost);
16421
+ --theme-select-list-item--background--selected: var(--theme-color-ghost--selected);
16422
+ --theme-select-list-item--background--selected-hover: var(--theme-color-ghost--selected-hover);
16423
+ --theme-select-list-item--background--selected-active: var(--theme-color-ghost--selected-active);
16424
+ --theme-select-list-item--background--selected-disabled: var(--theme-color-ghost);
16425
+ --theme-select-list-item--color: var(--theme-color-std-text);
16426
+ --theme-select-list-item--color--hover: var(--theme-color-std-text);
16427
+ --theme-select-list-item--color--active: var(--theme-color-std-text);
16428
+ --theme-select-list-item--color--disabled: var(--theme-color-weak-text);
16429
+ --theme-select-list-item--color--selected: var(--theme-color-std-text);
16430
+ --theme-select-list-item--color--selected-hover: var(--theme-color-std-text);
16431
+ --theme-select-list-item--color--selected-active: var(--theme-color-std-text);
16432
+ --theme-select-list-item--color--selected-disabled: var(--theme-color-weak-text);
16433
+ --theme-select-list-item-check--color: var(--theme-color-std-text);
16434
+ --theme-select-list-item-check--color--hover: var(--theme-color-std-text);
16435
+ --theme-select-list-item-check--color--active: var(--theme-color-std-text);
16436
+ --theme-select-list-item-check--color--disabled: var(--theme-color-weak-text);
16437
+ --theme-select-list--background: var(--theme-color-1);
16438
+ --theme-select-list--border-color: var(--theme-color-soft-bdr);
16439
+ --theme-tab--background: var(--theme-color-ghost);
16440
+ --theme-tab--background--hover: var(--theme-color-ghost--hover);
16441
+ --theme-tab--background--active: var(--theme-color-ghost--active);
16442
+ --theme-tab--background--selected: var(--theme-color-ghost);
16443
+ --theme-tab--background--disabled: var(--theme-color-ghost);
16444
+ --theme-tab-indicator--background: var(--theme-color-0);
16445
+ --theme-tab-indicator--background--hover: var(--theme-color-6);
16446
+ --theme-tab-indicator--background--active: var(--theme-color-6);
16447
+ --theme-tab-indicator--background--selected: var(--theme-color-primary);
16448
+ --theme-tab-indicator--background--disabled: var(--theme-color-0);
16449
+ --theme-animated-tab-indicator--background: var(--theme-color-0);
16450
+ --theme-animated-tab-indicator--background--hover: var(--theme-color-0);
16451
+ --theme-animated-tab-indicator--background--active: var(--theme-color-0);
16452
+ --theme-animated-tab-indicator--background--selected: var(--theme-color-primary);
16453
+ --theme-tab--color: var(--theme-color-soft-text);
16454
+ --theme-tab--color--hover: var(--theme-color-soft-text);
16455
+ --theme-tab--color--active: var(--theme-color-soft-text);
16456
+ --theme-tab--color--selected: var(--theme-color-primary);
16457
+ --theme-tab--color--disabled: var(--theme-color-weak-text);
16458
+ --theme-tab-icon--color: var(--theme-color-soft-text);
16459
+ --theme-tab-icon--color--hover: var(--theme-color-soft-text);
16460
+ --theme-tab-icon--color--active: var(--theme-color-soft-text);
16461
+ --theme-tab-icon--color--selected: var(--theme-color-primary);
16462
+ --theme-tab-icon--color--disabled: var(--theme-color-weak-text);
16463
+ --theme-animated-tab-icon--color: var(--theme-color-soft-text);
16464
+ --theme-animated-tab-icon--color--hover: var(--theme-color-soft-text);
16465
+ --theme-animated-tab-icon--color--active: var(--theme-color-soft-text);
16466
+ --theme-animated-tab-icon--color--selected: var(--theme-color-primary--contrast);
16467
+ --theme-animated-tab-icon--color--disabled: var(--theme-color-weak-text);
16468
+ --theme-animated-tab-circle--background: var(--theme-color-1);
16469
+ --theme-animated-tab-circle--background--hover: var(--theme-color-1--hover);
16470
+ --theme-animated-tab-circle--background--active: var(--theme-color-1--active);
16471
+ --theme-animated-tab-circle--background--selected: var(--theme-color-primary);
16472
+ --theme-animated-tab-circle--background--disabled: var(--theme-color-0);
16473
+ --theme-animated-tab-circle--border-color: var(--theme-color-soft-bdr);
16474
+ --theme-animated-tab-circle--border-color--hover: var(--theme-color-soft-bdr);
16475
+ --theme-animated-tab-circle--border-color--active: var(--theme-color-soft-bdr);
16476
+ --theme-animated-tab-circle--border-color--selected: var(--theme-color-0);
16477
+ --theme-animated-tab-circle--border-color--disabled: var(--theme-color-weak-bdr);
16478
+ --theme-tab-pill--border-color: var(--theme-color-std-bdr);
16479
+ --theme-tab-pill--border-color--hover: var(--theme-color-std-bdr);
16480
+ --theme-tab-pill--border-color--active: var(--theme-color-std-bdr);
16481
+ --theme-tab-pill--border-color--selected: var(--theme-color-primary);
16482
+ --theme-tab-pill--border-color--disabled: var(--theme-color-weak-bdr);
16483
+ --theme-input-unit--color: var(--theme-color-soft-text);
16484
+ --theme-input-gripper--color: var(--theme-color-weak-bdr);
16485
+ --theme-input-gripper--color--hover: var(--theme-color-weak-bdr);
16486
+ --theme-input-gripper--color--focus: var(--theme-color-weak-bdr);
16487
+ --theme-input-search-icon--color: var(--theme-color-std-text);
16488
+ --theme-input-search-icon--color--hover: var(--theme-color-std-text);
16489
+ --theme-input-search-icon--color--focus: var(--theme-color-std-text);
16490
+ --theme-input-search-icon--color--disabled: var(--theme-color-weak-text);
16491
+ --theme-input-select-icon--color: var(--theme-color-soft-text);
16492
+ --theme-input-select-icon--color--hover: var(--theme-color-std-text);
16493
+ --theme-input-select-icon--color--active: var(--theme-color-std-text);
16494
+ --theme-switch-off--background--hover: var(--theme-color-2);
16495
+ --theme-switch-off--background--active: var(--theme-color-2);
16496
+ --theme-switch-off--background--disabled: var(--theme-color-component-2);
16497
+ --theme-switch-on--background: var(--theme-color-2);
16498
+ --theme-switch-on--background--hover: var(--theme-color-2);
16499
+ --theme-switch-on--background--active: var(--theme-color-2);
16500
+ --theme-switch-on--background--disabled: var(--theme-color-component-2);
16501
+ --theme-switch-mixed--background: var(--theme-color-2);
16502
+ --theme-switch-mixed--background--hover: var(--theme-color-2);
16503
+ --theme-switch-mixed--background--active: var(--theme-color-2);
16504
+ --theme-switch-mixed--background--disabled: var(--theme-color-component-2);
16505
+ --theme-switch-off--border-color: var(--theme-color-soft-bdr);
16506
+ --theme-switch-off--border-color--hover: var(--theme-color-soft-bdr);
16507
+ --theme-switch-off--border-color--active: var(--theme-color-soft-bdr);
16508
+ --theme-switch-off--border-color--disabled: var(--theme-color-0);
16509
+ --theme-switch-on--border-color: var(--theme-color-soft-bdr);
16510
+ --theme-switch-on--border-color--hover: var(--theme-color-soft-bdr);
16511
+ --theme-switch-on--border-color--active: var(--theme-color-soft-bdr);
16512
+ --theme-switch-on--border-color--disabled: var(--theme-color-0);
16513
+ --theme-switch-mixed--border-color: var(--theme-color-soft-bdr);
16514
+ --theme-switch-mixed--border-color--hover: var(--theme-color-soft-bdr);
16515
+ --theme-switch-mixed--border-color--active: var(--theme-color-soft-bdr);
16516
+ --theme-switch-mixed--border-color--disabled: var(--theme-color-0);
16517
+ --theme-switch-thumb-off--background: var(--theme-color-secondary);
16518
+ --theme-switch-thumb-off--background--hover: var(--theme-color-secondary--hover);
16519
+ --theme-switch-thumb-off--background--disabled: var(--theme-color-2);
16520
+ --theme-switch-thumb-off--background--active: var(--theme-color-secondary--active);
16521
+ --theme-switch-thumb-on--background: var(--theme-color-primary);
16522
+ --theme-switch-thumb-on--background--hover: var(--theme-color-primary--hover);
16523
+ --theme-switch-thumb-on--background--active: var(--theme-color-primary--active);
16524
+ --theme-switch-thumb-on--background--disabled: var(--theme-color-component-6);
16525
+ --theme-switch-thumb-mixed--background: var(--theme-color-secondary);
16526
+ --theme-switch-thumb-mixed--background--hover: var(--theme-color-secondary--hover);
16527
+ --theme-switch-thumb-mixed--background--active: var(--theme-color-secondary--active);
16528
+ --theme-switch-thumb-mixed--background--disabled: var(--theme-color-2);
16529
+ --theme-switch-thumb-off--border-color: var(--theme-color-soft-bdr);
16530
+ --theme-switch-thumb-off--border-color--hover: var(--theme-color-soft-bdr);
16531
+ --theme-switch-thumb-off--border-color--active: var(--theme-color-soft-bdr);
16532
+ --theme-switch-thumb-off--border-color--disabled: var(--theme-color-5);
16533
+ --theme-switch-thumb-on--border-color: var(--theme-color-weak-bdr);
16534
+ --theme-switch-thumb-on--border-color--hover: var(--theme-color-weak-bdr);
16535
+ --theme-switch-thumb-on--border-color--active: var(--theme-color-weak-bdr);
16536
+ --theme-switch-thumb-on--border-color--disabled: var(--theme-color-5);
16537
+ --theme-switch-thumb-mixed--border-color: var(--theme-color-soft-bdr);
16538
+ --theme-switch-thumb-mixed--border-color--hover: var(--theme-color-soft-bdr);
16539
+ --theme-switch-thumb-mixed--border-color--active: var(--theme-color-soft-bdr);
16540
+ --theme-switch-thumb-mixed--border-color--disabled: var(--theme-color-5);
16541
+ --theme-switch--color: var(--theme-color-std-text);
16542
+ --theme-switch--color--hover: var(--theme-color-std-text);
16543
+ --theme-switch--color--active: var(--theme-color-std-text);
16544
+ --theme-switch--color--disabled: var(--theme-color-weak-text);
16545
+ --theme-messagebar--color: var(--theme-color-std-text);
16546
+ --theme-messagebar--background: var(--theme-color-1);
16547
+ --theme-scrollbar-track--background: var(--theme-color-2);
16548
+ --theme-scrollbar-track--border: var(--theme-color-1);
16549
+ --theme-scrollbar-thumb--background: var(--theme-color-5);
16550
+ --theme-scrollbar-track--background--hover: var(--theme-color-3);
16551
+ --theme-scrollbar-thumb--background--hover: var(--theme-color-6);
16552
+ --theme-modal--background: var(--theme-color-1);
16553
+ --theme-modal--border-color: var(--theme-color-soft-bdr);
16554
+ --theme-datepicker-day--background: var(--theme-color-ghost);
16555
+ --theme-datepicker-day--background--hover: var(--theme-color-ghost--hover);
16556
+ --theme-datepicker-day--background--active: var(--theme-color-ghost--active);
16557
+ --theme-datepicker-day--background--disabled: var(--theme-color-ghost);
16558
+ --theme-datepicker-day--background--selected: var(--theme-color-component-9);
16559
+ --theme-datepicker-day--background--selected-hover: var(--theme-color-component-9--hover);
16560
+ --theme-datepicker-day--background--selected-active: var(--theme-color-component-9--active);
16561
+ --theme-datepicker-day--background--selected-disabled: var(--theme-color-component-9--disabled);
16562
+ --theme-datepicker-day--background--range: var(--theme-color-component-10);
16563
+ --theme-datepicker-day--background--range-hover: var(--theme-color-component-10--hover);
16564
+ --theme-datepicker-day--background--range-active: var(--theme-color-component-10--active);
16565
+ --theme-datepicker-day--background--range-disabled: var(--theme-color-component-10--disabled);
16566
+ --theme-btn-invisible-primary--border-color: var(--theme-color-0);
16567
+ --theme-btn-invisible-primary--border-color--hover: var(--theme-color-0);
16568
+ --theme-btn-invisible-primary--border-color--active: var(--theme-color-0);
16569
+ --theme-btn-invisible-primary--border-color--disabled: var(--theme-color-0);
16570
+ --theme-btn-secondary--border-color: var(--theme-color-0);
16571
+ --theme-btn-secondary--border-color--hover: var(--theme-color-0);
16572
+ --theme-btn-secondary--border-color--active: var(--theme-color-0);
16573
+ --theme-btn-secondary--border-color--disabled: var(--theme-color-0);
16574
+ --theme-btn-invisible-secondary--border-color: var(--theme-color-0);
16575
+ --theme-btn-invisible-secondary--border-color--hover: var(--theme-color-0);
16576
+ --theme-btn-invisible-secondary--border-color--active: var(--theme-color-0);
16577
+ --theme-btn-invisible-secondary--border-color--disabled: var(--theme-color-0);
16578
+ --theme-map-navigation-logo--color: var(--theme-color-std-text);
16579
+ --theme-map-navigation-header--color: var(--theme-color-std-text);
16580
+ --theme-map-navigation-separator--background: var(--theme-color-soft-bdr);
16581
+ --theme-map-navigation--background: var(--theme-color-3);
16582
+ --theme-btn-invisible-secondary--border-color--selected: var(--theme-color-0);
16583
+ --theme-btn-invisible-secondary--border-color--selected-hover: var(--theme-color-0);
16584
+ --theme-btn-invisible-secondary--border-color--selected-active: var(--theme-color-0);
16585
+ --theme-overlay-header--background: var(--theme-color-3);
16586
+ --theme-overlay-header--color: var(--theme-color-std-text);
16587
+ --theme-nav-overlay--background: var(--theme-color-backdrop);
16588
+ --theme-nav-overlay-header--color: var(--theme-color-std-text);
16589
+ --theme-event-item--background: var(--theme-color-secondary);
16590
+ --theme-event-item--background--disabled: var(--theme-color-component-2);
16591
+ --theme-event-item--border--hover: var(--theme-color-weak-bdr);
16592
+ --theme-event-item--border: var(--theme-color-weak-bdr);
16593
+ --theme-event-item--border--active: var(--theme-color-weak-bdr);
16594
+ --theme-event-item--border--selected: var(--theme-color-dynamic);
16595
+ --theme-event-item--background--hover: var(--theme-color-secondary--hover);
16596
+ --theme-event-item--border--disabled: var(--theme-color-component-2);
16597
+ --theme-event-item--background--active: var(--theme-color-secondary--active);
16598
+ --theme-event-item--background--selected: var(--theme-color-component-5);
16599
+ --theme-event-item-chevron--color: var(--theme-color-soft-text);
16600
+ --theme-flip--color: var(--theme-color-std-text);
16601
+ --theme-flip--background: var(--theme-color-1);
16602
+ --theme-flip--border-color: var(--theme-color-soft-bdr);
16603
+ --theme-flip-footer--background: var(--theme-color-1);
16604
+ --theme-flip-footer--color: var(--theme-color-std-text);
16605
+ --theme-kpi-display--background: var(--theme-color-ghost);
16606
+ --theme-kpi-display--background--hover: var(--theme-color-ghost--hover);
16607
+ --theme-kpi-display--background--active: var(--theme-color-ghost--active);
16608
+ --theme-kpi-display-indicator--background: var(--theme-color-component-4);
16609
+ --theme-kpi-display-label--color: var(--theme-color-soft-text);
16610
+ --theme-kpi-display-icon--color: var(--theme-color-std-text);
16611
+ --theme-kpi-display-value: var(--theme-color-std-text);
16612
+ --theme-kpi-display-units: var(--theme-color-soft-text);
16613
+ --theme-table-data-row-alt--background: var(--theme-color-ghost-alt);
16614
+ --theme-group-item--background: var(--theme-color-component-1);
16615
+ --theme-group-item--background--hover: var(--theme-color-component-1--hover);
16616
+ --theme-group-item--background--active: var(--theme-color-component-1--active);
16617
+ --theme-group-item--background--selected: var(--theme-color-ghost--selected);
16618
+ --theme-group-item--background--disabled: var(--theme-color-component-1);
16619
+ --theme-group-item--border-color: var(--theme-color-0);
16620
+ --theme-group-item--border-color--hover: var(--theme-color-0);
16621
+ --theme-group-item--border-color--active: var(--theme-color-0);
16622
+ --theme-group-item--border-color--selected: var(--theme-color-primary);
16623
+ --theme-group-item--border-color--disabled: var(--theme-color-0);
16624
+ --theme-group-item-indicator--background: var(--theme-color-0);
16625
+ --theme-group-item-indicator--background--selected: var(--theme-color-primary);
16626
+ --theme-group-item-indicator--background--subselected: var(--theme-color-primary);
16627
+ --theme-group-node-closed--color: var(--theme-color-std-text);
16628
+ --theme-group-node-open--color: var(--theme-color-std-text);
16629
+ --theme-group-header--color: var(--theme-color-std-text);
16630
+ --theme-group-subheader--color: var(--theme-color-std-text);
16631
+ --theme-group-item-icon--color: var(--theme-color-std-text);
16632
+ --theme-group-item-text--color: var(--theme-color-std-text);
16633
+ --theme-group-item-subtext--color: var(--theme-color-soft-text);
16634
+ --theme-group-item-icon--color--disabled: var(--theme-color-weak-text);
16635
+ --theme-group-item-text--color--disabled: var(--theme-color-weak-text);
16636
+ --theme-group-item-subtext--color--disabled: var(--theme-color-weak-text);
16637
+ --theme-upload--background: var(--theme-color-1);
16638
+ --theme-upload--background--dragover: var(--theme-color-1);
16639
+ --theme-upload--border-color: var(--theme-color-soft-bdr);
16640
+ --theme-upload--border-color--dragover: var(--theme-color-primary);
16641
+ --theme-upload--background--checking: var(--theme-color-1);
16642
+ --theme-upload--background--disabled: var(--theme-color-0);
16643
+ --theme-upload--border-color--checking: var(--theme-color-soft-bdr);
16644
+ --theme-upload--border-color--disabled: var(--theme-color-soft-bdr);
16645
+ --theme-upload-text--color: var(--theme-color-std-text);
16646
+ --theme-upload-text--color--checking: var(--theme-color-std-text);
16647
+ --theme-upload-text--color--disabled: var(--theme-color-weak-text);
16648
+ --theme-input-extra--background--active: var(--theme-color-secondary--active);
16649
+ --theme-input-extra--background--hover: var(--theme-color-secondary--hover);
16650
+ --theme-btn-outline-primary--border-color: var(--theme-color-primary);
16651
+ --theme-btn-outline-primary--border-color--hover: var(--theme-color-primary);
16652
+ --theme-btn-outline-primary--border-color--active: var(--theme-color-primary);
16653
+ --theme-btn-outline-primary--border-color--disabled: var(--theme-color-component-4);
16654
+ --theme-btn-invisible-secondary--background--disabled: var(--theme-color-ghost);
16655
+ --theme-ghost--background: var(--theme-color-ghost);
16656
+ --theme-ghost--background--hover: var(--theme-color-ghost--hover);
16657
+ --theme-ghost--background--active: var(--theme-color-ghost--active);
16658
+ --theme-radiobtn-checked--color--hover: var(--theme-color-dynamic);
16659
+ --theme-input-hint--color: var(--theme-color-soft-text);
16660
+ --theme-menu-separator--background: var(--theme-color-weak-bdr);
16661
+ --theme-select-list-item-hint--color: var(--theme-color-soft-text);
16662
+ --theme-select-list-item-hint--color--hover: var(--theme-color-soft-text);
16663
+ --theme-select-list-item-hint--color--active: var(--theme-color-soft-text);
16664
+ --theme-toast-timer-track--background: var(--theme-color-0);
16665
+ --theme-toast-timer-value--background: var(--theme-color-6);
16666
+ --theme-toast--background: var(--theme-color-1);
16667
+ --theme-toast--border-color: var(--theme-color-weak-bdr);
16668
+ --theme-toast--color: var(--theme-color-std-text);
16669
+ --theme-datepicker-day--border-color: var(--theme-color-0);
16670
+ --theme-datepicker-day--border-color--hover: var(--theme-color-0);
16671
+ --theme-datepicker-day--border-color--active: var(--theme-color-0);
16672
+ --theme-datepicker-day--border-color--disabled: var(--theme-color-0);
16673
+ --theme-datepicker-day--color: var(--theme-color-primary);
16674
+ --theme-datepicker-day--color--hover: var(--theme-color-primary);
16675
+ --theme-datepicker-day--color--active: var(--theme-color-primary);
16676
+ --theme-datepicker-day--color--disabled: var(--theme-color-weak-text);
16677
+ --theme-datepicker-day--border-color--selected: var(--theme-color-0);
16678
+ --theme-datepicker-day--border-color--selected-hover: var(--theme-color-0);
16679
+ --theme-datepicker-day--border-color--selected-active: var(--theme-color-0);
16680
+ --theme-datepicker-day--border-color--selected-disabled: var(--theme-color-0);
16681
+ --theme-datepicker-day--color--selected: var(--theme-color-primary--contrast);
16682
+ --theme-datepicker-day--color--selected-hover: var(--theme-color-primary--contrast);
16683
+ --theme-datepicker-day--color--selected-active: var(--theme-color-primary--contrast);
16684
+ --theme-datepicker-day--color--selected-disabled: var(--theme-color-weak-text);
16685
+ --theme-datepicker-day--border-color--range: var(--theme-color-0);
16686
+ --theme-datepicker-day--border-color--range-hover: var(--theme-color-0);
16687
+ --theme-datepicker-day--border-color--range-active: var(--theme-color-0);
16688
+ --theme-datepicker-day--border-color--range-disabled: var(--theme-color-0);
16689
+ --theme-datepicker-day--color--range: var(--theme-color-primary--contrast);
16690
+ --theme-datepicker-day--color--range-hover: var(--theme-color-primary--contrast);
16691
+ --theme-datepicker-day--color--range-active: var(--theme-color-primary--contrast);
16692
+ --theme-datepicker-day--color--range-disabled: var(--theme-color-weak-text);
16693
+ --theme-datepicker-today--background: var(--theme-color-ghost);
16694
+ --theme-datepicker-today--background--hover: var(--theme-color-ghost--hover);
16695
+ --theme-datepicker-today--background--active: var(--theme-color-ghost--active);
16696
+ --theme-datepicker-today--background--disabled: var(--theme-color-ghost);
16697
+ --theme-datepicker-today--border-color: var(--theme-color-primary);
16698
+ --theme-datepicker-today--border-color--hover: var(--theme-color-primary);
16699
+ --theme-datepicker-today--border-color--active: var(--theme-color-primary);
16700
+ --theme-datepicker-today--border-color--disabled: var(--theme-color-primary--disabled);
16701
+ --theme-datepicker-today--color: var(--theme-color-primary);
16702
+ --theme-datepicker-today--color--hover: var(--theme-color-primary);
16703
+ --theme-datepicker-today--color--active: var(--theme-color-primary);
16704
+ --theme-datepicker-today--color--disabled: var(--theme-color-weak-text);
16705
+ --theme-datepicker-today--background--selected: var(--theme-color-component-9);
16706
+ --theme-datepicker-today--background--selected-hover: var(--theme-color-component-9--hover);
16707
+ --theme-datepicker-today--background--selected-active: var(--theme-color-component-9--active);
16708
+ --theme-datepicker-today--background--selected-disabled: var(--theme-color-component-9--disabled);
16709
+ --theme-datepicker-today--border-color--selected: var(--theme-color-primary);
16710
+ --theme-datepicker-today--border-color--selected-hover: var(--theme-color-primary);
16711
+ --theme-datepicker-today--border-color--selected-active: var(--theme-color-primary);
16712
+ --theme-datepicker-today--border-color--selected-disabled: var(--theme-color-primary--disabled);
16713
+ --theme-datepicker-today--color--selected: var(--theme-color-primary--contrast);
16714
+ --theme-datepicker-today--color--selected-hover: var(--theme-color-primary--contrast);
16715
+ --theme-datepicker-today--color--selected-active: var(--theme-color-primary--contrast);
16716
+ --theme-datepicker-today--color--selected-disabled: var(--theme-color-weak-text);
16717
+ --theme-datepicker-today--background--range: var(--theme-color-component-10);
16718
+ --theme-datepicker-today--background--range-hover: var(--theme-color-component-10--hover);
16719
+ --theme-datepicker-today--background--range-active: var(--theme-color-component-10--active);
16720
+ --theme-datepicker-today--background--range-disabled: var(--theme-color-component-10--disabled);
16721
+ --theme-datepicker-today--border-color--range: var(--theme-color-primary);
16722
+ --theme-datepicker-today--border-color--range-hover: var(--theme-color-primary);
16723
+ --theme-datepicker-today--border-color--range-active: var(--theme-color-primary);
16724
+ --theme-datepicker-today--border-color--range-disabled: var(--theme-color-primary--disabled);
16725
+ --theme-datepicker-today--color--range: var(--theme-color-primary--contrast);
16726
+ --theme-datepicker-today--color--range-hover: var(--theme-color-primary--contrast);
16727
+ --theme-datepicker-today--color--range-active: var(--theme-color-primary--contrast);
16728
+ --theme-datepicker-today--color--range-disabled: var(--theme-color-weak-text);
16729
+ --theme-datepicker-separator--background: var(--theme-color-x-weak-bdr);
16730
+ --theme-datepicker-weekday--color: var(--theme-color-soft-text);
16731
+ --theme-datepicker-cw--color: var(--theme-color-soft-text);
16732
+ --theme-datepicker-time-header: var(--theme-color-std-text);
16733
+ --theme-datepicker-extra--border-color: var(--theme-color-1);
16734
+ --theme-overlay--background: var(--theme-color-backdrop);
16735
+ --theme-tree-item--background: var(--theme-color-ghost);
16736
+ --theme-tree-item--background--hover: var(--theme-color-ghost--hover);
16737
+ --theme-tree-item--background--active: var(--theme-color-ghost--active);
16738
+ --theme-tree-item--background--selected: var(--theme-color-ghost--selected);
16739
+ --theme-tree-item--background--selected-hover: var(--theme-color-ghost--selected-hover);
16740
+ --theme-tree-item--background--selected-active: var(--theme-color-ghost--selected-active);
16741
+ --theme-tree-item-node-closed-icon--color: var(--theme-color-std-text);
16742
+ --theme-tree-item-node-open-icon--color: var(--theme-color-dynamic);
16743
+ --theme-tree-item--color: var(--theme-color-std-text);
16744
+ --theme-tree-item-icon: var(--theme-color-std-text);
16745
+ --theme-tree-item-status--color: var(--theme-color-soft-text);
16746
+ --theme-workflow-step--background: var(--theme-color-ghost);
16747
+ --theme-workflow-step--background--hover: var(--theme-color-ghost--hover);
16748
+ --theme-workflow-step--background--active: var(--theme-color-ghost--active);
16749
+ --theme-workflow-step--background--selected: var(--theme-color-ghost--selected);
16750
+ --theme-workflow-step--background--disabled: var(--theme-color-ghost);
16751
+ --theme-workflow-step--color: var(--theme-color-std-text);
16752
+ --theme-workflow-step-icon--background: var(--theme-color-1);
16753
+ --theme-workflow-step-icon-default--color: var(--theme-color-neutral);
16754
+ --theme-workflow-step-icon-default--color--selected: var(--theme-color-primary);
16755
+ --theme-workflow-step-icon-default--color--disabled: var(--theme-color-weak-text);
16756
+ --theme-workflow-step-icon-done--color: var(--theme-color-primary);
16757
+ --theme-workflow-step-icon-done--color--selected: var(--theme-color-primary);
16758
+ --theme-workflow-step-icon-done--color--disabled: var(--theme-color-weak-text);
16759
+ --theme-workflow-step-icon-success--color--disabled: var(--theme-color-weak-text);
16760
+ --theme-workflow-step-icon-warning--color--disabled: var(--theme-color-weak-text);
16761
+ --theme-workflow-step-icon-error--color--disabled: var(--theme-color-weak-text);
16762
+ --theme-tootlip--background: var(--theme-color-1);
16763
+ --theme-tooltip--border-color: var(--theme-color-0);
16764
+ --theme-tooltip--color: var(--theme-color-std-text);
16765
+ --theme-tooltip-close--color: var(--theme-color-soft-text);
16766
+ --theme-tooltip-close-btn--background: var(--theme-color-ghost);
16767
+ --theme-tooltip-close-btn--background--hover: var(--theme-color-ghost--hover);
16768
+ --theme-tooltip-close-btn--background--active: var(--theme-color-ghost--active);
16769
+ --theme-table--background: var(--theme-color-0);
16770
+ --theme-table--border-color: var(--theme-color-weak-bdr);
16771
+ --theme-table--color: var(--theme-color-std-text);
16772
+ --theme-table-header-row--background: var(--theme-color-component-11);
16773
+ --theme-table-header-row--border-color: var(--theme-color-weak-bdr);
16774
+ --theme-table-header-cell--background: var(--theme-color-ghost);
16775
+ --theme-table-header-cell--background--hover: var(--theme-color-ghost--hover);
16776
+ --theme-table-header-cell--background--active: var(--theme-color-ghost--active);
16777
+ --theme-table-header-cell--border-color: var(--theme-color-0);
16778
+ --theme-table-header-cell--border-color--hover: var(--theme-color-0);
16779
+ --theme-table-header-cell--border-color--active: var(--theme-color-0);
16780
+ --theme-table-header-cell--color: var(--theme-color-std-text);
16781
+ --theme-table-header-filter--color: var(--theme-color-primary);
16782
+ --theme-table-header-sort--color: var(--theme-color-primary);
16783
+ --theme-table-header-splitter--background: var(--theme-color-soft-bdr);
16784
+ --theme-table-header-splitter--background--hover: var(--theme-color-dynamic);
16785
+ --theme-table-data-row--background: var(--theme-color-ghost);
16786
+ --theme-table-data-row--background--hover: var(--theme-color-ghost--hover);
16787
+ --theme-table-data-row--background--active: var(--theme-color-ghost--active);
16788
+ --theme-table-data-row--background--selected: var(--theme-color-ghost--selected);
16789
+ --theme-table-data-row--background--disabled: var(--theme-color-ghost);
16790
+ --theme-table-data-row--background--selected-hover: var(--theme-color-ghost--selected-hover);
16791
+ --theme-table-data-row--background--selected-active: var(--theme-color-ghost--selected-active);
16792
+ --theme-table-data-row--border-color: var(--theme-color-weak-bdr);
16793
+ --theme-table-data-cell--border-color: var(--theme-color-0);
16794
+ --theme-table-data-cell--background: var(--theme-color-ghost);
16795
+ --theme-table-data-cell--background--hover: var(--theme-color-ghost--hover);
16796
+ --theme-table-data-cell--background--active: var(--theme-color-ghost--active);
16797
+ --theme-table-data-cell--background--selected: var(--theme-color-ghost--selected);
16798
+ --theme-table-data-cell--background--disabled: var(--theme-color-ghost);
16799
+ --theme-table-data-cell--background--selected-hover: var(--theme-color-ghost--selected-hover);
16800
+ --theme-table-data-cell--background--selected-active: var(--theme-color-ghost--selected-active);
16801
+ --theme-table-data-cell--color: var(--theme-color-std-text);
16802
+ --theme-table-data-cell--color-disabled: var(--theme-color-weak-text);
16803
+ --theme-table-data-row-alt--background--hover: var(--theme-color-ghost-alt--hover);
16804
+ --theme-table-data-row-alt--background--active: var(--theme-color-ghost-alt--active);
16805
+ --theme-table-data-row-alt--background--selected: var(--theme-color-ghost-alt--selected);
16806
+ --theme-table-data-row-alt--background--disabled: var(--theme-color-ghost-alt);
16807
+ --theme-table-data-row-alt--background--selected-hover: var(--theme-color-ghost-alt--selected-hover);
16808
+ --theme-table-data-row-alt--background--selected-active: var(--theme-color-ghost-alt--selected-active);
16809
+ --theme-table-group-splitter--background: var(--theme-color-x-weak-bdr);
16810
+ --theme-table-group-splitter--background--hover: var(--theme-color-dynamic);
16811
+ --theme-table-group-header-row--background: var(--theme-color-component-11);
16812
+ --theme-table-group-header-row--border-color: var(--theme-color-weak-bdr);
16813
+ --theme-label--color: var(--theme-color-soft-text);
16814
+ --theme-label--color--hover: var(--theme-color-std-text);
16815
+ --theme-label--color--active: var(--theme-color-std-text);
16816
+ --theme-label--color--focus: var(--theme-color-std-text);
16817
+ --theme-label--color--disabled: var(--theme-color-weak-text);
16818
+ --theme-table-selection--border-color: var(--theme-color-0);
16819
+ }
16820
+
16821
+ /*
16822
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
16823
+ */
16824
+ :root .theme-classic-dark, :root body:not([class*=theme-]) {
16825
+ --theme-shadow-1: 0px 2px 2px var(--theme-color-shadow-2), 0px 1px 1px var(--theme-color-shadow-1);
16826
+ --theme-shadow-2: -4px 0px 8px var(--theme-color-shadow-2), 4px 0px 8px var(--theme-color-shadow-2), 0px 0px 16px var(--theme-color-shadow-1);
16827
+ --theme-shadow-3: 0px 2px 6px var(--theme-color-shadow-2), 0px 0px 8px var(--theme-color-shadow-1);
16828
+ --theme-shadow-4: 0px 0px 2px var(--theme-color-shadow-1), 0px 4px 8px var(--theme-color-shadow-1), 0px 12px 18px var(--theme-color-shadow-1);
16829
+ --theme-inset-shadow-1: insert 0px 2px 4px var(--theme-color-shadow-3);
16849
16830
  --theme-input--box-shadow: none;
16850
- --theme-input--focus--outline-offset: 1px;
16851
- --theme-menu--border-radius: 4px;
16852
- --theme-menu--border-thickness: 1px;
16853
- --theme-menu--box-shadow: 0 12px 16px rgba(0, 0, 0, 0.6), 0 4px 8px rgba(0, 0, 0, 0.6), 0 0 2px #000;
16854
- --theme-message-bar--border-radius: 4px;
16855
- --theme-message-bar--border-thickness: 1px;
16856
- --theme-navigation--box-shadow: 0 0 2rem rgba(0, 0, 0, 0.6), 0.5rem 0 1rem #000;
16857
- --theme-modal--border-thickness: 1px;
16858
- --theme-modal--box-shadow: 0 12px 16px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
16831
+ --theme-menu--box-shadow: var(--theme-shadow-4);
16832
+ --theme-navigation--box-shadow: var(--theme-shadow-2);
16833
+ --theme-modal--box-shadow: var(--theme-shadow-4);
16859
16834
  --theme-switch-thumb--box-shadow: none;
16860
- --theme-tile--border-radius: 0.25rem;
16861
- --theme-tile--box-shadow: 0 0 8px rgba(0, 0, 0, 0.6), 0 2px 6px #000;
16862
- --theme-toast--border-radius: 4px;
16863
- --theme-toast--border-thickness: 1px;
16864
- --theme-toast--box-shadow: 0 12px 16px rgba(0, 0, 0, 0.6), 0 4px 8px rgba(0, 0, 0, 0.6), 0 0 2px #000;
16865
- --theme-flip-tile--border-radius: 0.25rem;
16835
+ --theme-tile--box-shadow: var(--theme-shadow-3);
16836
+ --theme-toast--box-shadow: var(--theme-shadow-4);
16837
+ }
16838
+
16839
+ /*
16840
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
16841
+ */
16842
+ :root .theme-classic-dark, :root body:not([class*=theme-]) {
16843
+ --theme-siemens-sans: Siemens Sans;
16844
+ }
16845
+
16846
+ /*
16847
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
16848
+ */
16849
+ :root .theme-classic-dark, :root body:not([class*=theme-]) {
16850
+ --theme-font-weight-bold: 700;
16851
+ --theme-font-weight-normal: 400;
16852
+ }
16853
+
16854
+ /*
16855
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
16856
+ */
16857
+ :root .theme-classic-dark, :root body:not([class*=theme-]) {
16858
+ --theme-text-h2: var(--theme-font-weight-bold) var(--theme-font-size-xl)/var(--theme-line-height-h2) var(--theme-siemens-sans);
16859
+ --theme-text-xl: var(--theme-font-weight-normal) var(--theme-font-size-xl)/var(--theme-line-height-xl) var(--theme-siemens-sans);
16860
+ --theme-text-l-title: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-siemens-sans);
16861
+ --theme-text-l-title-single: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-siemens-sans);
16862
+ --theme-text-l: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-siemens-sans);
16863
+ --theme-text-l-single: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-siemens-sans);
16864
+ --theme-text-default-title: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-siemens-sans);
16865
+ --theme-text-default-title-single: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-siemens-sans);
16866
+ --theme-text-default: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-siemens-sans);
16867
+ --theme-text-default-single: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-siemens-sans);
16868
+ --theme-text-caption: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption) var(--theme-siemens-sans);
16869
+ --theme-text-caption-single: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption-single) var(--theme-siemens-sans);
16870
+ --theme-text-s: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s) var(--theme-siemens-sans);
16871
+ --theme-text-s-single: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s-single) var(--theme-siemens-sans);
16872
+ --theme-text-xs: var(--theme-font-weight-normal) var(--theme-font-size-xs)/var(--theme-line-height-xs) var(--theme-siemens-sans);
16873
+ --theme-text-default-underline: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-siemens-sans);
16874
+ }
16875
+
16876
+ /*
16877
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
16878
+ */
16879
+ :root .theme-classic-dark, :root body:not([class*=theme-]) {
16880
+ --theme-default-border-radius: 0.25rem;
16881
+ --theme-small-border-radius: 0.125rem;
16882
+ --theme-min-border-radius: 0rem;
16883
+ --theme-btn--border-radius: var(--theme-default-border-radius);
16884
+ --theme-blind--border-radius: var(--theme-default-border-radius);
16885
+ --theme-breadcrumb--border-radius: var(--theme-default-border-radius);
16886
+ --theme-group--border-radius: var(--theme-default-border-radius);
16887
+ --theme-group--border-radius--focus: var(--theme-min-border-radius);
16888
+ --theme-kpi--border-radius: var(--theme-default-border-radius);
16889
+ --theme-input--border-radius: var(--theme-default-border-radius);
16890
+ --theme-menu--border-radius: var(--theme-default-border-radius);
16891
+ --theme-message-bar--border-radius: var(--theme-default-border-radius);
16892
+ --theme-tile--border-radius: var(--theme-default-border-radius);
16893
+ --theme-toast--border-radus: var(--theme-default-border-radius);
16894
+ --theme-flip-tile--border-radius: var(--theme-default-border-radius);
16895
+ --theme-upload--border-radius: var(--theme-default-border-radius);
16896
+ --theme-workflow--border-radius: var(--theme-default-border-radius);
16897
+ }
16898
+
16899
+ /*
16900
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
16901
+ */
16902
+ :root .theme-classic-dark, :root body:not([class*=theme-]) {
16903
+ --theme-default-control-height: 2rem;
16904
+ --theme-large-control-height: 2.5rem;
16905
+ --theme-medium-control-height: 1.5rem;
16906
+ --theme-large-icon-size: 2rem;
16907
+ --theme-default-icon-size: 1.5rem;
16908
+ --theme-small-icon-size: 1rem;
16909
+ --theme-focus--border-thickness: 0.0625rem;
16910
+ --theme-input-min-width: 2rem;
16866
16911
  --theme-tab-indicator--height: 0.25rem;
16867
- --theme-upload--border-radius: 4px;
16868
- --theme-workflow--border-radius: 4px;
16869
- --theme-box-shadow-lvl-1: 0 1px 4px 0 var(--theme-color-shadow-1), 0 0 4px 0 var(--theme-color-shadow-2);
16870
- --theme-box-shadow-lvl-2: 0 2px 6px 0 var(--theme-color-shadow-1), 0 0 8px 0 var(--theme-color-shadow-2);
16871
- --theme-box-shadow-lvl-3: 0 4px 8px 0 var(--theme-color-shadow-1), 0 0 16px 0 var(--theme-color-shadow-2);
16872
- --theme-box-shadow-lvl-4: 0 8px 16px 0 var(--theme-color-shadow-1), 0 0 32px 0 var(--theme-color-shadow-2);
16873
- --theme-box-shadow-lvl-5: 0 16px 32px 0 var(--theme-color-shadow-1), 0 0 64px 0 var(--theme-color-shadow-2);
16874
- --theme-box-shadow-level-1: 0 1px 4px 0 var(--theme-color-shadow-1), 0 0 4px 0 var(--theme-color-shadow-2);
16875
- --theme-box-shadow-level-2: 0 2px 6px 0 var(--theme-color-shadow-1), 0 0 8px 0 var(--theme-color-shadow-2);
16876
- --theme-box-shadow-level-3: 0 4px 8px 0 var(--theme-color-shadow-1), 0 0 16px 0 var(--theme-color-shadow-2);
16877
- --theme-box-shadow-level-4: 0 8px 16px 0 var(--theme-color-shadow-1), 0 0 32px 0 var(--theme-color-shadow-2);
16878
- --theme-box-shadow-level-5: 0 16px 32px 0 var(--theme-color-shadow-1), 0 0 64px 0 var(--theme-color-shadow-2);
16879
16912
  }
16880
16913
 
16881
16914
  /*
16882
- * SPDX-FileCopyrightText: 2022 Siemens AG
16883
- *
16884
- * SPDX-License-Identifier: MIT
16885
- *
16886
- * This source code is licensed under the MIT license found in the
16887
- * LICENSE file in the root directory of this source tree.
16915
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
16888
16916
  */
16917
+ :root .theme-classic-dark, :root body:not([class*=theme-]) {
16918
+ --theme-font-size-xs: 0.625rem;
16919
+ --theme-font-size-s: 0.75rem;
16920
+ --theme-font-size-caption: 0.75rem;
16921
+ --theme-font-size-default: 0.875rem;
16922
+ --theme-font-size-l: 1rem;
16923
+ --theme-font-size-xl: 1.375rem;
16924
+ }
16925
+
16889
16926
  /*
16890
- * SPDX-FileCopyrightText: 2022 Siemens AG
16891
- *
16892
- * SPDX-License-Identifier: MIT
16893
- *
16894
- * This source code is licensed under the MIT license found in the
16895
- * LICENSE file in the root directory of this source tree.
16927
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
16896
16928
  */
16929
+ :root .theme-classic-dark, :root body:not([class*=theme-]) {
16930
+ --theme-line-height-xs: 140%;
16931
+ --theme-line-height-s: 150%;
16932
+ --theme-line-height-s-single: 150%;
16933
+ --theme-line-height-caption: 150%;
16934
+ --theme-line-height-caption-single: 100%;
16935
+ --theme-line-height-default: 142.9%;
16936
+ --theme-line-height-default-single: 114.3%;
16937
+ --theme-line-height-l: 150%;
16938
+ --theme-line-height-l-single: 125%;
16939
+ --theme-line-height-h2: 145.5%;
16940
+ --theme-line-height-xl: 109.1%;
16941
+ }
16942
+
16897
16943
  /*
16898
- * SPDX-FileCopyrightText: 2022 Siemens AG
16899
- *
16900
- * SPDX-License-Identifier: MIT
16901
- *
16902
- * This source code is licensed under the MIT license found in the
16903
- * LICENSE file in the root directory of this source tree.
16944
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
16904
16945
  */
16946
+ :root .theme-classic-dark, :root body:not([class*=theme-]) {
16947
+ --theme-x-slow-time: 1s;
16948
+ --theme-slow-time: 500ms;
16949
+ --theme-medium-time: 300ms;
16950
+ --theme-default-time: 150ms;
16951
+ --theme-short-time: 0ms;
16952
+ --theme-btn--focus--outline-offset: 0.0625rem;
16953
+ --theme-checkbox--focus--outline-offset: 0.0625rem;
16954
+ --theme-radiobtn--focus--outline-offset: 0.0625rem;
16955
+ --theme-input--focus--outline-offset: 0.0625rem;
16956
+ }
16957
+
16905
16958
  /*
16906
- * SPDX-FileCopyrightText: 2022 Siemens AG
16907
- *
16908
- * SPDX-License-Identifier: MIT
16909
- *
16910
- * This source code is licensed under the MIT license found in the
16911
- * LICENSE file in the root directory of this source tree.
16959
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
16912
16960
  */
16961
+ :root .theme-classic-dark, :root body:not([class*=theme-]) {
16962
+ --theme-input-padding-y: 0.5rem;
16963
+ --theme-input-padding-x: 0.5rem;
16964
+ }
16965
+
16913
16966
  /*
16914
- * SPDX-FileCopyrightText: 2022 Siemens AG
16915
- *
16916
- * SPDX-License-Identifier: MIT
16917
- *
16918
- * This source code is licensed under the MIT license found in the
16919
- * LICENSE file in the root directory of this source tree.
16967
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
16920
16968
  */
16969
+ :root .theme-classic-dark, :root body:not([class*=theme-]) {
16970
+ --theme-btn--border-thickness: 0.125rem;
16971
+ --theme-app-header--border-width: 0.0625rem;
16972
+ --theme-blind--border-thickness: 0.0625rem;
16973
+ --theme-checkbox--border-thickness: 0.125rem;
16974
+ --theme-focus--border-thickness: 0.0625rem;
16975
+ --theme-radiobtn--border-thickness: 0.125rem;
16976
+ --theme-input--border-thickness: 0.0625rem;
16977
+ --theme-menu--border-thickness: 0.0625rem;
16978
+ --theme-message-bar--border-thickness: 0.125rem;
16979
+ --theme-modal--border-thickness: 0.0625rem;
16980
+ --theme-toast--border-thickness: 0rem;
16981
+ }
16982
+
16921
16983
  /*
16922
- * SPDX-FileCopyrightText: 2022 Siemens AG
16923
- *
16924
- * SPDX-License-Identifier: MIT
16925
- *
16926
- * This source code is licensed under the MIT license found in the
16927
- * LICENSE file in the root directory of this source tree.
16984
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
16928
16985
  */
16986
+ :root .theme-classic-dark, :root body:not([class*=theme-]) {
16987
+ --theme-primary-bdr-1: 0.0625rem solid var(--theme-color-primary);
16988
+ --theme-primary-bdr-2: 0.125rem solid var(--theme-color-primary);
16989
+ --theme-dynamic-bdr-1: 0.0625rem solid var(--theme-color-dynamic);
16990
+ --theme-dynamic-bdr-2: 0.125rem solid var(--theme-color-dynamic);
16991
+ --theme-contrast-bdr-1: 0.0625rem solid var(--theme-color-contrast-bdr);
16992
+ --theme-contrast-bdr-2: 0.125rem solid var(--theme-color-contrast-bdr);
16993
+ --theme-std-bdr-1: 0.0625rem solid var(--theme-color-std-bdr);
16994
+ --theme-std-bdr-2: 0.125rem solid var(--theme-color-std-bdr);
16995
+ --theme-soft-bdr-1: 0.0625rem solid var(--theme-color-soft-bdr);
16996
+ --theme-soft-bdr-2: 0.125rem solid var(--theme-color-soft-bdr);
16997
+ --theme-soft-dashed-bdr-1: 0.0625rem dashed var(--theme-color-soft-bdr);
16998
+ --theme-soft-dashed-bdr-2: 0.125rem dashed var(--theme-color-soft-bdr);
16999
+ --theme-weak-bdr-1: 0.0625rem solid var(--theme-color-weak-bdr);
17000
+ --theme-weak-bdr-2: 0.125rem solid var(--theme-color-weak-bdr);
17001
+ --theme-x-weak-bdr-1: 0.0625rem solid var(--theme-color-x-weak-bdr);
17002
+ --theme-x-weak-bdr-2: 0.125rem solid var(--theme-color-x-weak-bdr);
17003
+ --theme-alarm-bdr-1: 0.0625rem solid var(--theme-color-alarm);
17004
+ --theme-alarm-bdr-2: 0.125rem solid var(--theme-color-alarm);
17005
+ --theme-critical-bdr-1: 0.0625rem solid var(--theme-color-critical);
17006
+ --theme-critical-bdr-2: 0.125rem solid var(--theme-color-critical);
17007
+ --theme-warning-bdr-1: 0.0625rem solid var(--theme-color-warning);
17008
+ --theme-warning-bdr-2: 0.125rem solid var(--theme-color-warning);
17009
+ --theme-success-bdr-1: 0.0625rem solid var(--theme-color-success);
17010
+ --theme-success-bdr-2: 0.125rem solid var(--theme-color-success);
17011
+ --theme-info-bdr-1: 0.0625rem solid var(--theme-color-info);
17012
+ --theme-info-bdr-2: 0.125rem solid var(--theme-color-info);
17013
+ --theme-neutral-bdr-1: 0.0625rem solid var(--theme-color-neutral);
17014
+ --theme-neutral-bdr-2: 0.125rem solid var(--theme-color-neutral);
17015
+ }
17016
+
16929
17017
  /*
16930
- * Autogenerated please not edit directly
16931
- */
17018
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
17019
+ */
16932
17020
  /*
16933
- * SPDX-FileCopyrightText: 2022 Siemens AG
16934
- *
16935
- * SPDX-License-Identifier: MIT
16936
- *
16937
- * This source code is licensed under the MIT license found in the
16938
- * LICENSE file in the root directory of this source tree.
17021
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
16939
17022
  */
16940
- .theme-classic-light {
16941
- --theme-l-hover: 5%;
16942
- --theme-l-active: 10%;
17023
+ :root .theme-classic-light {
17024
+ --theme-color-ghost: #00000000;
17025
+ --theme-color-ghost--hover: #0000000d;
17026
+ --theme-color-ghost--active: #0000001a;
16943
17027
  --theme-color-primary: #0e777c;
16944
- --theme-color-alarm: #dc0031;
16945
- --theme-color-critical: #eb780a;
16946
- --theme-color-warning: #f0b800;
16947
- --theme-color-success: #339b00;
16948
- --theme-color-info: #1e54b3;
16949
- --theme-color-neutral: #879bab;
16950
- --theme-color-6: #becdd7;
16951
- --theme-color-5: #ced9e2;
16952
- --theme-color-3: #ebf0f5;
17028
+ --theme-color-primary--contrast: #ffffff;
17029
+ --theme-color-primary--hover: #0d7075;
17030
+ --theme-color-primary--active: #0c6a6f;
17031
+ --theme-color-dynamic: #137d81;
17032
+ --theme-color-secondary: #ffffff;
17033
+ --theme-color-secondary--hover: #f2f2f2;
17034
+ --theme-color-secondary--active: #e5e5e5;
17035
+ --theme-color-component-1: #879baa40;
17036
+ --theme-color-component-1--hover: #6a7f8f4a;
17037
+ --theme-color-component-1--active: #5e6c7654;
17038
+ --theme-color-component-2: #0000281a;
17039
+ --theme-color-component-3: #00000033;
17040
+ --theme-color-component-4: #17212640;
17041
+ --theme-color-component-5: #e1f1f1;
17042
+ --theme-color-component-6: #8d8da0;
17043
+ --theme-color-component-7--hover: #277d7d47;
17044
+ --theme-color-component-7: #32a0a040;
17045
+ --theme-color-component-7--active: #216b6b52;
17046
+ --theme-color-component-error: #fff1f5;
17047
+ --theme-color-component-8: #d6dfe7;
17048
+ --theme-color-ghost--selected: #32a0a040;
17049
+ --theme-color-ghost--selected-hover: #10707040;
17050
+ --theme-color-ghost--selected-active: #0f61614d;
17051
+ --theme-color-ghost-primary--active: #0000000d;
17052
+ --theme-color-ghost-primary--hover: #0000001a;
17053
+ --theme-color-ghost-alt: #002d4a08;
17054
+ --theme-color-ghost-alt--hover: #00000014;
17055
+ --theme-color-ghost-alt--active: #00000021;
17056
+ --theme-color-ghost-alt--selected: #2c8e8e45;
17057
+ --theme-color-ghost-alt--selected-hover: #2577774f;
17058
+ --theme-color-ghost-alt--selected-active: #1f656557;
17059
+ --theme-color-primary--disabled: #0079934d;
17060
+ --theme-color-dynamic--hover: #125d65;
17061
+ --theme-color-dynamic--active: #105259;
17062
+ --theme-color-dynamic-alt: #00ffff;
17063
+ --theme-color-dynamic-alt--hover: #63eeee;
17064
+ --theme-color-dynamic-alt--active: #5ce0e0;
17065
+ --theme-color-component-8--hover: #d1fff2;
17066
+ --theme-color-component-9: #0b6165;
17067
+ --theme-color-component-9--hover: #0a5c60;
17068
+ --theme-color-component-9--active: #0a575b;
17069
+ --theme-color-component-9--disabled: #0b61654d;
17070
+ --theme-color-component-10: #377d81;
17071
+ --theme-color-component-10--hover: #34777b;
17072
+ --theme-color-component-10--active: #327174;
17073
+ --theme-color-component-10--disabled: #32717433;
17074
+ --theme-color-1--hover: #f2f2f2;
17075
+ --theme-color-1--active: #e5e5e5;
17076
+ --theme-color-component-11: #ced9e233;
17077
+ --theme-color-0: #ffffff00;
17078
+ --theme-color-1: #ffffff;
16953
17079
  --theme-color-2: #f5f8fa;
16954
- --theme-color-disabled-btn: rgba(23, 33, 38, 0.25);
16955
- --theme-color-std-bdr: rgba(65, 95, 117, 0.6);
16956
- --theme-color-soft-bdr: rgba(65, 95, 117, 0.4);
16957
- --theme-color-weak-bdr: rgba(23, 33, 38, 0.15);
16958
- --theme-color-std-text: rgba(0, 0, 0, 0.75);
16959
- --theme-color-contrast-text: #000;
16960
- --theme-color-soft-text: rgba(0, 0, 0, 0.55);
16961
- --theme-color-weak-text: rgba(0, 0, 0, 0.3);
16962
- --theme-color-inv-std-text: rgba(255, 255, 255, 0.85);
16963
- --theme-color-inv-contrast-text: #fff;
16964
- --theme-color-inv-soft-text: rgba(255, 255, 255, 0.6);
16965
- --theme-color-inv-weak-text: rgba(255, 255, 255, 0.4);
16966
- --theme-color-lightbox: rgba(255, 255, 255, 0.6);
17080
+ --theme-color-3: #ebf0f5;
17081
+ --theme-color-4: #dfe6ed;
17082
+ --theme-color-5: #ced9e2;
17083
+ --theme-color-6: #becdd7;
16967
17084
  --theme-color-7: #879baa;
16968
- --theme-color-backdrop: rgba(255, 255, 255, 0.85);
16969
- --theme-color-input--focus: #00d7a0;
16970
- --theme-app-header--color: rgba(255, 255, 255, 0.85);
16971
- --theme-app-header--background: #555f69;
16972
- --theme-app-header--border-color: rgba(0, 0, 0, 0);
16973
- --theme-btn-invisible-secondary--color--selected: #0e777c;
16974
- --theme-btn-invisible-primary--color--disabled: rgba(0, 0, 0, 0.3);
16975
- --theme-btn-outline-primary--color--disabled: rgba(0, 0, 0, 0.3);
16976
- --theme-link-btn--border-color--hover: #0e777c;
16977
- --theme-btn-outline-secondary--background--disabled: rgba(0, 0, 0, 0);
16978
- --theme-btn-invisible-primary--background--active: rgba(0, 0, 0, 0.1);
16979
- --theme-link-btn--color--hover: #0e777c;
16980
- --theme-btn-outline-primary--border-color--active: #0e777c;
16981
- --theme-btn-outline-secondary--color--disabled: rgba(0, 0, 0, 0.3);
16982
- --theme-btn-primary--color--active: #fff;
16983
- --theme-btn-invisible-secondary--background: rgba(0, 0, 0, 0);
16984
- --theme-btn-secondary--color-active: rgba(0, 0, 0, 0.75);
16985
- --theme-link-btn--color: #0e777c;
16986
- --theme-btn-invisible-secondary--color--selected-hover: #0e777c;
16987
- --theme-link-btn--border-color--active: #000;
16988
- --theme-btn-outline-secondary--color: rgba(0, 0, 0, 0.75);
16989
- --theme-btn-invisible-primary--background--disabled: rgba(0, 0, 0, 0);
16990
- --theme-btn-outline-primary--border-color--disabled: rgba(23, 33, 38, 0.25);
16991
- --theme-link-btn--color--active: #000;
16992
- --theme-btn-primary--color--disabled: rgba(255, 255, 255, 0.85);
16993
- --theme-btn-invisible-secondary--background--hover: rgba(0, 0, 0, 0.05);
16994
- --theme-btn-secondary--color--disabled: rgba(0, 0, 0, 0.3);
16995
- --theme-btn-invisible-secondary--color: rgba(0, 0, 0, 0.75);
16996
- --theme-btn-outline-primary--background--hover: #f2f2f2;
16997
- --theme-btn-invisible-secondary--color--selected-active: #0e777c;
16998
- --theme-link-btn--border-color--visited: rgba(0, 0, 0, 0);
16999
- --theme-btn-outline-secondary--color--hover: rgba(0, 0, 0, 0.75);
17000
- --theme-btn-invisible-primary--color: #0e777c;
17001
- --theme-btn-outline-primary--color: #0e777c;
17002
- --theme-link-btn--color--visited: #0e777c;
17003
- --theme-btn-outline-secondary--border-color: #becdd7;
17004
- --theme-btn-outline-secondary--border-color--hover: #becdd7;
17005
- --theme-btn-outline-secondary--border-color--disabled: rgba(23, 33, 38, 0.25);
17006
- --theme-btn-outline-secondary--border-color--active: #becdd7;
17007
- --theme-btn-invisible-secondary--background--active: rgba(0, 0, 0, 0.1);
17008
- --theme-btn-secondary--background: #ced9e2;
17009
- --theme-btn-invisible-secondary--color--hover: rgba(0, 0, 0, 0.75);
17010
- --theme-btn-outline-primary--background: #fff;
17011
- --theme-btn-outline-primary--background--active: #e5e5e5;
17012
- --theme-btn-invisible-secondary--background--selected: rgba(50, 160, 160, 0.25);
17013
- --theme-btn-primary--background--active: #0c6a6f;
17014
- --theme-link-btn--border-color--disabled: rgba(0, 0, 0, 0);
17015
- --theme-btn-outline-secondary--color--active: rgba(0, 0, 0, 0.75);
17016
- --theme-btn-invisible-primary--color--hover: #0e777c;
17017
- --theme-btn-outline-primary--color--hover: #0e777c;
17018
- --theme-link-btn--color--disabled: rgba(0, 0, 0, 0.3);
17019
- --theme-btn-outline-secondary--background--hover: #f2f2f2;
17020
- --theme-btn-invisible-secondary--background--disabled: rgba(0, 0, 0, 0);
17021
- --theme-btn-invisible-primary--background: rgba(0, 0, 0, 0);
17022
- --theme-btn-secondary--background--hover: #c3cdd6;
17023
- --theme-btn-invisible-secondary--color--active: rgba(0, 0, 0, 0.75);
17024
- --theme-btn-outline-primary--background--disabled: rgba(0, 0, 0, 0);
17025
- --theme-btn-secondary--color: rgba(0, 0, 0, 0.75);
17026
- --theme-btn-invisible-secondary--background--selected-hover: rgba(39, 125, 125, 0.28);
17027
- --theme-btn-primary--background--disabled: rgba(23, 33, 38, 0.25);
17028
- --theme-btn-invisible-primary--color--active: #0e777c;
17029
- --theme-btn-outline-primary--color--active: #0e777c;
17030
- --theme-link-btn--border-color: rgba(0, 0, 0, 0);
17031
- --theme-btn-outline-secondary--background--active: #e5e5e5;
17032
- --theme-btn-invisible-primary--background--hover: rgba(0, 0, 0, 0.05);
17033
- --theme-btn-outline-primary--border-color--hover: #0e777c;
17034
- --theme-btn-secondary--background--active: #b9c2ca;
17035
- --theme-btn-primary--color--hover: #fff;
17036
- --theme-btn-invisible-secondary--color--disabled: rgba(0, 0, 0, 0.3);
17037
- --theme-btn-outline-primary--border-color: #0e777c;
17038
- --theme-btn-secondary--color--hover: rgba(0, 0, 0, 0.75);
17039
- --theme-btn-secondary--background--disabled: rgba(23, 33, 38, 0.25);
17040
- --theme-btn-primary--color: #fff;
17041
- --theme-btn-invisible-secondary--background-selected-active: rgba(33, 107, 107, 0.32);
17042
- --theme-btn-outline-secondary--background: #fff;
17043
- --theme-btn-group-base--background: #fff;
17044
- --theme-btn-group-base--border-color: #0e777c;
17045
- --theme-btn-group-item--background: rgba(255, 255, 255, 0);
17046
- --theme-btn-group-item--color: #0e777c;
17047
- --theme-btn-group-item--background--hover: rgba(0, 0, 0, 0.05);
17048
- --theme-btn-group-item--background--selected: #0e777c;
17049
- --theme-btn-group-item--color--hover: #0e777c;
17050
- --theme-btn-group-item--color--selected: #fff;
17051
- --theme-btn-group-item--border-color--hover: rgba(0, 0, 0, 0);
17052
- --theme-btn-group-item--border-color: rgba(0, 0, 0, 0);
17053
- --theme-btn-primary--background: #0e777c;
17054
- --theme-btn-primary--background--hover: #0d7075;
17055
- --theme-checkbox-unchecked--background: #fff;
17056
- --theme-checkbox-unchecked--border-color: rgba(65, 95, 117, 0.6);
17057
- --theme-checkbox-unchecked--background--hover: #f2f2f2;
17058
- --theme-checkbox-unchecked--border-color--hover: rgba(65, 95, 117, 0.6);
17059
- --theme-checkbox-unchecked--background--active: #e5e5e5;
17060
- --theme-checkbox-unchecked--border-color--active: rgba(65, 95, 117, 0.6);
17061
- --theme-checkbox-unchecked--background--disabled: rgba(255, 255, 255, 0);
17062
- --theme-checkbox-unchecked--border-color--disabled: rgba(23, 33, 38, 0.25);
17063
- --theme-checkbox-checked--background: #0e777c;
17064
- --theme-checkbox-checked--border-color: rgba(0, 0, 0, 0);
17065
- --theme-checkbox-checked--color: #fff;
17066
- --theme-checkbox-checked--background--hover: #0d7075;
17067
- --theme-checkbox-checked--border-color--hover: rgba(0, 0, 0, 0);
17068
- --theme-checkbox-checked--color--hover: #fff;
17069
- --theme-checkbox-checked--color--active: #fff;
17070
- --theme-checkbox-checked--border-color--active: rgba(0, 0, 0, 0);
17071
- --theme-checkbox-checked--background--active: #0c6a6f;
17072
- --theme-checkbox-checked--background--disabled: rgba(23, 33, 38, 0.25);
17073
- --theme-checkbox-checked--border-color--disabled: rgba(0, 0, 0, 0);
17074
- --theme-checkbox-checked--color--disabled: #fff;
17075
- --theme-checkbox-mixed--background: #fff;
17076
- --theme-checkbox-mixed--border-color: #0e777c;
17077
- --theme-checkbox-mixed--color: #0e777c;
17078
- --theme-checkbox-mixed--background--hover: #f2f2f2;
17079
- --theme-checkbox-mixed--border-color--hover: #0e777c;
17080
- --theme-checkbox-mixed--color--hover: #0e777c;
17081
- --theme-checkbox-mixed--background--active: #e5e5e5;
17082
- --theme-checkbox-mixed--border-color--active: #0e777c;
17083
- --theme-checkbox-mixed--color--active: #0e777c;
17084
- --theme-checkbox-mixed--background--disabled: rgba(255, 255, 255, 0);
17085
- --theme-checkbox-mixed--border-color--disabled: rgba(23, 33, 38, 0.25);
17086
- --theme-checkbox-mixed--color-disabled: rgba(23, 33, 38, 0.25);
17087
- --theme-checkbox-label--color: rgba(0, 0, 0, 0.75);
17088
- --theme-checkbox-label--color--disabled: rgba(0, 0, 0, 0.3);
17089
- --theme-ghost--background: rgba(0, 0, 0, 0);
17090
- --theme-ghost--background--hover: rgba(0, 0, 0, 0.05);
17091
- --theme-ghost--background--active: rgba(0, 0, 0, 0.1);
17092
- --theme-radiobtn-unchecked--background: #fff;
17093
- --theme-radiobtn-unchecked--background--hover: #f2f2f2;
17094
- --theme-radiobtn-unchecked--background--active: #e5e5e5;
17095
- --theme-radiobtn-unchecked--background--disabled: rgba(255, 255, 255, 0);
17096
- --theme-radiobtn-unchecked--border-color--disabled: rgba(23, 33, 38, 0.25);
17097
- --theme-radiobtn-unchecked--border-color: rgba(65, 95, 117, 0.6);
17098
- --theme-radiobtn-unchecked--border-color--hover: rgba(65, 95, 117, 0.6);
17099
- --theme-radiobtn-unchecked--border-color--active: rgba(65, 95, 117, 0.6);
17100
- --theme-radiobtn-checked--background: #fff;
17101
- --theme-radiobtn-checked--background--hover: #f2f2f2;
17102
- --theme-radiobtn-checked--background--active: #e5e5e5;
17103
- --theme-radiobtn-checked--background--disabled: rgba(255, 255, 255, 0);
17104
- --theme-radiobtn-checked--border-color: #0e777c;
17105
- --theme-radiobtn-checked--border-color--hover: #0e777c;
17106
- --theme-radiobtn-checked--border-color--active: #0e777c;
17107
- --theme-radiobtn-checked--border-color--disabled: rgba(23, 33, 38, 0.25);
17108
- --theme-radiobtn-checked--color: #0e777c;
17109
- --theme-radiobtn-checked--color--hover: #0e777c;
17110
- --theme-radiobtn-checked--color--active: #0e777c;
17111
- --theme-radiobtn-checked--color--disabled: rgba(23, 33, 38, 0.25);
17112
- --theme-radiobtn-label--color: rgba(0, 0, 0, 0.75);
17113
- --theme-radiobtn-label--color--disabled: rgba(0, 0, 0, 0.3);
17114
- --theme-nav--background: #d6dfe7;
17115
- --theme-avatar-btn--background: rgba(0, 0, 0, 0);
17116
- --theme-avatar-btn--background--hover: rgba(0, 0, 0, 0.05);
17117
- --theme-avatar-btn--background--active: rgba(0, 0, 0, 0.1);
17118
- --theme-avatar-btn--color: rgba(0, 0, 0, 0.75);
17119
- --theme-avatar-btn--color--hover: rgba(0, 0, 0, 0.75);
17120
- --theme-avatar-btn--color--active: rgba(0, 0, 0, 0.75);
17121
- --theme-nav-item-primary--background: rgba(0, 0, 0, 0);
17122
- --theme-nav-item-primary--background--hover: rgba(0, 0, 0, 0.05);
17123
- --theme-nav-item-primary--background--active: rgba(0, 0, 0, 0.1);
17124
- --theme-nav-item-primary--background--selected: #ebf0f5;
17125
- --theme-nav-item-primary--border-color: rgba(255, 255, 255, 0);
17126
- --theme-nav-item-primary--border-color--hover: rgba(255, 255, 255, 0);
17127
- --theme-nav-item-primary--border-color--active: rgba(255, 255, 255, 0);
17128
- --theme-nav-item-primary--border-color--selected: #0e777c;
17129
- --theme-nav-item-primary-icon--color: rgba(0, 0, 0, 0.75);
17130
- --theme-nav-item-primary-icon--color--hover: rgba(0, 0, 0, 0.75);
17131
- --theme-nav-item-primary-icon--color--active: rgba(0, 0, 0, 0.75);
17132
- --theme-nav-item-primary-icon--color--selected: rgba(0, 0, 0, 0.75);
17133
- --theme-nav-item-primary--color: rgba(0, 0, 0, 0.75);
17134
- --theme-nav-item-primary--color--hover: rgba(0, 0, 0, 0.75);
17135
- --theme-nav-item-primary--color--active: rgba(0, 0, 0, 0.75);
17136
- --theme-nav-item-primary--color--selected: rgba(0, 0, 0, 0.75);
17137
- --theme-nav-item-secondary--background: rgba(0, 0, 0, 0);
17138
- --theme-nav-item-secondary--background--hover: rgba(0, 0, 0, 0.05);
17139
- --theme-nav-item-secondary--background--active: rgba(0, 0, 0, 0.1);
17140
- --theme-nav-item-secondary--background--disabled: rgba(0, 0, 0, 0);
17141
- --theme-nav-item-secondary--background--selected: #fff;
17142
- --theme-nav-item-secondary--border-color: rgba(255, 255, 255, 0);
17143
- --theme-nav-item-secondary--border-color--hover: rgba(255, 255, 255, 0);
17144
- --theme-nav-item-secondary--border-color--active: rgba(255, 255, 255, 0);
17145
- --theme-nav-item-secondary--border-color--disabled: rgba(255, 255, 255, 0);
17146
- --theme-nav-item-secondary--border-color--selected: #0e777c;
17147
- --theme-nav-item-secondary--color: rgba(0, 0, 0, 0.75);
17148
- --theme-nav-item-secondary--color--hover: rgba(0, 0, 0, 0.75);
17149
- --theme-nav-item-secondary--color--active: rgba(0, 0, 0, 0.75);
17150
- --theme-nav-item-secondary--color--disabled: rgba(0, 0, 0, 0.4);
17151
- --theme-nav-item-secondary--color--selected: rgba(0, 0, 0, 0.75);
17152
- --theme-nav-item-secondary-icon--color: rgba(0, 0, 0, 0.75);
17153
- --theme-nav-item-secondary-icon--color--hover: rgba(0, 0, 0, 0.75);
17154
- --theme-nav-item-secondary-icon--color--active: rgba(0, 0, 0, 0.75);
17155
- --theme-nav-item-secondary-icon--color--disabled: rgba(0, 0, 0, 0.4);
17156
- --theme-nav-item-secondary-icon--color--selected: rgba(0, 0, 0, 0.75);
17157
- --theme-menu-btn--color: rgba(0, 0, 0, 0.75);
17158
- --theme-menu-btn--color--hover: rgba(0, 0, 0, 0.75);
17159
- --theme-menu-btn--color--active: rgba(0, 0, 0, 0.75);
17160
- --theme-menu-btn--background: rgba(0, 0, 0, 0);
17161
- --theme-menu-btn--background--hover: rgba(0, 0, 0, 0.05);
17162
- --theme-menu-btn--background--active: rgba(0, 0, 0, 0.1);
17163
- --theme-avatar--background: rgba(0, 0, 0, 0.2);
17164
- --theme-avatar--color: #000;
17165
- --theme-input--color: rgba(0, 0, 0, 0.75);
17166
- --theme-input--color--disabled: rgba(0, 0, 0, 0.3);
17167
- --theme-input--background: #fff;
17168
- --theme-input--border-color: rgba(65, 95, 117, 0.6);
17169
- --theme-input--background--hover: #fff;
17170
- --theme-input--border-color--hover: rgba(65, 95, 117, 0.6);
17171
- --theme-input--background--focus: #fff;
17172
- --theme-input--border-color--focus: #0e777c;
17173
- --theme-input--background--readonly: rgba(255, 255, 255, 0);
17174
- --theme-input--border-color--readonly: rgba(255, 255, 255, 0.6);
17175
- --theme-input--border-color-bottom--readonly: rgba(65, 95, 117, 0.4);
17176
- --theme-input--background--disabled: rgba(255, 255, 255, 0);
17177
- --theme-input--border-color--disabled: rgba(255, 255, 255, 0.6);
17178
- --theme-input--border-color-bottom--disabled: rgba(23, 33, 38, 0.15);
17179
- --theme-input-error--background: #fff1f5;
17180
- --theme-input-error--border-color: #ff2640;
17181
- --theme-input-error-icon--color: #ff2640;
17182
- --theme-blind-base--background: #fff;
17183
- --theme-blind-base-border-color: rgba(23, 33, 38, 0.15);
17184
- --theme-blind-header-closed--background: rgba(0, 0, 0, 0);
17185
- --theme-blind-header-closed--color: rgba(0, 0, 0, 0.75);
17186
- --theme-blind-header-icon-closed--color: rgba(0, 0, 0, 0.75);
17187
- --theme-blind-header-closed--background--hover: rgba(0, 0, 0, 0.05);
17188
- --theme-blind-header-closed--color--hover: rgba(0, 0, 0, 0.75);
17189
- --theme-blind-header-icon-closed--color--hover: rgba(0, 0, 0, 0.75);
17190
- --theme-blind-header-closed--background--active: rgba(0, 0, 0, 0.1);
17191
- --theme-blind-header-closed--color--active: rgba(0, 0, 0, 0.75);
17192
- --theme-blind-header-icon-closed--color--active: rgba(0, 0, 0, 0.75);
17193
- --theme-blind-header-open--background: rgba(0, 0, 0, 0);
17194
- --theme-blind-header-open--color: rgba(0, 0, 0, 0.75);
17195
- --theme-blind-header-icon-open--color: rgba(0, 0, 0, 0.75);
17196
- --theme-blind-header-open--background--hover: rgba(0, 0, 0, 0.05);
17197
- --theme-blind-header-open--color--hover: rgba(0, 0, 0, 0.75);
17198
- --theme-blind-header-icon-open--color--hover: rgba(0, 0, 0, 0.75);
17199
- --theme-blind-header-open--background--active: rgba(0, 0, 0, 0.1);
17200
- --theme-blind-header-open--color--active: rgba(0, 0, 0, 0.75);
17201
- --theme-blind-header-icon-open--color--active: rgba(0, 0, 0, 0.75);
17202
- --theme-breadcrumb-btn-last--color: rgba(0, 0, 0, 0.75);
17203
- --theme-breadcrumb-btn--background: rgba(135, 155, 170, 0.25);
17204
- --theme-breadcrumb-btn--background--hover: rgba(106, 127, 143, 0.29);
17205
- --theme-breadcrumb-btn--background--active: rgba(94, 108, 118, 0.33);
17206
- --theme-breadcrumb-btn--color: rgba(0, 0, 0, 0.75);
17207
- --theme-breadcrumb-btn--color--hover: rgba(0, 0, 0, 0.75);
17208
- --theme-breadcrumb-btn--color--active: rgba(0, 0, 0, 0.75);
17209
- --theme-breadcrumb-btn-arrow--color: rgba(0, 0, 0, 0.75);
17210
- --theme-breadcrumb-btn-arrow--color--hover: rgba(0, 0, 0, 0.75);
17211
- --theme-breadcrumb-btn-arrow--color--active: rgba(0, 0, 0, 0.75);
17212
- --theme-breadcrumb-ghost-last--color: rgba(0, 0, 0, 0.55);
17213
- --theme-breadcrumb-ghost--background: rgba(0, 0, 0, 0);
17214
- --theme-breadcrumb-ghost--background--hover: rgba(0, 0, 0, 0.05);
17215
- --theme-breadcrumb-ghost--background--active: rgba(0, 0, 0, 0.1);
17216
- --theme-breadcrumb-ghost--color: #0e777c;
17217
- --theme-breadcrumb-ghost--color--hover: #0e777c;
17218
- --theme-breadcrumb-ghost--color--active: #0e777c;
17219
- --theme-breadcrumb-ghost-arrow--color: #0e777c;
17220
- --theme-breadcrumb-ghost-arrow--color--hover: #0e777c;
17221
- --theme-breadcrumb-ghost-arrow--color--active: #0e777c;
17222
- --theme-btn-group-item--background--active: rgba(0, 0, 0, 0.1);
17223
- --theme-btn-group-item--border-color--active: rgba(0, 0, 0, 0);
17224
- --theme-btn-group-item--color--active: #0e777c;
17225
- --theme-color-success--hover: #309300;
17226
- --theme-color-success--active: #2d8b00;
17227
- --theme-color-success--contrast: #000;
17085
+ --theme-color-8: #555f69;
17086
+ --theme-color-std-bdr: #415f7599;
17087
+ --theme-color-soft-bdr: #415f7566;
17088
+ --theme-color-weak-bdr: #17212626;
17089
+ --theme-color-x-weak-bdr: #1721261a;
17090
+ --theme-color-focus-bdr: #199fff;
17091
+ --theme-color-contrast-bdr: #000000;
17092
+ --theme-color-alarm: #dc0031;
17228
17093
  --theme-color-alarm--hover: #d0002e;
17229
17094
  --theme-color-alarm--active: #c5002c;
17230
- --theme-color-alarm--contrast: #fff;
17231
- --theme-color-critical--hover: #df7109;
17232
- --theme-color-critical--active: #d36b08;
17233
- --theme-color-critical--contrast: #000;
17095
+ --theme-color-alarm--contrast: #ffffff;
17096
+ --theme-color-alarm-40: #dc003166;
17097
+ --theme-color-alarm-10: #dc00311a;
17098
+ --theme-color-warning: #f0b800;
17234
17099
  --theme-color-warning--hover: #f2af00;
17235
17100
  --theme-color-warning--active: #e5a600;
17236
- --theme-color-warning--contrast: #000;
17101
+ --theme-color-warning--contrast: #000000;
17102
+ --theme-color-warning-40: #ffb90066;
17103
+ --theme-color-warning-10: #ffb9001a;
17104
+ --theme-color-critical: #eb780a;
17105
+ --theme-color-critical--hover: #df7109;
17106
+ --theme-color-critical--active: #d36b08;
17107
+ --theme-color-critical--contrast: #000000;
17108
+ --theme-color-critical-40: #eb780a66;
17109
+ --theme-color-success: #339b00;
17110
+ --theme-color-success--hover: #309300;
17111
+ --theme-color-success--active: #2d8b00;
17112
+ --theme-color-success--contrast: #000000;
17113
+ --theme-color-success-40: #339b0066;
17114
+ --theme-color-info: #1e54b3;
17237
17115
  --theme-color-info--hover: #1c4fa9;
17238
17116
  --theme-color-info--active: #1a4ba0;
17239
- --theme-color-info--contrast: #fff;
17117
+ --theme-color-info--contrast: #ffffff;
17118
+ --theme-color-info-40: #1e54b366;
17119
+ --theme-color-neutral: #879bab;
17240
17120
  --theme-color-neutral--hover: #8093a2;
17241
17121
  --theme-color-neutral--active: #798b99;
17242
- --theme-color-neutral--contrast: #000;
17243
- --theme-color-primary--hover: #0d7075;
17244
- --theme-color-primary--active: #0c6a6f;
17245
- --theme-color-primary--contrast: #fff;
17246
- --theme-chip-outline--background: #fff;
17247
- --theme-chip-outline--background--hover: #f2f2f2;
17248
- --theme-chip-outline--background--active: #e5e5e5;
17249
- --theme-chip-outline--color: rgba(0, 0, 0, 0.75);
17250
- --theme-chip-close-btn--background: rgba(0, 0, 0, 0);
17251
- --theme-chip-close-btn--background--hover: rgba(0, 0, 0, 0.05);
17252
- --theme-chip-close-btn--background--active: rgba(0, 0, 0, 0.1);
17253
- --theme-chip--background: #ebf0f5;
17254
- --theme-chip--background--hover: #dfe3e8;
17255
- --theme-chip--background--active: #d3d7dc;
17256
- --theme-chip--color: #000;
17257
- --theme-chip-close-btn--color: rgba(0, 0, 0, 0.85);
17258
- --theme-pill-outline--color: rgba(0, 0, 0, 0.75);
17259
- --theme-pill-outline--background: #fff;
17260
- --theme-chip-primary--background: #0e777c;
17261
- --theme-chip-primary--background--hover: #0d7075;
17262
- --theme-chip-primary--background--active: #0c6a6f;
17263
- --theme-chip-primary--color: #fff;
17264
- --theme-chip-primary--color--hover: #fff;
17265
- --theme-chip-primary--color--active: #fff;
17266
- --theme-chip-primary-outline--background: #fff;
17267
- --theme-chip-primary-outline--background--hover: #f2f2f2;
17268
- --theme-chip-primary-outline--background--active: #e5e5e5;
17269
- --theme-chip-primary-outline--background--display: #fff;
17270
- --theme-chip-primary-outline--border-color: #0e777c;
17271
- --theme-chip-primary-outline--border-color--hover: #0e777c;
17272
- --theme-chip-primary-outline--border-color--active: #0e777c;
17273
- --theme-chip-primary-outline--border-color--display: rgba(0, 0, 0, 0.75);
17274
- --theme-chip-primary-outline--color: #0e777c;
17275
- --theme-chip-primary-outline--color--hover: #0e777c;
17276
- --theme-chip-primary-outline--color--active: #0e777c;
17277
- --theme-chip-primary-outline--color--display: rgba(0, 0, 0, 0.75);
17278
- --theme-app-header-logo--color: #fff;
17279
- --theme-btn-group-item--border-color--selected: rgba(0, 0, 0, 0);
17280
- --theme-table-data-row-alt--background: rgba(0, 45, 74, 0.03);
17281
- --theme-menu-header--color: rgba(0, 0, 0, 0.6);
17282
- --theme-menu-item--background: rgba(255, 255, 255, 0);
17283
- --theme-menu-item--background--hover: rgba(0, 0, 0, 0.05);
17284
- --theme-menu-item--background--active: rgba(0, 0, 0, 0.1);
17285
- --theme-menu-item--background--disabled: rgba(255, 255, 255, 0);
17286
- --theme-menu-item--color: rgba(0, 0, 0, 0.75);
17287
- --theme-menu-item--color--hover: rgba(0, 0, 0, 0.75);
17288
- --theme-menu-item--color--active: rgba(0, 0, 0, 0.75);
17289
- --theme-menu-item--color--disabled: rgba(0, 0, 0, 0.4);
17290
- --theme-menu-separator--background: rgba(23, 33, 38, 0.15);
17291
- --theme-menu--background: #fff;
17292
- --theme-menu--border-color: rgba(65, 95, 117, 0.4);
17293
- --theme-menu-item-arrow--color: rgba(0, 0, 0, 0.75);
17294
- --theme-menu-item-arrow--color--hover: rgba(0, 0, 0, 0.75);
17295
- --theme-menu-item-arrow--color--active: rgba(0, 0, 0, 0.75);
17296
- --theme-menu-item-arrow--color--disabled: rgba(0, 0, 0, 0.4);
17297
- --theme-menu-item-check--color: rgba(0, 0, 0, 0.75);
17298
- --theme-menu-item-check--color--hover: rgba(0, 0, 0, 0.75);
17299
- --theme-menu-item-check--color--active: rgba(0, 0, 0, 0.75);
17300
- --theme-menu-item-check--color--disabled: rgba(0, 0, 0, 0.4);
17301
- --theme-select-list--background: #fff;
17302
- --theme-select-list--border-color: rgba(65, 95, 117, 0.4);
17303
- --theme-select-list-item--background: rgba(255, 255, 255, 0);
17304
- --theme-select-list-item--background--hover: rgba(0, 0, 0, 0.05);
17305
- --theme-select-list-item--background--active: rgba(0, 0, 0, 0.1);
17306
- --theme-select-list-item--background--selected: rgba(50, 160, 160, 0.25);
17307
- --theme-select-list-item--background--disabled: rgba(255, 255, 255, 0);
17308
- --theme-select-list-item--color: rgba(0, 0, 0, 0.75);
17309
- --theme-select-list-item--color--hover: rgba(0, 0, 0, 0.75);
17310
- --theme-select-list-item--color--active: rgba(0, 0, 0, 0.75);
17311
- --theme-select-list-item--color--selected: rgba(0, 0, 0, 0.75);
17312
- --theme-select-list-item--color--disabled: rgba(0, 0, 0, 0.3);
17313
- --theme-select-list-item--background--selected-hover: rgba(16, 112, 112, 0.25);
17314
- --theme-select-list-item--background--selected-active: rgba(15, 97, 97, 0.3);
17315
- --theme-select-list-item--background--selected-disabled: rgba(255, 255, 255, 0);
17316
- --theme-select-list-item--color--selected-hover: rgba(0, 0, 0, 0.75);
17317
- --theme-select-list-item--color--selected-active: rgba(0, 0, 0, 0.75);
17318
- --theme-select-list-item--color--selected-disabled: rgba(0, 0, 0, 0.3);
17319
- --theme-select-list-item-check--color: rgba(0, 0, 0, 0.75);
17320
- --theme-select-list-item-check--color--hover: rgba(0, 0, 0, 0.75);
17321
- --theme-select-list-item-check--color--active: rgba(0, 0, 0, 0.75);
17322
- --theme-select-list-item-check--color--disabled: rgba(0, 0, 0, 0.3);
17323
- --theme-menu-item-icon--color: rgba(0, 0, 0, 0.75);
17324
- --theme-menu-item-icon--color--hover: rgba(0, 0, 0, 0.75);
17325
- --theme-menu-item-icon--color--active: rgba(0, 0, 0, 0.75);
17326
- --theme-menu-item-icon--color--disabled: rgba(0, 0, 0, 0.4);
17327
- --theme-tab--background: rgba(0, 0, 0, 0);
17328
- --theme-tab--background--hover: rgba(0, 0, 0, 0.05);
17329
- --theme-tab--background--active: rgba(0, 0, 0, 0.1);
17330
- --theme-tab--background--selected: rgba(255, 255, 255, 0);
17331
- --theme-tab--background--disabled: rgba(255, 255, 255, 0);
17332
- --theme-tab-indicator--background: rgba(0, 0, 0, 0);
17333
- --theme-tab-indicator--background--hover: #becdd7;
17334
- --theme-tab-indicator--background--active: #becdd7;
17335
- --theme-tab-indicator--background--selected: #0e777c;
17336
- --theme-tab-indicator--background--disabled: rgba(0, 0, 0, 0);
17337
- --theme-animated-tab-indicator--background: rgba(0, 0, 0, 0);
17338
- --theme-animated-tab-indicator--background--hover: rgba(0, 0, 0, 0);
17339
- --theme-animated-tab-indicator--background--active: rgba(0, 0, 0, 0);
17340
- --theme-animated-tab-indicator--background--selected: #0e777c;
17341
- --theme-animated-tab-indicator--background--disabled: rgba(0, 0, 0, 0);
17342
- --theme-tab--color: rgba(0, 0, 0, 0.6);
17343
- --theme-tab--color--hover: rgba(0, 0, 0, 0.6);
17344
- --theme-tab--color--active: rgba(0, 0, 0, 0.6);
17345
- --theme-tab--color--selected: #0e777c;
17346
- --theme-tab--color--disabled: rgba(0, 0, 0, 0.3);
17347
- --theme-tab-icon--color: rgba(0, 0, 0, 0.6);
17348
- --theme-tab-icon--color--hover: rgba(0, 0, 0, 0.6);
17349
- --theme-tab-icon--color--active: rgba(0, 0, 0, 0.6);
17350
- --theme-tab-icon--color--selected: #0e777c;
17351
- --theme-tab-icon--color--disabled: rgba(0, 0, 0, 0.3);
17352
- --theme-animated-tab-icon--color: rgba(0, 0, 0, 0.6);
17353
- --theme-animated-tab-icon--color--hover: rgba(0, 0, 0, 0.6);
17354
- --theme-animated-tab-icon--color--active: rgba(0, 0, 0, 0.6);
17355
- --theme-animated-tab-icon--color--selected: #fff;
17356
- --theme-animated-tab-icon--color--disabled: rgba(0, 0, 0, 0.3);
17357
- --theme-animated-tab-circle--background: #fff;
17358
- --theme-animated-tab-circle--background--hover: #f2f2f2;
17359
- --theme-animated-tab-circle--background--active: #e5e5e5;
17360
- --theme-animated-tab-circle--background--selected: #0e777c;
17361
- --theme-animated-tab-circle--background--disabled: rgba(255, 255, 255, 0.6);
17362
- --theme-animated-tab-circle--border-color: rgba(65, 95, 117, 0.4);
17363
- --theme-animated-tab-circle--border-color--hover: rgba(65, 95, 117, 0.4);
17364
- --theme-animated-tab-circle--border-color--active: rgba(65, 95, 117, 0.4);
17365
- --theme-animated-tab-circle--border-color--selected: rgba(255, 255, 255, 0);
17366
- --theme-animated-tab-circle--border-color--disabled: rgba(0, 0, 0, 0.15);
17367
- --theme-tab-pill--border-color: rgba(65, 95, 117, 0.4);
17368
- --theme-tab-pill--border-color--hover: rgba(65, 95, 117, 0.4);
17369
- --theme-tab-pill--border-color--active: rgba(65, 95, 117, 0.4);
17370
- --theme-tab-pill--border-color--selected: #0e777c;
17371
- --theme-tab-pill--border-color--disabled: rgba(0, 0, 0, 0.15);
17372
- --theme-switch-thumb-off--background: #fff;
17373
- --theme-switch-thumb-on--border-color--hover: #2a6675;
17374
- --theme-switch-thumb-mixed--border-color--active: #92a3b0;
17375
- --theme-switch-off--background: #f5f8fa;
17376
- --theme-switch-thumb-off--background--active: #e5e5e5;
17377
- --theme-switch-off--background--hover: #f5f8fa;
17378
- --theme-switch-thumb-off--background--disabled: #f5f8fa;
17379
- --theme-switch-thumb-off--border-color--active: #8899a5;
17380
- --theme-switch-thumb-on--background--disabled: #8d8da0;
17381
- --theme-switch-off--border-color: #adbac5;
17382
- --theme-switch-on--border-color--hover: #adbac5;
17383
- --theme-switch-mixed--border-color: #adbac5;
17384
- --theme-switch-thumb-off--background--hover: #f2f2f2;
17385
- --theme-switch-thumb-on--border-color--disabled: rgba(255, 255, 255, 0);
17386
- --theme-switch-off--border-color--hover: #adbac5;
17387
- --theme-switch-thumb-mixed--background--disabled: #f5f8fa;
17388
- --theme-switch-on--border-color: #adbac5;
17389
- --theme-switch-off--background--disabled: rgba(0, 0, 0, 0.2);
17390
- --theme-switch-thumb-mixed--border-color--hover: #92a3b0;
17391
- --theme-switch-on--background: #f5f8fa;
17392
- --theme-switch-thumb-off--border-color--disabled: #b2babe;
17393
- --theme-switch-thumb-mixed--background--hover: #f2f2f2;
17394
- --theme-switch-thumb-on--background--hover: #016a6f;
17395
- --theme-switch-on--background--disabled: rgba(0, 0, 40, 0.16);
17396
- --theme-switch-thumb-on--background: #0e777c;
17397
- --theme-switch-off--background--active: #f5f8fa;
17398
- --theme-switch-on--border-color--disabled: rgba(255, 255, 255, 0);
17399
- --theme-switch-thumb-mixed--background--active: #e5e5e5;
17400
- --theme-switch-mixed--background--active: #f5f8fa;
17401
- --theme-switch-mixed--border-color--active: #adbac5;
17402
- --theme-switch-thumb-on--border-color--active: #256170;
17403
- --theme-switch-mixed--border-color--hover: #adbac5;
17404
- --theme-switch-mixed--background--hover: #f5f8fa;
17405
- --theme-switch-thumb-mixed--border-color--disabled: #b2babe;
17406
- --theme-switch-thumb-off--border-color--hover: #8d9eab;
17407
- --theme-switch-mixed--background: #f5f8fa;
17408
- --theme-switch-off--border-color--active: #adbac5;
17409
- --theme-switch-thumb-mixed--background: #fff;
17410
- --theme-switch-thumb-mixed--border-color: #92a3b0;
17411
- --theme-switch-thumb-off--border-color: #92a3b0;
17412
- --theme-switch-mixed--background--disabled: rgba(0, 0, 40, 0.16);
17413
- --theme-switch-on--border-color--active: #adbac5;
17414
- --theme-switch-thumb-on--background--active: #005d62;
17415
- --theme-switch-on--background--hover: #f5f8fa;
17416
- --theme-switch-on--background--active: #f5f8fa;
17417
- --theme-switch-mixed--border-color--disabled: rgba(255, 255, 255, 0);
17418
- --theme-switch-thumb-on--border-color: #2f6c7a;
17419
- --theme-switch--color--hover: rgba(0, 0, 0, 0.75);
17420
- --theme-switch--color: rgba(0, 0, 0, 0.75);
17421
- --theme-switch--color--disabled: rgba(0, 0, 0, 0.3);
17422
- --theme-switch--color--active: rgba(0, 0, 0, 0.75);
17423
- --theme-map-navigation-logo--color: rgba(0, 0, 0, 0.75);
17424
- --theme-map-navigation-header--color: rgba(0, 0, 0, 0.75);
17425
- --theme-map-navigation--background: #ebf0f5;
17426
- --theme-map-navigation-separator--background: rgba(65, 95, 117, 0.4);
17427
- --theme-btn-primary--border-color: rgba(0, 0, 0, 0);
17428
- --theme-btn-primary--border-color--hover: rgba(0, 0, 0, 0);
17429
- --theme-btn-primary--border-color--active: rgba(0, 0, 0, 0);
17430
- --theme-btn-primary--border-color--disabled: rgba(0, 0, 0, 0);
17431
- --theme-btn-invisible-primary--border-color: rgba(0, 0, 0, 0);
17432
- --theme-btn-invisible-primary--border-color--hover: rgba(0, 0, 0, 0);
17433
- --theme-btn-invisible-primary--border-color--active: rgba(0, 0, 0, 0);
17434
- --theme-btn-invisible-primary--border-color--disabled: rgba(0, 0, 0, 0);
17435
- --theme-btn-secondary--border-color: rgba(0, 0, 0, 0);
17436
- --theme-btn-secondary--border-color--hover: rgba(0, 0, 0, 0);
17437
- --theme-btn-secondary--border-color--active: rgba(0, 0, 0, 0);
17438
- --theme-btn-secondary--border-color--disabled: rgba(0, 0, 0, 0);
17439
- --theme-btn-invisible-secondary--border-color: rgba(0, 0, 0, 0);
17440
- --theme-btn-invisible-secondary--border-color--hover: rgba(0, 0, 0, 0);
17441
- --theme-btn-invisible-secondary--border-color--active: rgba(0, 0, 0, 0);
17442
- --theme-btn-invisible-secondary--border-color--disabled: rgba(0, 0, 0, 0);
17443
- --theme-btn-invisible-secondary--border-color--selected: rgba(0, 0, 0, 0);
17444
- --theme-btn-invisible-secondary--border-color--selected-hover: rgba(0, 0, 0, 0);
17445
- --theme-btn-invisible-secondary--border-color--selected-active: rgba(0, 0, 0, 0);
17446
- --theme-overlay--background: rgba(255, 255, 255, 0.85);
17447
- --theme-overlay-header--background: #ebf0f5;
17448
- --theme-overlay-header--color: rgba(0, 0, 0, 0.75);
17449
- --theme-nav-overlay-header--color: rgba(0, 0, 0, 0.75);
17450
- --theme-nav-overlay--background: rgba(255, 255, 255, 0.85);
17451
- --theme-color-alarm-10: rgba(220, 0, 49, 0.1);
17452
- --theme-color-alarm-40: rgba(220, 0, 49, 0.4);
17453
- --theme-color-critical-40: rgba(235, 120, 10, 0.4);
17454
- --theme-color-warning-10: rgba(255, 185, 0, 0.1);
17455
- --theme-color-warning-40: rgba(255, 185, 0, 0.4);
17456
- --theme-color-success-40: rgba(51, 155, 0, 0.4);
17457
- --theme-color-info-40: rgba(30, 84, 179, 0.4);
17458
- --theme-color-neutral-40: rgba(135, 155, 171, 0.4);
17459
- --theme-chart-tooltip-bdr: rgba(0, 0, 0, 0.2);
17460
- --theme-chart-tooltip-fill: rgba(255, 255, 255, 0.8);
17461
- --theme-chart-grid-lines: rgba(0, 0, 0, 0.1);
17462
- --theme-chart-axes: rgba(0, 0, 0, 0.3);
17463
- --theme-chart-grid-fill: #fff;
17464
- --theme-chart-ticks: rgba(0, 0, 0, 0.3);
17465
- --theme-input-unit--color: rgba(0, 0, 0, 0.6);
17466
- --theme-input-search-icon--color: rgba(0, 0, 0, 0.75);
17467
- --theme-input-search-icon--color--hover: rgba(0, 0, 0, 0.75);
17468
- --theme-input-search-icon--color--focus: rgba(0, 0, 0, 0.75);
17469
- --theme-input-search-icon--color--disabled: rgba(0, 0, 0, 0.3);
17470
- --theme-input-gripper--color: rgba(65, 95, 117, 0.6);
17122
+ --theme-color-neutral--contrast: #000000;
17123
+ --theme-color-neutral-40: #879bab66;
17124
+ --theme-color-contrast-text: #000000;
17125
+ --theme-color-std-text: #000000bf;
17126
+ --theme-color-soft-text: #0000008c;
17127
+ --theme-color-weak-text: #0000004d;
17128
+ --theme-color-inv-contrast-text: #ffffff;
17129
+ --theme-color-inv-std-text: #ffffffd9;
17130
+ --theme-color-inv-soft-text: #ffffff99;
17131
+ --theme-color-inv-weak-text: #ffffff66;
17471
17132
  --theme-color-alarm-text: #c10118;
17472
- --theme-messagebar--background: #fff;
17473
- --theme-messagebar--color: rgba(0, 0, 0, 0.75);
17474
- --theme-modal--background: #fff;
17475
- --theme-modal--border-color: rgba(65, 95, 117, 0.4);
17476
- --theme-color-shadow-1: rgba(0, 0, 0, 0.1);
17477
- --theme-color-shadow-2: rgba(0, 0, 0, 0.1);
17478
- --theme-color-shadow-3: rgba(0, 0, 0, 0.1);
17479
- --theme-color-shadow-4: rgba(0, 0, 0, 0.2);
17480
- --theme-group-item--background: rgba(135, 155, 170, 0.25);
17481
- --theme-group-item--background--hover: rgba(112, 128, 140, 0.29);
17482
- --theme-group-item--background--active: rgba(93, 107, 118, 0.33);
17483
- --theme-group-item--background--selected: rgba(50, 160, 160, 0.25);
17484
- --theme-group-item--background--disabled: rgba(144, 154, 161, 0.1);
17485
- --theme-group-item--border-color: rgba(65, 95, 117, 0);
17486
- --theme-group-item--border-color--hover: rgba(0, 0, 0, 0);
17487
- --theme-group-item--border-color--active: rgba(0, 0, 0, 0);
17488
- --theme-group-item--border-color--selected: #0e777c;
17489
- --theme-group-item--border-color--disabled: rgba(0, 0, 0, 0);
17490
- --theme-group-item-indicator--background: rgba(0, 0, 0, 0);
17491
- --theme-group-item-indicator--background--selected: #0e777c;
17492
- --theme-group-item-indicator--background--subselected: #0e777c;
17493
- --theme-group-node-closed--color: rgba(0, 0, 0, 0.75);
17494
- --theme-group-node-open--color: rgba(0, 0, 0, 0.75);
17495
- --theme-group-header--color: rgba(0, 0, 0, 0.75);
17496
- --theme-group-subheader--color: rgba(0, 0, 0, 0.75);
17497
- --theme-group-item-icon--color: rgba(0, 0, 0, 0.75);
17498
- --theme-group-item-text--color: rgba(0, 0, 0, 0.75);
17499
- --theme-group-item-subtext--color: rgba(0, 0, 0, 0.6);
17500
- --theme-group-item-icon--color--disabled: rgba(0, 0, 0, 0.3);
17501
- --theme-group-item-text--color--disabled: rgba(0, 0, 0, 0.3);
17502
- --theme-group-item-subtext--color--disabled: rgba(0, 0, 0, 0.3);
17503
- --theme-upload--background: #fff;
17504
- --theme-upload--background--dragover: #fff;
17505
- --theme-upload--background--checking: #fff;
17506
- --theme-upload--background--disabled: #fff;
17507
- --theme-upload--border-color: rgba(65, 95, 117, 0.4);
17508
- --theme-upload--border-color--dragover: #0e777c;
17509
- --theme-upload--border-color--checking: rgba(65, 95, 117, 0.4);
17510
- --theme-upload--border-color--disabled: rgba(65, 95, 117, 0.4);
17511
- --theme-upload-text--color: rgba(0, 0, 0, 0.75);
17512
- --theme-upload-text--color--checking: rgba(0, 0, 0, 0.75);
17513
- --theme-upload-text--color--disabled: rgba(0, 0, 40, 0.3);
17514
- --theme-event-item--background: #fff;
17515
- --theme-event-item--background--hover: #f2f2f2;
17516
- --theme-event-item--background--active: #e5e5e5;
17517
- --theme-event-item--background--selected: #e1f1f1;
17518
- --theme-event-item--background--disabled: rgba(255, 255, 255, 0.6);
17519
- --theme-event-item--border: rgba(23, 33, 38, 0.15);
17520
- --theme-event-item--border--hover: rgba(23, 33, 38, 0.15);
17521
- --theme-event-item--border--active: rgba(23, 33, 38, 0.15);
17522
- --theme-event-item--border--selected: #137d81;
17523
- --theme-event-item-chevron--color: rgba(0, 0, 0, 0.6);
17524
- --theme-event-item--border--disabled: rgba(0, 0, 0, 0.15);
17525
- --theme-flip--color: rgba(0, 0, 0, 0.75);
17526
- --theme-flip--background: #fff;
17527
- --theme-flip-footer--color: rgba(0, 0, 0, 0.75);
17528
- --theme-flip-footer--background: #fff;
17529
- --theme-flip--border-color: rgba(65, 95, 117, 0.6);
17530
- --theme-kpi-display--background: rgba(0, 0, 0, 0);
17531
- --theme-kpi-display--background--hover: rgba(0, 0, 0, 0.05);
17532
- --theme-kpi-display--background--active: rgba(0, 0, 0, 0.1);
17533
- --theme-kpi-display-indicator--background: rgba(0, 0, 0, 0.3);
17534
- --theme-kpi-display-label--color: rgba(0, 0, 0, 0.6);
17535
- --theme-kpi-display-icon--color: rgba(0, 0, 0, 0.75);
17536
- --theme-kpi-display-value--color: rgba(0, 0, 0, 0.75);
17537
- --theme-kpi-display-units--color: rgba(0, 0, 0, 0.6);
17538
- --theme-scrollbar-track--background: #f5f8fa;
17539
- --theme-scrollbar-track--background--hover: #e9ecee;
17540
- --theme-scrollbar-track--border: #fff;
17541
- --theme-scrollbar-thumb--background: #ced9e2;
17542
- --theme-scrollbar-thumb--background--hover: #c4ced7;
17543
- --theme-input-extra--background--hover: #f2f2f2;
17544
- --theme-input-extra--background--active: #e6e6e6;
17545
- --theme-input-select-icon--color--hover: rgba(255, 255, 255, 0.85);
17546
- --theme-input-select-icon--color--active: rgba(0, 0, 0, 0.75);
17547
- --theme-select-list-item-hint--color: rgba(0, 0, 0, 0.55);
17548
- --theme-select-list-item-hint--color--hover: rgba(0, 0, 0, 0.55);
17549
- --theme-select-list-item-hint--color--active: rgba(0, 0, 0, 0.55);
17550
- --theme-datepicker-day--background: rgba(255, 255, 255, 0);
17551
- --theme-datepicker-day--background--hover: rgba(0, 0, 0, 0.05);
17552
- --theme-datepicker-day--background--active: rgba(0, 0, 0, 0.1);
17553
- --theme-datepicker-day--background--disabled: rgba(255, 255, 255, 0);
17554
- --theme-datepicker-day--border-color: rgba(0, 0, 0, 0);
17555
- --theme-datepicker-day--border-color--hover: rgba(255, 255, 255, 0);
17556
- --theme-datepicker-day--border-color--active: rgba(255, 255, 255, 0);
17557
- --theme-datepicker-day--border-color--disabled: rgba(255, 255, 255, 0);
17558
- --theme-datepicker-day--color: #0e777c;
17559
- --theme-datepicker-day--color--hover: #0e777c;
17560
- --theme-datepicker-day--color--active: #0e777c;
17561
- --theme-datepicker-day--color--disabled: rgba(0, 0, 0, 0.3);
17562
- --theme-datepicker-day--background--selected: #0b6165;
17563
- --theme-datepicker-day--background--selected-hover: #0a5c60;
17564
- --theme-datepicker-day--background--selected-active: #0a575b;
17565
- --theme-datepicker-day--background--selected-disabled: rgba(11, 97, 101, 0.3);
17566
- --theme-datepicker-day--border-color--selected: rgba(255, 255, 255, 0);
17567
- --theme-datepicker-day--border-color--selected-hover: rgba(255, 255, 255, 0);
17568
- --theme-datepicker-day--border-color--selected-active: rgba(255, 255, 255, 0);
17569
- --theme-datepicker-day--border-color--selected-disabled: rgba(255, 255, 255, 0);
17570
- --theme-datepicker-day--color--selected: #fff;
17571
- --theme-datepicker-day--color--selected-hover: #fff;
17572
- --theme-datepicker-day--color--selected-active: #fff;
17573
- --theme-datepicker-day--color--selected-disabled: rgba(0, 0, 0, 0.3);
17574
- --theme-datepicker-day--background--range: #377d81;
17575
- --theme-datepicker-day--background--range-hover: #34777b;
17576
- --theme-datepicker-day--background--range-active: #327174;
17577
- --theme-datepicker-day--background--range-disabled: rgba(50, 113, 116, 0.2);
17578
- --theme-datepicker-day--border-color--range: rgba(255, 255, 255, 0);
17579
- --theme-datepicker-day--border-color--range-hover: rgba(255, 255, 255, 0);
17580
- --theme-datepicker-day--border-color--range-active: rgba(255, 255, 255, 0);
17581
- --theme-datepicker-day--border-color--range-disabled: rgba(255, 255, 255, 0);
17582
- --theme-datepicker-day--color--range: #fff;
17583
- --theme-datepicker-day--color--range-hover: #fff;
17584
- --theme-datepicker-day--color--range-active: #fff;
17585
- --theme-datepicker-day--color--range-disabled: rgba(0, 0, 0, 0.3);
17586
- --theme-datepicker-today--background: rgba(255, 255, 255, 0);
17587
- --theme-datepicker-today--background--hover: rgba(0, 0, 0, 0.05);
17588
- --theme-datepicker-today--background--active: rgba(0, 0, 0, 0.1);
17589
- --theme-datepicker-today--background--disabled: rgba(255, 255, 255, 0);
17590
- --theme-datepicker-today--border-color: #0e777c;
17591
- --theme-datepicker-today--border-color--hover: #0e777c;
17592
- --theme-datepicker-today--border-color--active: #0e777c;
17593
- --theme-datepicker-today--border-color--disabled: rgba(14, 119, 124, 0.3);
17594
- --theme-datepicker-today--color: #0e777c;
17595
- --theme-datepicker-today--color--hover: #0e777c;
17596
- --theme-datepicker-today--color--active: #0e777c;
17597
- --theme-datepicker-today--color--disabled: rgba(0, 0, 0, 0.3);
17598
- --theme-datepicker-today--background--selected: #0b6165;
17599
- --theme-datepicker-today--background--selected-hover: #0a5c60;
17600
- --theme-datepicker-today--background--selected-active: #0a575b;
17601
- --theme-datepicker-today--background--selected-disabled: rgba(11, 97, 101, 0.3);
17602
- --theme-datepicker-today--border-color--selected: #0e777c;
17603
- --theme-datepicker-today--border-color--selected-hover: #0e777c;
17604
- --theme-datepicker-today--border-color--selected-active: #0e777c;
17605
- --theme-datepicker-today--border-color--selected-disabled: rgba(14, 119, 124, 0.3);
17606
- --theme-datepicker-today--color--selected: #fff;
17607
- --theme-datepicker-today--color--selected-hover: #fff;
17608
- --theme-datepicker-today--color--selected-active: #fff;
17609
- --theme-datepicker-today--color--selected-disabled: rgba(0, 0, 0, 0.3);
17610
- --theme-datepicker-today--background--range: #377d81;
17611
- --theme-datepicker-today--background--range-hover: #34777b;
17612
- --theme-datepicker-today--background--range-active: #327174;
17613
- --theme-datepicker-today--background--range-disabled: rgba(50, 113, 116, 0.2);
17614
- --theme-datepicker-today--border-color--range: #0e777c;
17615
- --theme-datepicker-today--border-color--range-active: #0e777c;
17616
- --theme-datepicker-today--border-color--range-disabled: rgba(0, 121, 147, 0.3);
17617
- --theme-datepicker-today--color--range: #fff;
17618
- --theme-datepicker-today--color--range-hover: #fff;
17619
- --theme-datepicker-today--color--range-active: #fff;
17620
- --theme-datepicker-today--color--range-disabled: rgba(0, 0, 0, 0.3);
17621
- --theme-datepicker-extra--border-color: #fff;
17622
- --theme-datepicker-weekday--color: rgba(0, 0, 0, 0.6);
17623
- --theme-datepicker-time-header--color: rgba(0, 0, 0, 0.75);
17624
- --theme-datepicker-cw--color: rgba(0, 0, 0, 0.55);
17625
- --theme-datepicker-separator--background: rgba(23, 33, 38, 0.15);
17626
- --theme-color-4: #dfe6ed;
17627
- --theme-tootlip--background: #fff;
17628
- --theme-tooltip--border-color: rgba(0, 0, 0, 0);
17629
- --theme-color-dynamic: #007c82;
17630
- --theme-tooltip-close--color: rgba(0, 0, 0, 0.6);
17631
- --theme-tooltip-close-btn--background: rgba(0, 0, 0, 0);
17632
- --theme-tooltip-close-btn--background--hover: rgba(0, 0, 0, 0.05);
17633
- --theme-tooltip-close-btn--background--active: rgba(0, 0, 0, 0.1);
17634
- --theme-tooltip--color: rgba(0, 0, 0, 0.75);
17635
- --theme-color-hyperlink: #0e777c;
17636
- --theme-color-hyperlink--hover: #0e777c;
17637
- --theme-color-hyperlink--active: #000;
17638
- --theme-color-ghost--hover: rgba(0, 0, 0, 0.05);
17639
- --theme-color-ghost--active: rgba(0, 0, 0, 0.1);
17640
- --theme-toast--background: #fff;
17641
- --theme-toast--border-color: rgba(255, 255, 255, 0);
17642
- --theme-toast--color: rgba(0, 0, 0, 0.75);
17643
- --theme-toast-timer-track--background: rgba(0, 0, 0, 0);
17644
- --theme-toast-timer-value--background: #becdd7;
17645
- --theme-tree-item--background: rgba(255, 255, 255, 0);
17646
- --theme-tree-item--background--hover: rgba(0, 0, 0, 0.05);
17647
- --theme-tree-item--background--active: rgba(0, 0, 0, 0.1);
17648
- --theme-tree-item--background--selected: rgba(50, 160, 160, 0.25);
17649
- --theme-tree-item--background--selected-hover: rgba(41, 132, 132, 0.29);
17650
- --theme-tree-item--background--selected-active: rgba(35, 111, 111, 0.33);
17651
- --theme-tree-item-node-closed-icon--color: rgba(0, 0, 0, 0.75);
17652
- --theme-tree-item-node-open-icon--color: #0e777c;
17653
- --theme-tree-item--color: rgba(0, 0, 0, 0.75);
17654
- --theme-tree-item-icon--color: rgba(0, 0, 0, 0.75);
17655
- --theme-tree-item-status--color: rgba(0, 0, 0, 0.6);
17656
- --theme-table-data-row-alt--background--disabled: rgba(0, 45, 74, 0.03);
17657
- --theme-table--background: rgba(0, 0, 0, 0);
17658
- --theme-table--border-color: rgba(23, 33, 38, 0.15);
17659
- --theme-table--color: rgba(0, 0, 0, 0.75);
17660
- --theme-table-header-row--background: rgba(209, 225, 236, 0.2);
17661
- --theme-table-header-row--border-color: rgba(23, 33, 38, 0.15);
17662
- --theme-table-selection--border-color: #0e777c;
17663
- --theme-table-header-cell--background: rgba(255, 255, 255, 0);
17664
- --theme-table-header-cell--background--hover: rgba(0, 0, 0, 0.05);
17665
- --theme-table-header-cell--background--active: rgba(0, 0, 0, 0.1);
17666
- --theme-table-header-cell--border-color: rgba(0, 0, 0, 0);
17667
- --theme-table-header-cell--border-color--hover: rgba(0, 0, 0, 0);
17668
- --theme-table-header-cell--border-color--active: rgba(0, 0, 0, 0);
17669
- --theme-table-header-cell--color: rgba(0, 0, 0, 0.75);
17670
- --theme-table-header-splitter--background: rgba(65, 95, 117, 0.4);
17671
- --theme-table-header-splitter--background--hover: #0e777c;
17672
- --theme-table-group-splitter--background: rgba(23, 33, 38, 0.15);
17673
- --theme-table-group-splitter--background--hover: #0e777c;
17674
- --theme-table-data-row--background: rgba(255, 255, 255, 0);
17675
- --theme-table-data-row--background--hover: rgba(0, 0, 0, 0.05);
17676
- --theme-table-data-row--background--active: rgba(0, 0, 0, 0.1);
17677
- --theme-table-data-row--background--selected: rgba(50, 160, 160, 0.25);
17678
- --theme-table-data-row--background--disabled: rgba(255, 255, 255, 0);
17679
- --theme-table-data-row--background--selected-hover: rgba(41, 132, 132, 0.29);
17680
- --theme-table-data-row--background--selected-active: rgba(35, 111, 111, 0.33);
17681
- --theme-table-data-row-alt--background--hover: rgba(0, 0, 0, 0.08);
17682
- --theme-table-data-row-alt--background--active: rgba(0, 0, 0, 0.13);
17683
- --theme-table-data-row-alt--background--selected: rgba(44, 142, 142, 0.27);
17684
- --theme-table-data-row-alt--background--selected-hover: rgba(37, 119, 119, 0.31);
17685
- --theme-table-data-row-alt--background--selected-active: rgba(31, 101, 101, 0.34);
17686
- --theme-table-data-row--border-color: rgba(23, 33, 38, 0.15);
17687
- --theme-table-data-cell--background: rgba(0, 0, 0, 0);
17688
- --theme-table-data-cell--background--hover: rgba(0, 0, 0, 0.05);
17689
- --theme-table-data-cell--background--active: rgba(0, 0, 0, 0.1);
17690
- --theme-table-data-cell--background--selected: rgba(50, 160, 160, 0.25);
17691
- --theme-table-data-cell--background--disabled: rgba(255, 255, 255, 0);
17692
- --theme-table-data-cell--background--selected-hover: rgba(41, 132, 132, 0.29);
17693
- --theme-table-data-cell--background--selected-active: rgba(35, 111, 111, 0.33);
17694
- --theme-table-data-cell--border-color: rgba(0, 0, 0, 0);
17695
- --theme-table-data-cell--color: rgba(0, 0, 0, 0.75);
17696
- --theme-table-data-cell--color-disabled: rgba(0, 0, 0, 0.3);
17697
- --theme-table-group-header-row--background: rgba(209, 225, 236, 0.2);
17698
- --theme-table-group-header-row--border-color: rgba(23, 33, 38, 0.15);
17699
- --theme-label--color: rgba(0, 0, 0, 0.6);
17700
- --theme-label--color--hover: rgba(0, 0, 0, 0.75);
17701
- --theme-label--color--active: rgba(0, 0, 0, 0.75);
17702
- --theme-label--color--focus: rgba(0, 0, 0, 0.75);
17703
- --theme-label--color--disabled: rgba(0, 0, 0, 0.3);
17704
- --theme-workflow-step--background: rgba(0, 0, 0, 0);
17705
- --theme-workflow-step--background--hover: rgba(0, 0, 0, 0.05);
17706
- --theme-workflow-step--background--active: rgba(0, 0, 0, 0.1);
17707
- --theme-workflow-step--background--selected: rgba(50, 160, 160, 0.25);
17708
- --theme-workflow-step--background--disabled: rgba(255, 255, 255, 0);
17709
- --theme-workflow-step--color: rgba(0, 0, 0, 0.75);
17710
- --theme-workflow-step--color--disabled: rgba(0, 0, 0, 0.3);
17711
- --theme-workflow-step-icon--background: #fff;
17712
- --theme-workflow-step-icon-default--color: #879baa;
17713
- --theme-workflow-step-icon-default--color--selected: #0e777c;
17714
- --theme-workflow-step-icon-default--color--disabled: rgba(0, 0, 0, 0.3);
17715
- --theme-workflow-step-icon-done--color: #0e777c;
17716
- --theme-workflow-step-icon-done--color--selected: #0e777c;
17717
- --theme-workflow-step-icon-done--color--disabled: rgba(0, 0, 0, 0.3);
17718
- --theme-workflow-step-icon-success--color--disabled: rgba(0, 0, 0, 0.3);
17719
- --theme-workflow-step-icon-warning--color--disabled: rgba(0, 0, 0, 0.3);
17720
- --theme-workflow-step-icon-error--color--disabled: rgba(0, 0, 0, 0.3);
17133
+ --theme-color-shadow-1: #0000001a;
17134
+ --theme-color-shadow-2: #00000033;
17135
+ --theme-color-shadow-3: rgba(0,0,0,0.12);
17136
+ --theme-color-lightbox: #ffffff99;
17137
+ --theme-color-backdrop: #ffffffd9;
17138
+ --theme-color-backdrop-3: #ffffffd9;
17139
+ --theme-color-logo: #ffffff;
17721
17140
  --theme-chart-1: #00b8a6;
17141
+ --theme-chart-1-40: #00857866;
17722
17142
  --theme-chart-2: #007362;
17723
- --theme-chart-2-40: rgba(0, 115, 98, 0.4);
17143
+ --theme-chart-2-40: #00736266;
17724
17144
  --theme-chart-3: #00aab3;
17725
- --theme-chart-3-40: rgba(0, 170, 179, 0.4);
17145
+ --theme-chart-3-40: #00aab366;
17726
17146
  --theme-chart-4: #00afd7;
17727
- --theme-chart-4-40: rgba(0, 175, 215, 0.4);
17147
+ --theme-chart-4-40: #00afd766;
17728
17148
  --theme-chart-5: #617d8c;
17729
- --theme-chart-5-40: rgba(97, 125, 140, 0.4);
17149
+ --theme-chart-5-40: #617d8c66;
17730
17150
  --theme-chart-6: #1d86dc;
17731
- --theme-chart-6-40: rgba(29, 134, 220, 0.4);
17151
+ --theme-chart-6-40: #1d86dc66;
17732
17152
  --theme-chart-7: #2351a4;
17733
- --theme-chart-7-40: rgba(36, 115, 255, 0.4);
17153
+ --theme-chart-7-40: #2473ff66;
17734
17154
  --theme-chart-8: #5581e7;
17735
- --theme-chart-8-40: rgba(85, 129, 231, 0.4);
17155
+ --theme-chart-8-40: #5581e766;
17736
17156
  --theme-chart-9: #666df4;
17737
- --theme-chart-9-40: rgba(102, 109, 244, 0.4);
17157
+ --theme-chart-9-40: #666df466;
17738
17158
  --theme-chart-10: #7c40ff;
17739
- --theme-chart-10-40: rgba(124, 64, 255, 0.4);
17159
+ --theme-chart-10-40: #7c40ff66;
17740
17160
  --theme-chart-11: #a12ef3;
17741
- --theme-chart-11-40: rgba(161, 46, 243, 0.4);
17742
- --theme-chart-12: #a207bd;
17743
- --theme-chart-12-40: rgba(162, 7, 189, 0.4);
17161
+ --theme-chart-11-40: #a12ef366;
17162
+ --theme-chart-12: #aa32be;
17163
+ --theme-chart-12-40: #a207bd66;
17744
17164
  --theme-chart-13: #ca5e77;
17745
- --theme-chart-13-40: rgba(202, 94, 119, 0.4);
17165
+ --theme-chart-13-40: #ca5e7766;
17746
17166
  --theme-chart-14: #d1706f;
17747
- --theme-chart-14-40: rgba(209, 112, 111, 0.4);
17167
+ --theme-chart-14-40: #d1706f66;
17748
17168
  --theme-chart-15: #dd886a;
17749
- --theme-chart-15-40: rgba(221, 136, 106, 0.4);
17169
+ --theme-chart-15-40: #dd886a66;
17750
17170
  --theme-chart-16: #94947b;
17751
- --theme-chart-16-40: rgba(148, 148, 123, 0.4);
17171
+ --theme-chart-16-40: #94947b66;
17752
17172
  --theme-chart-17: #909700;
17753
- --theme-chart-17-40: rgba(144, 151, 0, 0.4);
17754
- --theme-chart-1-40: rgba(0, 133, 120, 0.4);
17755
- --theme-color-1: #fff;
17756
- --theme-input-hint--color: rgba(0, 0, 0, 0.6);
17757
- --theme-btn--border-thickness: 2px;
17758
- --theme-btn--border-radius: 4px;
17759
- --theme-btn--focus--outline-offset: 1px;
17760
- --theme-app-header--border-width: 1px;
17761
- --theme-blind--border-thickness: 1px;
17762
- --theme-blind--border-radius: 4px;
17763
- --theme-breadcrumb--border-radius: 4px;
17764
- --theme-checkbox--border-thickness: 2px;
17765
- --theme-checkbox--focus--outline-offset: 1px;
17766
- --theme-focus--border-thickness: 0.0625rem;
17767
- --theme-group--border-radius: 4px;
17768
- --theme-group--border-radius--focus: 0;
17769
- --theme-radiobtn--border-thickness: 2px;
17770
- --theme-radiobtn--focus--outline-offset: 1px;
17771
- --theme-kpi--border-radius: 4px;
17772
- --theme-input--border-radius: 4px;
17773
- --theme-input--border-thickness: 1px;
17173
+ --theme-chart-17-40: #90970066;
17174
+ --theme-chart-axes: #0000004d;
17175
+ --theme-chart-grid-lines: #0000001a;
17176
+ --theme-chart-grid-fill: #ffffff;
17177
+ --theme-chart-ticks: #0000004d;
17178
+ --theme-chart-tooltip-fill: #ffffffcc;
17179
+ --theme-chart-tooltip-bdr: #00000033;
17180
+ --theme-workflow-step--color--disabled: var(--theme-color-weak-text);
17181
+ --theme-app-header--color: var(--theme-color-inv-std-text);
17182
+ --theme-app-header--background: var(--theme-color-8);
17183
+ --theme-app-header--border-color: var(--theme-color-0);
17184
+ --theme-app-header-logo--color: var(--theme-color-logo);
17185
+ --theme-btn-primary--background: var(--theme-color-primary);
17186
+ --theme-btn-primary--background--hover: var(--theme-color-primary--hover);
17187
+ --theme-btn-primary--background--active: var(--theme-color-primary--active);
17188
+ --theme-btn-primary--background--disabled: var(--theme-color-component-4);
17189
+ --theme-btn-primary--color: var(--theme-color-primary--contrast);
17190
+ --theme-btn-primary--color--hover: var(--theme-color-primary--contrast);
17191
+ --theme-btn-primary--color--active: var(--theme-color-primary--contrast);
17192
+ --theme-btn-primary--color--disabled: var(--theme-color-inv-std-text);
17193
+ --theme-btn-outline-primary--background: var(--theme-color-secondary);
17194
+ --theme-btn-outline-primary--background--hover: var(--theme-color-secondary--hover);
17195
+ --theme-btn-outline-primary--background--active: var(--theme-color-secondary--active);
17196
+ --theme-btn-outline-primary--background--disabled: var(--theme-color-ghost);
17197
+ --theme-btn-outline-primary--color: var(--theme-color-primary);
17198
+ --theme-btn-outline-primary--color--hover: var(--theme-color-primary);
17199
+ --theme-btn-outline-primary--color--active: var(--theme-color-primary);
17200
+ --theme-btn-outline-primary--color--disabled: var(--theme-color-weak-text);
17201
+ --theme-btn-primary--border-color: var(--theme-color-ghost);
17202
+ --theme-btn-primary--border-color--hover: var(--theme-color-ghost);
17203
+ --theme-btn-primary--border-color--active: var(--theme-color-ghost);
17204
+ --theme-btn-primary--border-color--disabled: var(--theme-color-ghost);
17205
+ --theme-btn-invisible-primary--background: var(--theme-color-ghost);
17206
+ --theme-btn-invisible-primary--background--hover: var(--theme-color-ghost-primary--hover);
17207
+ --theme-btn-invisible-primary--background--active: var(--theme-color-ghost-primary--active);
17208
+ --theme-btn-invisible-primary--background--disabled: var(--theme-color-ghost);
17209
+ --theme-btn-invisible-primary--color: var(--theme-color-primary);
17210
+ --theme-btn-invisible-primary--color--hover: var(--theme-color-primary);
17211
+ --theme-btn-invisible-primary--color--active: var(--theme-color-primary);
17212
+ --theme-btn-invisible-primary--color--disabled: var(--theme-color-weak-text);
17213
+ --theme-btn-secondary--background: var(--theme-color-component-1);
17214
+ --theme-btn-secondary--background--hover: var(--theme-color-component-1--hover);
17215
+ --theme-btn-secondary--background--active: var(--theme-color-component-1--active);
17216
+ --theme-btn-secondary--background--disabled: var(--theme-color-component-4);
17217
+ --theme-btn-secondary--color: var(--theme-color-std-text);
17218
+ --theme-btn-secondary--color--hover: var(--theme-color-std-text);
17219
+ --theme-btn-secondary--color--active: var(--theme-color-std-text);
17220
+ --theme-btn-secondary--color--disabled: var(--theme-color-weak-text);
17221
+ --theme-btn-outline-secondary--background: var(--theme-color-secondary);
17222
+ --theme-btn-outline-secondary--background--hover: var(--theme-color-secondary--hover);
17223
+ --theme-btn-outline-secondary--background--active: var(--theme-color-secondary--active);
17224
+ --theme-btn-outline-secondary--background--disabled: var(--theme-color-ghost);
17225
+ --theme-btn-outline-secondary--border-color: var(--theme-color-6);
17226
+ --theme-btn-outline-secondary--border-color--hover: var(--theme-color-6);
17227
+ --theme-btn-outline-secondary--border-color--active: var(--theme-color-6);
17228
+ --theme-btn-outline-secondary--border-color--disabled: var(--theme-color-component-4);
17229
+ --theme-btn-outline-secondary--color: var(--theme-color-soft-text);
17230
+ --theme-btn-outline-secondary--color--hover: var(--theme-color-std-text);
17231
+ --theme-btn-outline-secondary--color--active: var(--theme-color-std-text);
17232
+ --theme-btn-outline-secondary--color--disabled: var(--theme-color-weak-text);
17233
+ --theme-btn-invisible-secondary--background: var(--theme-color-ghost);
17234
+ --theme-btn-invisible-secondary--background--hover: var(--theme-color-ghost--hover);
17235
+ --theme-btn-invisible-secondary--background--active: var(--theme-color-ghost--active);
17236
+ --theme-btn-invisible-secondary--color: var(--theme-color-std-text);
17237
+ --theme-btn-invisible-secondary--color--hover: var(--theme-color-std-text);
17238
+ --theme-btn-invisible-secondary--color--active: var(--theme-color-std-text);
17239
+ --theme-btn-invisible-secondary--color--disabled: var(--theme-color-weak-text);
17240
+ --theme-btn-invisible-secondary--color--selected: var(--theme-color-primary);
17241
+ --theme-btn-invisible-secondary--color--selected-hover: var(--theme-color-primary);
17242
+ --theme-btn-invisible-secondary--color--selected-active: var(--theme-color-primary);
17243
+ --theme-btn-invisible-secondary--background--selected: var(--theme-color-component-7);
17244
+ --theme-btn-invisible-secondary--background--selected-hover: var(--theme-color-component-7--hover);
17245
+ --theme-btn-invisible-secondary--background--selected-active: var(--theme-color-component-7--active);
17246
+ --theme-link-btn--color: var(--theme-color-primary);
17247
+ --theme-link-btn--color--hover: var(--theme-color-primary);
17248
+ --theme-link-btn--color--active: var(--theme-color-contrast-text);
17249
+ --theme-link-btn--border-color: var(--theme-color-ghost);
17250
+ --theme-link-btn--border-color--hover: var(--theme-color-ghost);
17251
+ --theme-link-btn--border-color--active: var(--theme-color-ghost);
17252
+ --theme-link-btn--color--visited: var(--theme-color-primary);
17253
+ --theme-link-btn--border-color--visited: var(--theme-color-ghost);
17254
+ --theme-link-btn--border-color--disabled: var(--theme-color-ghost);
17255
+ --theme-link-btn--color--disabled: var(--theme-color-weak-text);
17256
+ --theme-checkbox-unchecked--background: var(--theme-color-secondary);
17257
+ --theme-checkbox-unchecked--border-color: var(--theme-color-std-bdr);
17258
+ --theme-checkbox-unchecked--background--hover: var(--theme-color-secondary--hover);
17259
+ --theme-checkbox-unchecked--background--active: var(--theme-color-secondary--active);
17260
+ --theme-checkbox-unchecked--border-color--hover: var(--theme-color-std-bdr);
17261
+ --theme-checkbox-unchecked--border-color--active: var(--theme-color-std-bdr);
17262
+ --theme-checkbox-unchecked--background--disabled: var(--theme-color-ghost);
17263
+ --theme-checkbox-unchecked--border-color--disabled: var(--theme-color-weak-bdr);
17264
+ --theme-checkbox-checked--background: var(--theme-color-primary);
17265
+ --theme-checkbox-checked--border-color: var(--theme-color-0);
17266
+ --theme-checkbox-checked--color: var(--theme-color-primary--contrast);
17267
+ --theme-checkbox-checked--background--hover: var(--theme-color-primary--hover);
17268
+ --theme-checkbox-checked--border-color--hover: var(--theme-color-0);
17269
+ --theme-checkbox-checked--color--hover: var(--theme-color-primary--contrast);
17270
+ --theme-checkbox-checked--background--active: var(--theme-color-primary--active);
17271
+ --theme-checkbox-checked--border-color--active: var(--theme-color-0);
17272
+ --theme-checkbox-checked--color--active: var(--theme-color-primary--contrast);
17273
+ --theme-checkbox-checked--background--disabled: var(--theme-color-component-4);
17274
+ --theme-checkbox-checked--border-color--disabled: var(--theme-color-0);
17275
+ --theme-checkbox-checked--color--disabled: var(--theme-color-primary--contrast);
17276
+ --theme-checkbox-mixed--background: var(--theme-color-secondary);
17277
+ --theme-checkbox-mixed--border-color: var(--theme-color-primary);
17278
+ --theme-checkbox-mixed--color: var(--theme-color-primary);
17279
+ --theme-checkbox-mixed--background--hover: var(--theme-color-secondary--hover);
17280
+ --theme-checkbox-mixed--border-color--hover: var(--theme-color-primary);
17281
+ --theme-checkbox-mixed--color--hover: var(--theme-color-primary);
17282
+ --theme-checkbox-mixed--background--active: var(--theme-color-secondary--active);
17283
+ --theme-checkbox-mixed--border-color--active: var(--theme-color-primary);
17284
+ --theme-checkbox-mixed--color--active: var(--theme-color-primary);
17285
+ --theme-checkbox-mixed--background--disabled: var(--theme-color-ghost);
17286
+ --theme-checkbox-mixed--border-color--disabled: var(--theme-color-component-4);
17287
+ --theme-checkbox-mixed--color--disabled: var(--theme-color-component-4);
17288
+ --theme-checkbox-label--color: var(--theme-color-std-text);
17289
+ --theme-checkbox-label--color--disabled: var(--theme-color-weak-text);
17290
+ --theme-radiobtn-unchecked--background: var(--theme-color-secondary);
17291
+ --theme-radiobtn-unchecked--border-color: var(--theme-color-std-bdr);
17292
+ --theme-radiobtn-unchecked--border-color--hover: var(--theme-color-std-bdr);
17293
+ --theme-radiobtn-unchecked--border-color--active: var(--theme-color-std-bdr);
17294
+ --theme-radiobtn-unchecked--border-color--disabled: var(--theme-color-component-4);
17295
+ --theme-radiobtn-unchecked--background--hover: var(--theme-color-secondary--hover);
17296
+ --theme-radiobtn-unchecked--background--active: var(--theme-color-secondary--active);
17297
+ --theme-radiobtn-unchecked--background--disabled: var(--theme-color-ghost);
17298
+ --theme-radiobtn-checked--color: var(--theme-color-primary);
17299
+ --theme-radiobtn-checked--color--active: var(--theme-color-primary);
17300
+ --theme-radiobtn-checked--color--disabled: var(--theme-color-component-4);
17301
+ --theme-radiobtn-label--color: var(--theme-color-std-text);
17302
+ --theme-radiobtn-label--color--disabled: var(--theme-color-weak-text);
17303
+ --theme-radiobtn-checked--background: var(--theme-color-secondary);
17304
+ --theme-radiobtn-checked--background--hover: var(--theme-color-secondary--hover);
17305
+ --theme-radiobtn-checked--background--active: var(--theme-color-secondary--active);
17306
+ --theme-radiobtn-checked--background--disabled: var(--theme-color-ghost);
17307
+ --theme-radiobtn-checked--border-color: var(--theme-color-primary);
17308
+ --theme-radiobtn-checked--border-color--hover: var(--theme-color-primary);
17309
+ --theme-radiobtn-checked--border-color--active: var(--theme-color-primary);
17310
+ --theme-radiobtn-checked--border-color--disabled: var(--theme-color-component-4);
17311
+ --theme-nav--background: var(--theme-color-component-8);
17312
+ --theme-avatar-btn--background: var(--theme-color-ghost);
17313
+ --theme-avatar-btn--background--hover: var(--theme-color-ghost--hover);
17314
+ --theme-avatar-btn--background--active: var(--theme-color-ghost--active);
17315
+ --theme-avatar-btn--color: var(--theme-color-std-text);
17316
+ --theme-avatar-btn--color--hover: var(--theme-color-std-text);
17317
+ --theme-avatar-btn--color--active: var(--theme-color-std-text);
17318
+ --theme-menu-btn--color: var(--theme-color-std-text);
17319
+ --theme-menu-btn--color--hover: var(--theme-color-std-text);
17320
+ --theme-menu-btn--color--active: var(--theme-color-std-text);
17321
+ --theme-menu-btn--background: var(--theme-color-ghost);
17322
+ --theme-menu-btn--background--hover: var(--theme-color-ghost--hover);
17323
+ --theme-menu-btn--background--active: var(--theme-color-ghost--active);
17324
+ --theme-nav-item-primary--background: var(--theme-color-ghost);
17325
+ --theme-nav-item-primary--background--hover: var(--theme-color-ghost--hover);
17326
+ --theme-nav-item-primary--background--active: var(--theme-color-ghost--active);
17327
+ --theme-nav-item-primary--background--selected: var(--theme-color-3);
17328
+ --theme-nav-item-primary--border-color: var(--theme-color-0);
17329
+ --theme-nav-item-primary--border-color--hover: var(--theme-color-0);
17330
+ --theme-nav-item-primary--border-color--active: var(--theme-color-0);
17331
+ --theme-nav-item-primary--border-color--selected: var(--theme-color-primary);
17332
+ --theme-nav-item-primary--color: var(--theme-color-std-text);
17333
+ --theme-nav-item-primary--color--hover: var(--theme-color-std-text);
17334
+ --theme-nav-item-primary--color--active: var(--theme-color-std-text);
17335
+ --theme-nav-item-primary--color--selected: var(--theme-color-std-text);
17336
+ --theme-nav-item-primary-icon--color: var(--theme-color-std-text);
17337
+ --theme-nav-item-primary-icon--color--hover: var(--theme-color-std-text);
17338
+ --theme-nav-item-primary-icon--color--active: var(--theme-color-std-text);
17339
+ --theme-nav-item-primary-icon--color--selected: var(--theme-color-std-text);
17340
+ --theme-nav-item-secondary--background: var(--theme-color-ghost);
17341
+ --theme-nav-item-secondary--background--hover: var(--theme-color-ghost--hover);
17342
+ --theme-nav-item-secondary--background--active: var(--theme-color-ghost--active);
17343
+ --theme-nav-item-secondary--background--disabled: var(--theme-color-0);
17344
+ --theme-nav-item-secondary--background--selected: var(--theme-color-1);
17345
+ --theme-nav-item-secondary--border-color: var(--theme-color-0);
17346
+ --theme-nav-item-secondary--border-color--hover: var(--theme-color-0);
17347
+ --theme-nav-item-secondary--border-color--active: var(--theme-color-0);
17348
+ --theme-nav-item-secondary--border-color--disabled: var(--theme-color-0);
17349
+ --theme-nav-item-secondary--border-color--selected: var(--theme-color-primary);
17350
+ --theme-nav-item-secondary--color: var(--theme-color-std-text);
17351
+ --theme-nav-item-secondary--color--hover: var(--theme-color-std-text);
17352
+ --theme-nav-item-secondary--color--active: var(--theme-color-std-text);
17353
+ --theme-nav-item-secondary--color--disabled: var(--theme-color-weak-text);
17354
+ --theme-nav-item-secondary--color--selected: var(--theme-color-std-text);
17355
+ --theme-nav-item-secondary-icon--color: var(--theme-color-std-text);
17356
+ --theme-nav-item-secondary-icon--color--hover: var(--theme-color-std-text);
17357
+ --theme-nav-item-secondary-icon--color--active: var(--theme-color-std-text);
17358
+ --theme-nav-item-secondary-icon--color--selected: var(--theme-color-std-text);
17359
+ --theme-nav-item-secondary-icon--color--disabled: var(--theme-color-weak-text);
17360
+ --theme-avatar--background: var(--theme-color-component-3);
17361
+ --theme-input--border-color: var(--theme-color-std-bdr);
17362
+ --theme-input--background: var(--theme-color-1);
17363
+ --theme-input--border-color-bottom--readonly: var(--theme-color-soft-bdr);
17364
+ --theme-input-error--background: var(--theme-color-component-error);
17365
+ --theme-input--color--disabled: var(--theme-color-weak-text);
17366
+ --theme-input--color: var(--theme-color-std-text);
17367
+ --theme-input--background--hover: var(--theme-color-1);
17368
+ --theme-input--border-color--hover: var(--theme-color-std-bdr);
17369
+ --theme-input--background--focus: var(--theme-color-1);
17370
+ --theme-input--border-color--focus: var(--theme-color-primary);
17371
+ --theme-input--background--readonly: var(--theme-color-0);
17372
+ --theme-input--border-color--readonly: var(--theme-color-0);
17373
+ --theme-input--background--disabled: var(--theme-color-0);
17374
+ --theme-input--border-color--disabled: var(--theme-color-0);
17375
+ --theme-input--border-color-bottom--disabled: var(--theme-color-weak-bdr);
17376
+ --theme-input-error--border-color: var(--theme-color-alarm);
17377
+ --theme-input-error-icon--color: var(--theme-color-alarm);
17378
+ --theme-blind-base--border-color: var(--theme-color-weak-bdr);
17379
+ --theme-blind-base--background: var(--theme-color-1);
17380
+ --theme-blind-header-closed--background: var(--theme-color-ghost);
17381
+ --theme-blind-header-closed--background--hover: var(--theme-color-ghost--hover);
17382
+ --theme-blind-header-closed--background--active: var(--theme-color-ghost--active);
17383
+ --theme-blind-header-open--background: var(--theme-color-ghost);
17384
+ --theme-blind-header-open--background--hover: var(--theme-color-ghost--hover);
17385
+ --theme-blind-header-open--background--active: var(--theme-color-ghost--active);
17386
+ --theme-blind-header-open--color--active: var(--theme-color-std-text);
17387
+ --theme-blind-header-icon-open--color--active: var(--theme-color-std-text);
17388
+ --theme-blind-header-icon-open--color--hover: var(--theme-color-std-text);
17389
+ --theme-blind-header-open--color--hover: var(--theme-color-std-text);
17390
+ --theme-blind-header-icon-open--color: var(--theme-color-std-text);
17391
+ --theme-blind-header-open--color: var(--theme-color-std-text);
17392
+ --theme-blind-header-icon-closed--color: var(--theme-color-std-text);
17393
+ --theme-blind-header-icon-closed--color--active: var(--theme-color-std-text);
17394
+ --theme-blind-header-icon-closed--color--hover: var(--theme-color-std-text);
17395
+ --theme-blind-header-closed--color: var(--theme-color-std-text);
17396
+ --theme-blind-header-closed--color--active: var(--theme-color-std-text);
17397
+ --theme-blind-header-closed--color--hover: var(--theme-color-std-text);
17398
+ --theme-breadcrumb-btn--background: var(--theme-color-component-1);
17399
+ --theme-breadcrumb-btn--background--hover: var(--theme-color-component-1--hover);
17400
+ --theme-breadcrumb-btn--background--active: var(--theme-color-component-1--active);
17401
+ --theme-breadcrumb-btn--color: var(--theme-color-std-text);
17402
+ --theme-breadcrumb-btn--color--hover: var(--theme-color-std-text);
17403
+ --theme-breadcrumb-btn--color--active: var(--theme-color-std-text);
17404
+ --theme-breadcrumb-btn-arrow--color: var(--theme-color-std-text);
17405
+ --theme-breadcrumb-btn-arrow--color--hover: var(--theme-color-std-text);
17406
+ --theme-breadcrumb-btn-arrow--color--active: var(--theme-color-std-text);
17407
+ --theme-breadcrumb-btn-last--color: var(--theme-color-std-text);
17408
+ --theme-breadcrumb-ghost--color: var(--theme-color-primary);
17409
+ --theme-breadcrumb-ghost--color--hover: var(--theme-color-primary);
17410
+ --theme-breadcrumb-ghost--color--active: var(--theme-color-primary);
17411
+ --theme-breadcrumb-ghost-arrow--color: var(--theme-color-primary);
17412
+ --theme-breadcrumb-ghost-arrow--color--hover: var(--theme-color-primary);
17413
+ --theme-breadcrumb-ghost-arrow--color--active: var(--theme-color-primary);
17414
+ --theme-breadcrumb-ghost--background: var(--theme-color-ghost);
17415
+ --theme-breadcrumb-ghost--background--hover: var(--theme-color-ghost--hover);
17416
+ --theme-breadcrumb-ghost--background--active: var(--theme-color-ghost--active);
17417
+ --theme-breadcrumb-ghost-last--color: var(--theme-color-soft-text);
17418
+ --theme-avatar--color: var(--theme-color-contrast-text);
17419
+ --theme-chip-close-btn--background--hover: var(--theme-color-ghost--hover);
17420
+ --theme-chip-close-btn--background--active: var(--theme-color-ghost--active);
17421
+ --theme-chip-close-btn--color: var(--theme-color-std-text);
17422
+ --theme-chip-outline--color: var(--theme-color-std-text);
17423
+ --theme-chip-outline--background: var(--theme-color-1);
17424
+ --theme-chip-outline--background--hover: var(--theme-color-1--hover);
17425
+ --theme-chip-outline--background--active: var(--theme-color-1--active);
17426
+ --theme-chip--background: var(--theme-color-component-1);
17427
+ --theme-chip--background--hover: var(--theme-color-component-1--hover);
17428
+ --theme-chip--background--active: var(--theme-color-component-1--active);
17429
+ --theme-chip--color: var(--theme-color-contrast-text);
17430
+ --theme-chip-close-btn--background: var(--theme-color-ghost);
17431
+ --theme-pill-outline--color: var(--theme-color-std-text);
17432
+ --theme-pill-outline--background: var(--theme-color-1);
17433
+ --theme-chip-primary-outline--background: var(--theme-color-secondary);
17434
+ --theme-chip-primary-outline--background--hover: var(--theme-color-secondary--hover);
17435
+ --theme-chip-primary-outline--background--active: var(--theme-color-secondary--active);
17436
+ --theme-chip-primary-outline--border-color: var(--theme-color-primary);
17437
+ --theme-chip-primary-outline--border-color--hover: var(--theme-color-primary);
17438
+ --theme-chip-primary-outline--border-color--active: var(--theme-color-primary);
17439
+ --theme-chip-primary-outline--color: var(--theme-color-primary);
17440
+ --theme-chip-primary-outline--color--hover: var(--theme-color-primary);
17441
+ --theme-chip-primary-outline--color--active: var(--theme-color-primary);
17442
+ --theme-chip-primary--background: var(--theme-color-primary);
17443
+ --theme-chip-primary--background--hover: var(--theme-color-primary--hover);
17444
+ --theme-chip-primary--background--active: var(--theme-color-primary--active);
17445
+ --theme-chip-primary--color: var(--theme-color-primary--contrast);
17446
+ --theme-chip-primary--color--hover: var(--theme-color-primary--contrast);
17447
+ --theme-chip-primary--color--active: var(--theme-color-primary--contrast);
17448
+ --theme-chip-primary-outline--background--display: var(--theme-color-secondary);
17449
+ --theme-chip-primary-outline--border-color--display: var(--theme-color-primary);
17450
+ --theme-chip-primary-outline--color--display: var(--theme-color-std-text);
17451
+ --theme-switch-off--background: var(--theme-color-2);
17452
+ --theme-menu--background: var(--theme-color-1);
17453
+ --theme-menu--border-color: var(--theme-color-soft-bdr);
17454
+ --theme-menu-header--color: var(--theme-color-soft-text);
17455
+ --theme-menu-item--background: var(--theme-color-ghost);
17456
+ --theme-menu-item--background--hover: var(--theme-color-ghost--hover);
17457
+ --theme-menu-item--background--active: var(--theme-color-ghost--active);
17458
+ --theme-menu-item--background--disabled: var(--theme-color-ghost);
17459
+ --theme-menu-item--color: var(--theme-color-std-text);
17460
+ --theme-menu-item--color--hover: var(--theme-color-std-text);
17461
+ --theme-menu-item--color--active: var(--theme-color-std-text);
17462
+ --theme-menu-item--color--disabled: var(--theme-color-weak-text);
17463
+ --theme-menu-item-icon--color: var(--theme-color-soft-text);
17464
+ --theme-menu-item-icon--color--hover: var(--theme-color-std-text);
17465
+ --theme-menu-item-icon--color--active: var(--theme-color-std-text);
17466
+ --theme-menu-item-icon--color--disabled: var(--theme-color-weak-text);
17467
+ --theme-menu-item-arrow--color: var(--theme-color-std-text);
17468
+ --theme-menu-item-arrow--color--hover: var(--theme-color-std-text);
17469
+ --theme-menu-item-arrow--color--active: var(--theme-color-std-text);
17470
+ --theme-menu-item-arrow--color--disabled: var(--theme-color-weak-text);
17471
+ --theme-menu-item-check--color: var(--theme-color-std-text);
17472
+ --theme-menu-item-check--color--hover: var(--theme-color-std-text);
17473
+ --theme-menu-item-check--color--active: var(--theme-color-std-text);
17474
+ --theme-menu-item-check--color--disabled: var(--theme-color-weak-text);
17475
+ --theme-select-list-item--background: var(--theme-color-ghost);
17476
+ --theme-select-list-item--background--hover: var(--theme-color-ghost--hover);
17477
+ --theme-select-list-item--background--active: var(--theme-color-ghost--active);
17478
+ --theme-select-list-item--background--disabled: var(--theme-color-ghost);
17479
+ --theme-select-list-item--background--selected: var(--theme-color-ghost--selected);
17480
+ --theme-select-list-item--background--selected-hover: var(--theme-color-ghost--selected-hover);
17481
+ --theme-select-list-item--background--selected-active: var(--theme-color-ghost--selected-active);
17482
+ --theme-select-list-item--background--selected-disabled: var(--theme-color-ghost);
17483
+ --theme-select-list-item--color: var(--theme-color-std-text);
17484
+ --theme-select-list-item--color--hover: var(--theme-color-std-text);
17485
+ --theme-select-list-item--color--active: var(--theme-color-std-text);
17486
+ --theme-select-list-item--color--disabled: var(--theme-color-weak-text);
17487
+ --theme-select-list-item--color--selected: var(--theme-color-std-text);
17488
+ --theme-select-list-item--color--selected-hover: var(--theme-color-std-text);
17489
+ --theme-select-list-item--color--selected-active: var(--theme-color-std-text);
17490
+ --theme-select-list-item--color--selected-disabled: var(--theme-color-weak-text);
17491
+ --theme-select-list-item-check--color: var(--theme-color-std-text);
17492
+ --theme-select-list-item-check--color--hover: var(--theme-color-std-text);
17493
+ --theme-select-list-item-check--color--active: var(--theme-color-std-text);
17494
+ --theme-select-list-item-check--color--disabled: var(--theme-color-weak-text);
17495
+ --theme-select-list--background: var(--theme-color-1);
17496
+ --theme-select-list--border-color: var(--theme-color-soft-bdr);
17497
+ --theme-tab--background: var(--theme-color-ghost);
17498
+ --theme-tab--background--hover: var(--theme-color-ghost--hover);
17499
+ --theme-tab--background--active: var(--theme-color-ghost--active);
17500
+ --theme-tab--background--selected: var(--theme-color-ghost);
17501
+ --theme-tab--background--disabled: var(--theme-color-ghost);
17502
+ --theme-tab-indicator--background: var(--theme-color-0);
17503
+ --theme-tab-indicator--background--hover: var(--theme-color-6);
17504
+ --theme-tab-indicator--background--active: var(--theme-color-6);
17505
+ --theme-tab-indicator--background--selected: var(--theme-color-primary);
17506
+ --theme-tab-indicator--background--disabled: var(--theme-color-0);
17507
+ --theme-animated-tab-indicator--background: var(--theme-color-0);
17508
+ --theme-animated-tab-indicator--background--hover: var(--theme-color-0);
17509
+ --theme-animated-tab-indicator--background--active: var(--theme-color-0);
17510
+ --theme-animated-tab-indicator--background--selected: var(--theme-color-primary);
17511
+ --theme-tab--color: var(--theme-color-soft-text);
17512
+ --theme-tab--color--hover: var(--theme-color-soft-text);
17513
+ --theme-tab--color--active: var(--theme-color-soft-text);
17514
+ --theme-tab--color--selected: var(--theme-color-primary);
17515
+ --theme-tab--color--disabled: var(--theme-color-weak-text);
17516
+ --theme-tab-icon--color: var(--theme-color-soft-text);
17517
+ --theme-tab-icon--color--hover: var(--theme-color-soft-text);
17518
+ --theme-tab-icon--color--active: var(--theme-color-soft-text);
17519
+ --theme-tab-icon--color--selected: var(--theme-color-primary);
17520
+ --theme-tab-icon--color--disabled: var(--theme-color-weak-text);
17521
+ --theme-animated-tab-icon--color: var(--theme-color-soft-text);
17522
+ --theme-animated-tab-icon--color--hover: var(--theme-color-soft-text);
17523
+ --theme-animated-tab-icon--color--active: var(--theme-color-soft-text);
17524
+ --theme-animated-tab-icon--color--selected: var(--theme-color-primary--contrast);
17525
+ --theme-animated-tab-icon--color--disabled: var(--theme-color-weak-text);
17526
+ --theme-animated-tab-circle--background: var(--theme-color-1);
17527
+ --theme-animated-tab-circle--background--hover: var(--theme-color-1--hover);
17528
+ --theme-animated-tab-circle--background--active: var(--theme-color-1--active);
17529
+ --theme-animated-tab-circle--background--selected: var(--theme-color-primary);
17530
+ --theme-animated-tab-circle--background--disabled: var(--theme-color-0);
17531
+ --theme-animated-tab-circle--border-color: var(--theme-color-soft-bdr);
17532
+ --theme-animated-tab-circle--border-color--hover: var(--theme-color-soft-bdr);
17533
+ --theme-animated-tab-circle--border-color--active: var(--theme-color-soft-bdr);
17534
+ --theme-animated-tab-circle--border-color--selected: var(--theme-color-0);
17535
+ --theme-animated-tab-circle--border-color--disabled: var(--theme-color-weak-bdr);
17536
+ --theme-tab-pill--border-color: var(--theme-color-std-bdr);
17537
+ --theme-tab-pill--border-color--hover: var(--theme-color-std-bdr);
17538
+ --theme-tab-pill--border-color--active: var(--theme-color-std-bdr);
17539
+ --theme-tab-pill--border-color--selected: var(--theme-color-primary);
17540
+ --theme-tab-pill--border-color--disabled: var(--theme-color-weak-bdr);
17541
+ --theme-input-unit--color: var(--theme-color-soft-text);
17542
+ --theme-input-gripper--color: var(--theme-color-weak-bdr);
17543
+ --theme-input-gripper--color--hover: var(--theme-color-weak-bdr);
17544
+ --theme-input-gripper--color--focus: var(--theme-color-weak-bdr);
17545
+ --theme-input-search-icon--color: var(--theme-color-std-text);
17546
+ --theme-input-search-icon--color--hover: var(--theme-color-std-text);
17547
+ --theme-input-search-icon--color--focus: var(--theme-color-std-text);
17548
+ --theme-input-search-icon--color--disabled: var(--theme-color-weak-text);
17549
+ --theme-input-select-icon--color: var(--theme-color-soft-text);
17550
+ --theme-input-select-icon--color--hover: var(--theme-color-std-text);
17551
+ --theme-input-select-icon--color--active: var(--theme-color-std-text);
17552
+ --theme-switch-off--background--hover: var(--theme-color-2);
17553
+ --theme-switch-off--background--active: var(--theme-color-2);
17554
+ --theme-switch-off--background--disabled: var(--theme-color-component-2);
17555
+ --theme-switch-on--background: var(--theme-color-2);
17556
+ --theme-switch-on--background--hover: var(--theme-color-2);
17557
+ --theme-switch-on--background--active: var(--theme-color-2);
17558
+ --theme-switch-on--background--disabled: var(--theme-color-component-2);
17559
+ --theme-switch-mixed--background: var(--theme-color-2);
17560
+ --theme-switch-mixed--background--hover: var(--theme-color-2);
17561
+ --theme-switch-mixed--background--active: var(--theme-color-2);
17562
+ --theme-switch-mixed--background--disabled: var(--theme-color-component-2);
17563
+ --theme-switch-off--border-color: var(--theme-color-soft-bdr);
17564
+ --theme-switch-off--border-color--hover: var(--theme-color-soft-bdr);
17565
+ --theme-switch-off--border-color--active: var(--theme-color-soft-bdr);
17566
+ --theme-switch-off--border-color--disabled: var(--theme-color-0);
17567
+ --theme-switch-on--border-color: var(--theme-color-soft-bdr);
17568
+ --theme-switch-on--border-color--hover: var(--theme-color-soft-bdr);
17569
+ --theme-switch-on--border-color--active: var(--theme-color-soft-bdr);
17570
+ --theme-switch-on--border-color--disabled: var(--theme-color-0);
17571
+ --theme-switch-mixed--border-color: var(--theme-color-soft-bdr);
17572
+ --theme-switch-mixed--border-color--hover: var(--theme-color-soft-bdr);
17573
+ --theme-switch-mixed--border-color--active: var(--theme-color-soft-bdr);
17574
+ --theme-switch-mixed--border-color--disabled: var(--theme-color-0);
17575
+ --theme-switch-thumb-off--background: var(--theme-color-secondary);
17576
+ --theme-switch-thumb-off--background--hover: var(--theme-color-secondary--hover);
17577
+ --theme-switch-thumb-off--background--disabled: var(--theme-color-2);
17578
+ --theme-switch-thumb-off--background--active: var(--theme-color-secondary--active);
17579
+ --theme-switch-thumb-on--background: var(--theme-color-primary);
17580
+ --theme-switch-thumb-on--background--hover: var(--theme-color-primary--hover);
17581
+ --theme-switch-thumb-on--background--active: var(--theme-color-primary--active);
17582
+ --theme-switch-thumb-on--background--disabled: var(--theme-color-component-6);
17583
+ --theme-switch-thumb-mixed--background: var(--theme-color-secondary);
17584
+ --theme-switch-thumb-mixed--background--hover: var(--theme-color-secondary--hover);
17585
+ --theme-switch-thumb-mixed--background--active: var(--theme-color-secondary--active);
17586
+ --theme-switch-thumb-mixed--background--disabled: var(--theme-color-2);
17587
+ --theme-switch-thumb-off--border-color: var(--theme-color-soft-bdr);
17588
+ --theme-switch-thumb-off--border-color--hover: var(--theme-color-soft-bdr);
17589
+ --theme-switch-thumb-off--border-color--active: var(--theme-color-soft-bdr);
17590
+ --theme-switch-thumb-off--border-color--disabled: var(--theme-color-5);
17591
+ --theme-switch-thumb-on--border-color: var(--theme-color-weak-bdr);
17592
+ --theme-switch-thumb-on--border-color--hover: var(--theme-color-weak-bdr);
17593
+ --theme-switch-thumb-on--border-color--active: var(--theme-color-weak-bdr);
17594
+ --theme-switch-thumb-on--border-color--disabled: var(--theme-color-5);
17595
+ --theme-switch-thumb-mixed--border-color: var(--theme-color-soft-bdr);
17596
+ --theme-switch-thumb-mixed--border-color--hover: var(--theme-color-soft-bdr);
17597
+ --theme-switch-thumb-mixed--border-color--active: var(--theme-color-soft-bdr);
17598
+ --theme-switch-thumb-mixed--border-color--disabled: var(--theme-color-5);
17599
+ --theme-switch--color: var(--theme-color-std-text);
17600
+ --theme-switch--color--hover: var(--theme-color-std-text);
17601
+ --theme-switch--color--active: var(--theme-color-std-text);
17602
+ --theme-switch--color--disabled: var(--theme-color-weak-text);
17603
+ --theme-messagebar--color: var(--theme-color-std-text);
17604
+ --theme-messagebar--background: var(--theme-color-1);
17605
+ --theme-scrollbar-track--background: var(--theme-color-2);
17606
+ --theme-scrollbar-track--border: var(--theme-color-1);
17607
+ --theme-scrollbar-thumb--background: var(--theme-color-5);
17608
+ --theme-scrollbar-track--background--hover: var(--theme-color-3);
17609
+ --theme-scrollbar-thumb--background--hover: var(--theme-color-6);
17610
+ --theme-modal--background: var(--theme-color-1);
17611
+ --theme-modal--border-color: var(--theme-color-soft-bdr);
17612
+ --theme-datepicker-day--background: var(--theme-color-ghost);
17613
+ --theme-datepicker-day--background--hover: var(--theme-color-ghost--hover);
17614
+ --theme-datepicker-day--background--active: var(--theme-color-ghost--active);
17615
+ --theme-datepicker-day--background--disabled: var(--theme-color-ghost);
17616
+ --theme-datepicker-day--background--selected: var(--theme-color-component-9);
17617
+ --theme-datepicker-day--background--selected-hover: var(--theme-color-component-9--hover);
17618
+ --theme-datepicker-day--background--selected-active: var(--theme-color-component-9--active);
17619
+ --theme-datepicker-day--background--selected-disabled: var(--theme-color-component-9--disabled);
17620
+ --theme-datepicker-day--background--range: var(--theme-color-component-10);
17621
+ --theme-datepicker-day--background--range-hover: var(--theme-color-component-10--hover);
17622
+ --theme-datepicker-day--background--range-active: var(--theme-color-component-10--active);
17623
+ --theme-datepicker-day--background--range-disabled: var(--theme-color-component-10--disabled);
17624
+ --theme-btn-invisible-primary--border-color: var(--theme-color-0);
17625
+ --theme-btn-invisible-primary--border-color--hover: var(--theme-color-0);
17626
+ --theme-btn-invisible-primary--border-color--active: var(--theme-color-0);
17627
+ --theme-btn-invisible-primary--border-color--disabled: var(--theme-color-0);
17628
+ --theme-btn-secondary--border-color: var(--theme-color-0);
17629
+ --theme-btn-secondary--border-color--hover: var(--theme-color-0);
17630
+ --theme-btn-secondary--border-color--active: var(--theme-color-0);
17631
+ --theme-btn-secondary--border-color--disabled: var(--theme-color-0);
17632
+ --theme-btn-invisible-secondary--border-color: var(--theme-color-0);
17633
+ --theme-btn-invisible-secondary--border-color--hover: var(--theme-color-0);
17634
+ --theme-btn-invisible-secondary--border-color--active: var(--theme-color-0);
17635
+ --theme-btn-invisible-secondary--border-color--disabled: var(--theme-color-0);
17636
+ --theme-map-navigation-logo--color: var(--theme-color-std-text);
17637
+ --theme-map-navigation-header--color: var(--theme-color-std-text);
17638
+ --theme-map-navigation-separator--background: var(--theme-color-soft-bdr);
17639
+ --theme-map-navigation--background: var(--theme-color-3);
17640
+ --theme-btn-invisible-secondary--border-color--selected: var(--theme-color-0);
17641
+ --theme-btn-invisible-secondary--border-color--selected-hover: var(--theme-color-0);
17642
+ --theme-btn-invisible-secondary--border-color--selected-active: var(--theme-color-0);
17643
+ --theme-overlay-header--background: var(--theme-color-3);
17644
+ --theme-overlay-header--color: var(--theme-color-std-text);
17645
+ --theme-nav-overlay--background: var(--theme-color-backdrop);
17646
+ --theme-nav-overlay-header--color: var(--theme-color-std-text);
17647
+ --theme-event-item--background: var(--theme-color-secondary);
17648
+ --theme-event-item--background--disabled: var(--theme-color-component-2);
17649
+ --theme-event-item--border--hover: var(--theme-color-weak-bdr);
17650
+ --theme-event-item--border: var(--theme-color-weak-bdr);
17651
+ --theme-event-item--border--active: var(--theme-color-weak-bdr);
17652
+ --theme-event-item--border--selected: var(--theme-color-dynamic);
17653
+ --theme-event-item--background--hover: var(--theme-color-secondary--hover);
17654
+ --theme-event-item--border--disabled: var(--theme-color-component-2);
17655
+ --theme-event-item--background--active: var(--theme-color-secondary--active);
17656
+ --theme-event-item--background--selected: var(--theme-color-component-5);
17657
+ --theme-event-item-chevron--color: var(--theme-color-soft-text);
17658
+ --theme-flip--color: var(--theme-color-std-text);
17659
+ --theme-flip--background: var(--theme-color-1);
17660
+ --theme-flip--border-color: var(--theme-color-soft-bdr);
17661
+ --theme-flip-footer--background: var(--theme-color-1);
17662
+ --theme-flip-footer--color: var(--theme-color-std-text);
17663
+ --theme-kpi-display--background: var(--theme-color-ghost);
17664
+ --theme-kpi-display--background--hover: var(--theme-color-ghost--hover);
17665
+ --theme-kpi-display--background--active: var(--theme-color-ghost--active);
17666
+ --theme-kpi-display-indicator--background: var(--theme-color-component-4);
17667
+ --theme-kpi-display-label--color: var(--theme-color-soft-text);
17668
+ --theme-kpi-display-icon--color: var(--theme-color-std-text);
17669
+ --theme-kpi-display-value: var(--theme-color-std-text);
17670
+ --theme-kpi-display-units: var(--theme-color-soft-text);
17671
+ --theme-table-data-row-alt--background: var(--theme-color-ghost-alt);
17672
+ --theme-group-item--background: var(--theme-color-component-1);
17673
+ --theme-group-item--background--hover: var(--theme-color-component-1--hover);
17674
+ --theme-group-item--background--active: var(--theme-color-component-1--active);
17675
+ --theme-group-item--background--selected: var(--theme-color-ghost--selected);
17676
+ --theme-group-item--background--disabled: var(--theme-color-component-1);
17677
+ --theme-group-item--border-color: var(--theme-color-0);
17678
+ --theme-group-item--border-color--hover: var(--theme-color-0);
17679
+ --theme-group-item--border-color--active: var(--theme-color-0);
17680
+ --theme-group-item--border-color--selected: var(--theme-color-primary);
17681
+ --theme-group-item--border-color--disabled: var(--theme-color-0);
17682
+ --theme-group-item-indicator--background: var(--theme-color-0);
17683
+ --theme-group-item-indicator--background--selected: var(--theme-color-primary);
17684
+ --theme-group-item-indicator--background--subselected: var(--theme-color-primary);
17685
+ --theme-group-node-closed--color: var(--theme-color-std-text);
17686
+ --theme-group-node-open--color: var(--theme-color-std-text);
17687
+ --theme-group-header--color: var(--theme-color-std-text);
17688
+ --theme-group-subheader--color: var(--theme-color-std-text);
17689
+ --theme-group-item-icon--color: var(--theme-color-std-text);
17690
+ --theme-group-item-text--color: var(--theme-color-std-text);
17691
+ --theme-group-item-subtext--color: var(--theme-color-soft-text);
17692
+ --theme-group-item-icon--color--disabled: var(--theme-color-weak-text);
17693
+ --theme-group-item-text--color--disabled: var(--theme-color-weak-text);
17694
+ --theme-group-item-subtext--color--disabled: var(--theme-color-weak-text);
17695
+ --theme-upload--background: var(--theme-color-1);
17696
+ --theme-upload--background--dragover: var(--theme-color-1);
17697
+ --theme-upload--border-color: var(--theme-color-soft-bdr);
17698
+ --theme-upload--border-color--dragover: var(--theme-color-primary);
17699
+ --theme-upload--background--checking: var(--theme-color-1);
17700
+ --theme-upload--background--disabled: var(--theme-color-0);
17701
+ --theme-upload--border-color--checking: var(--theme-color-soft-bdr);
17702
+ --theme-upload--border-color--disabled: var(--theme-color-soft-bdr);
17703
+ --theme-upload-text--color: var(--theme-color-std-text);
17704
+ --theme-upload-text--color--checking: var(--theme-color-std-text);
17705
+ --theme-upload-text--color--disabled: var(--theme-color-weak-text);
17706
+ --theme-input-extra--background--active: var(--theme-color-secondary--active);
17707
+ --theme-input-extra--background--hover: var(--theme-color-secondary--hover);
17708
+ --theme-btn-outline-primary--border-color: var(--theme-color-primary);
17709
+ --theme-btn-outline-primary--border-color--hover: var(--theme-color-primary);
17710
+ --theme-btn-outline-primary--border-color--active: var(--theme-color-primary);
17711
+ --theme-btn-outline-primary--border-color--disabled: var(--theme-color-component-4);
17712
+ --theme-btn-invisible-secondary--background--disabled: var(--theme-color-ghost);
17713
+ --theme-ghost--background: var(--theme-color-ghost);
17714
+ --theme-ghost--background--hover: var(--theme-color-ghost--hover);
17715
+ --theme-ghost--background--active: var(--theme-color-ghost--active);
17716
+ --theme-radiobtn-checked--color--hover: var(--theme-color-dynamic);
17717
+ --theme-input-hint--color: var(--theme-color-soft-text);
17718
+ --theme-menu-separator--background: var(--theme-color-weak-bdr);
17719
+ --theme-select-list-item-hint--color: var(--theme-color-soft-text);
17720
+ --theme-select-list-item-hint--color--hover: var(--theme-color-soft-text);
17721
+ --theme-select-list-item-hint--color--active: var(--theme-color-soft-text);
17722
+ --theme-toast-timer-track--background: var(--theme-color-0);
17723
+ --theme-toast-timer-value--background: var(--theme-color-6);
17724
+ --theme-toast--background: var(--theme-color-1);
17725
+ --theme-toast--border-color: var(--theme-color-0);
17726
+ --theme-toast--color: var(--theme-color-std-text);
17727
+ --theme-datepicker-day--border-color: var(--theme-color-0);
17728
+ --theme-datepicker-day--border-color--hover: var(--theme-color-0);
17729
+ --theme-datepicker-day--border-color--active: var(--theme-color-0);
17730
+ --theme-datepicker-day--border-color--disabled: var(--theme-color-0);
17731
+ --theme-datepicker-day--color: var(--theme-color-primary);
17732
+ --theme-datepicker-day--color--hover: var(--theme-color-primary);
17733
+ --theme-datepicker-day--color--active: var(--theme-color-primary);
17734
+ --theme-datepicker-day--color--disabled: var(--theme-color-weak-text);
17735
+ --theme-datepicker-day--border-color--selected: var(--theme-color-0);
17736
+ --theme-datepicker-day--border-color--selected-hover: var(--theme-color-0);
17737
+ --theme-datepicker-day--border-color--selected-active: var(--theme-color-0);
17738
+ --theme-datepicker-day--border-color--selected-disabled: var(--theme-color-0);
17739
+ --theme-datepicker-day--color--selected: var(--theme-color-primary--contrast);
17740
+ --theme-datepicker-day--color--selected-hover: var(--theme-color-primary--contrast);
17741
+ --theme-datepicker-day--color--selected-active: var(--theme-color-primary--contrast);
17742
+ --theme-datepicker-day--color--selected-disabled: var(--theme-color-weak-text);
17743
+ --theme-datepicker-day--border-color--range: var(--theme-color-0);
17744
+ --theme-datepicker-day--border-color--range-hover: var(--theme-color-0);
17745
+ --theme-datepicker-day--border-color--range-active: var(--theme-color-0);
17746
+ --theme-datepicker-day--border-color--range-disabled: var(--theme-color-0);
17747
+ --theme-datepicker-day--color--range: var(--theme-color-primary--contrast);
17748
+ --theme-datepicker-day--color--range-hover: var(--theme-color-primary--contrast);
17749
+ --theme-datepicker-day--color--range-active: var(--theme-color-primary--contrast);
17750
+ --theme-datepicker-day--color--range-disabled: var(--theme-color-weak-text);
17751
+ --theme-datepicker-today--background: var(--theme-color-ghost);
17752
+ --theme-datepicker-today--background--hover: var(--theme-color-ghost--hover);
17753
+ --theme-datepicker-today--background--active: var(--theme-color-ghost--active);
17754
+ --theme-datepicker-today--background--disabled: var(--theme-color-ghost);
17755
+ --theme-datepicker-today--border-color: var(--theme-color-primary);
17756
+ --theme-datepicker-today--border-color--hover: var(--theme-color-primary);
17757
+ --theme-datepicker-today--border-color--active: var(--theme-color-primary);
17758
+ --theme-datepicker-today--border-color--disabled: var(--theme-color-primary--disabled);
17759
+ --theme-datepicker-today--color: var(--theme-color-primary);
17760
+ --theme-datepicker-today--color--hover: var(--theme-color-primary);
17761
+ --theme-datepicker-today--color--active: var(--theme-color-primary);
17762
+ --theme-datepicker-today--color--disabled: var(--theme-color-weak-text);
17763
+ --theme-datepicker-today--background--selected: var(--theme-color-component-9);
17764
+ --theme-datepicker-today--background--selected-hover: var(--theme-color-component-9--hover);
17765
+ --theme-datepicker-today--background--selected-active: var(--theme-color-component-9--active);
17766
+ --theme-datepicker-today--background--selected-disabled: var(--theme-color-component-9--disabled);
17767
+ --theme-datepicker-today--border-color--selected: var(--theme-color-primary);
17768
+ --theme-datepicker-today--border-color--selected-hover: var(--theme-color-primary);
17769
+ --theme-datepicker-today--border-color--selected-active: var(--theme-color-primary);
17770
+ --theme-datepicker-today--border-color--selected-disabled: var(--theme-color-primary--disabled);
17771
+ --theme-datepicker-today--color--selected: var(--theme-color-primary--contrast);
17772
+ --theme-datepicker-today--color--selected-hover: var(--theme-color-primary--contrast);
17773
+ --theme-datepicker-today--color--selected-active: var(--theme-color-primary--contrast);
17774
+ --theme-datepicker-today--color--selected-disabled: var(--theme-color-weak-text);
17775
+ --theme-datepicker-today--background--range: var(--theme-color-component-10);
17776
+ --theme-datepicker-today--background--range-hover: var(--theme-color-component-10--hover);
17777
+ --theme-datepicker-today--background--range-active: var(--theme-color-component-10--active);
17778
+ --theme-datepicker-today--background--range-disabled: var(--theme-color-component-10--disabled);
17779
+ --theme-datepicker-today--border-color--range: var(--theme-color-primary);
17780
+ --theme-datepicker-today--border-color--range-hover: var(--theme-color-primary);
17781
+ --theme-datepicker-today--border-color--range-active: var(--theme-color-primary);
17782
+ --theme-datepicker-today--border-color--range-disabled: var(--theme-color-primary--disabled);
17783
+ --theme-datepicker-today--color--range: var(--theme-color-primary--contrast);
17784
+ --theme-datepicker-today--color--range-hover: var(--theme-color-primary--contrast);
17785
+ --theme-datepicker-today--color--range-active: var(--theme-color-primary--contrast);
17786
+ --theme-datepicker-today--color--range-disabled: var(--theme-color-weak-text);
17787
+ --theme-datepicker-separator--background: var(--theme-color-x-weak-bdr);
17788
+ --theme-datepicker-weekday--color: var(--theme-color-soft-text);
17789
+ --theme-datepicker-cw--color: var(--theme-color-soft-text);
17790
+ --theme-datepicker-time-header: var(--theme-color-std-text);
17791
+ --theme-datepicker-extra--border-color: var(--theme-color-1);
17792
+ --theme-overlay--background: var(--theme-color-backdrop);
17793
+ --theme-tree-item--background: var(--theme-color-ghost);
17794
+ --theme-tree-item--background--hover: var(--theme-color-ghost--hover);
17795
+ --theme-tree-item--background--active: var(--theme-color-ghost--active);
17796
+ --theme-tree-item--background--selected: var(--theme-color-ghost--selected);
17797
+ --theme-tree-item--background--selected-hover: var(--theme-color-ghost--selected-hover);
17798
+ --theme-tree-item--background--selected-active: var(--theme-color-ghost--selected-active);
17799
+ --theme-tree-item-node-closed-icon--color: var(--theme-color-std-text);
17800
+ --theme-tree-item-node-open-icon--color: var(--theme-color-dynamic);
17801
+ --theme-tree-item--color: var(--theme-color-std-text);
17802
+ --theme-tree-item-icon: var(--theme-color-std-text);
17803
+ --theme-tree-item-status--color: var(--theme-color-soft-text);
17804
+ --theme-workflow-step--background: var(--theme-color-ghost);
17805
+ --theme-workflow-step--background--hover: var(--theme-color-ghost--hover);
17806
+ --theme-workflow-step--background--active: var(--theme-color-ghost--active);
17807
+ --theme-workflow-step--background--selected: var(--theme-color-ghost--selected);
17808
+ --theme-workflow-step--background--disabled: var(--theme-color-ghost);
17809
+ --theme-workflow-step--color: var(--theme-color-std-text);
17810
+ --theme-workflow-step-icon--background: var(--theme-color-1);
17811
+ --theme-workflow-step-icon-default--color: var(--theme-color-neutral);
17812
+ --theme-workflow-step-icon-default--color--selected: var(--theme-color-primary);
17813
+ --theme-workflow-step-icon-default--color--disabled: var(--theme-color-weak-text);
17814
+ --theme-workflow-step-icon-done--color: var(--theme-color-primary);
17815
+ --theme-workflow-step-icon-done--color--selected: var(--theme-color-primary);
17816
+ --theme-workflow-step-icon-done--color--disabled: var(--theme-color-weak-text);
17817
+ --theme-workflow-step-icon-success--color--disabled: var(--theme-color-weak-text);
17818
+ --theme-workflow-step-icon-warning--color--disabled: var(--theme-color-weak-text);
17819
+ --theme-workflow-step-icon-error--color--disabled: var(--theme-color-weak-text);
17820
+ --theme-tootlip--background: var(--theme-color-1);
17821
+ --theme-tooltip--border-color: var(--theme-color-0);
17822
+ --theme-tooltip--color: var(--theme-color-std-text);
17823
+ --theme-tooltip-close--color: var(--theme-color-soft-text);
17824
+ --theme-tooltip-close-btn--background: var(--theme-color-ghost);
17825
+ --theme-tooltip-close-btn--background--hover: var(--theme-color-ghost--hover);
17826
+ --theme-tooltip-close-btn--background--active: var(--theme-color-ghost--active);
17827
+ --theme-table--background: var(--theme-color-0);
17828
+ --theme-table--border-color: var(--theme-color-weak-bdr);
17829
+ --theme-table--color: var(--theme-color-std-text);
17830
+ --theme-table-header-row--background: var(--theme-color-component-11);
17831
+ --theme-table-header-row--border-color: var(--theme-color-weak-bdr);
17832
+ --theme-table-header-cell--background: var(--theme-color-ghost);
17833
+ --theme-table-header-cell--background--hover: var(--theme-color-ghost--hover);
17834
+ --theme-table-header-cell--background--active: var(--theme-color-ghost--active);
17835
+ --theme-table-header-cell--border-color: var(--theme-color-0);
17836
+ --theme-table-header-cell--border-color--hover: var(--theme-color-0);
17837
+ --theme-table-header-cell--border-color--active: var(--theme-color-0);
17838
+ --theme-table-header-cell--color: var(--theme-color-std-text);
17839
+ --theme-table-header-filter--color: var(--theme-color-primary);
17840
+ --theme-table-header-sort--color: var(--theme-color-primary);
17841
+ --theme-table-header-splitter--background: var(--theme-color-soft-bdr);
17842
+ --theme-table-header-splitter--background--hover: var(--theme-color-dynamic);
17843
+ --theme-table-data-row--background: var(--theme-color-ghost);
17844
+ --theme-table-data-row--background--hover: var(--theme-color-ghost--hover);
17845
+ --theme-table-data-row--background--active: var(--theme-color-ghost--active);
17846
+ --theme-table-data-row--background--selected: var(--theme-color-ghost--selected);
17847
+ --theme-table-data-row--background--disabled: var(--theme-color-ghost);
17848
+ --theme-table-data-row--background--selected-hover: var(--theme-color-ghost--selected-hover);
17849
+ --theme-table-data-row--background--selected-active: var(--theme-color-ghost--selected-active);
17850
+ --theme-table-data-row--border-color: var(--theme-color-weak-bdr);
17851
+ --theme-table-data-cell--border-color: var(--theme-color-0);
17852
+ --theme-table-data-cell--background: var(--theme-color-ghost);
17853
+ --theme-table-data-cell--background--hover: var(--theme-color-ghost--hover);
17854
+ --theme-table-data-cell--background--active: var(--theme-color-ghost--active);
17855
+ --theme-table-data-cell--background--selected: var(--theme-color-ghost--selected);
17856
+ --theme-table-data-cell--background--disabled: var(--theme-color-ghost);
17857
+ --theme-table-data-cell--background--selected-hover: var(--theme-color-ghost--selected-hover);
17858
+ --theme-table-data-cell--background--selected-active: var(--theme-color-ghost--selected-active);
17859
+ --theme-table-data-cell--color: var(--theme-color-std-text);
17860
+ --theme-table-data-cell--color-disabled: var(--theme-color-weak-text);
17861
+ --theme-table-data-row-alt--background--hover: var(--theme-color-ghost-alt--hover);
17862
+ --theme-table-data-row-alt--background--active: var(--theme-color-ghost-alt--active);
17863
+ --theme-table-data-row-alt--background--selected: var(--theme-color-ghost-alt--selected);
17864
+ --theme-table-data-row-alt--background--disabled: var(--theme-color-ghost-alt);
17865
+ --theme-table-data-row-alt--background--selected-hover: var(--theme-color-ghost-alt--selected-hover);
17866
+ --theme-table-data-row-alt--background--selected-active: var(--theme-color-ghost-alt--selected-active);
17867
+ --theme-table-group-splitter--background: var(--theme-color-x-weak-bdr);
17868
+ --theme-table-group-splitter--background--hover: var(--theme-color-dynamic);
17869
+ --theme-table-group-header-row--background: var(--theme-color-component-11);
17870
+ --theme-table-group-header-row--border-color: var(--theme-color-weak-bdr);
17871
+ --theme-label--color: var(--theme-color-soft-text);
17872
+ --theme-label--color--hover: var(--theme-color-std-text);
17873
+ --theme-label--color--active: var(--theme-color-std-text);
17874
+ --theme-label--color--focus: var(--theme-color-std-text);
17875
+ --theme-label--color--disabled: var(--theme-color-weak-text);
17876
+ --theme-table-selection--border-color: var(--theme-color-0);
17877
+ }
17878
+
17879
+ /*
17880
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
17881
+ */
17882
+ :root .theme-classic-light {
17883
+ --theme-shadow-1: 0px 2px 2px var(--theme-color-shadow-2), 0px 1px 1px var(--theme-color-shadow-1);
17884
+ --theme-shadow-2: -4px 0px 8px var(--theme-color-shadow-2), 4px 0px 8px var(--theme-color-shadow-2), 0px 0px 16px var(--theme-color-shadow-1);
17885
+ --theme-shadow-3: 0px 2px 6px var(--theme-color-shadow-2), 0px 0px 8px var(--theme-color-shadow-1);
17886
+ --theme-shadow-4: 0px 0px 2px var(--theme-color-shadow-1), 0px 4px 8px var(--theme-color-shadow-1), 0px 12px 18px var(--theme-color-shadow-1);
17887
+ --theme-inset-shadow-1: insert 0px 2px 4px var(--theme-color-shadow-3);
17774
17888
  --theme-input--box-shadow: none;
17775
- --theme-input--focus--outline-offset: 1px;
17776
- --theme-menu--border-radius: 4px;
17777
- --theme-menu--border-thickness: 1px;
17778
- --theme-menu--box-shadow: 0 12px 18px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
17779
- --theme-message-bar--border-radius: 4px;
17780
- --theme-message-bar--border-thickness: 1px;
17781
- --theme-navigation--box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1), 0.5rem 0 1rem rgba(0, 0, 0, 0.2);
17782
- --theme-modal--border-thickness: 1px;
17783
- --theme-modal--box-shadow: 0 12px 16px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
17889
+ --theme-menu--box-shadow: var(--theme-shadow-4);
17890
+ --theme-navigation--box-shadow: var(--theme-shadow-2);
17891
+ --theme-modal--box-shadow: var(--theme-shadow-4);
17784
17892
  --theme-switch-thumb--box-shadow: none;
17785
- --theme-tile--border-radius: 0.25rem;
17786
- --theme-tile--box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.2);
17787
- --theme-toast--border-radius: 4px;
17788
- --theme-toast--border-thickness: 1px;
17789
- --theme-toast--box-shadow: 0 12px 18px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
17790
- --theme-flip-tile--border-radius: 0.25rem;
17893
+ --theme-tile--box-shadow: var(--theme-shadow-3);
17894
+ --theme-toast--box-shadow: var(--theme-shadow-4);
17895
+ }
17896
+
17897
+ /*
17898
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
17899
+ */
17900
+ :root .theme-classic-light {
17901
+ --theme-siemens-sans: Siemens Sans;
17902
+ }
17903
+
17904
+ /*
17905
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
17906
+ */
17907
+ :root .theme-classic-light {
17908
+ --theme-font-weight-bold: 700;
17909
+ --theme-font-weight-normal: 400;
17910
+ }
17911
+
17912
+ /*
17913
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
17914
+ */
17915
+ :root .theme-classic-light {
17916
+ --theme-text-h2: var(--theme-font-weight-bold) var(--theme-font-size-xl)/var(--theme-line-height-h2) var(--theme-siemens-sans);
17917
+ --theme-text-xl: var(--theme-font-weight-normal) var(--theme-font-size-xl)/var(--theme-line-height-xl) var(--theme-siemens-sans);
17918
+ --theme-text-l-title: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-siemens-sans);
17919
+ --theme-text-l-title-single: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-siemens-sans);
17920
+ --theme-text-l: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-siemens-sans);
17921
+ --theme-text-l-single: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-siemens-sans);
17922
+ --theme-text-default-title: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-siemens-sans);
17923
+ --theme-text-default-title-single: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-siemens-sans);
17924
+ --theme-text-default: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-siemens-sans);
17925
+ --theme-text-default-single: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-siemens-sans);
17926
+ --theme-text-caption: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption) var(--theme-siemens-sans);
17927
+ --theme-text-caption-single: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption-single) var(--theme-siemens-sans);
17928
+ --theme-text-s: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s) var(--theme-siemens-sans);
17929
+ --theme-text-s-single: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s-single) var(--theme-siemens-sans);
17930
+ --theme-text-xs: var(--theme-font-weight-normal) var(--theme-font-size-xs)/var(--theme-line-height-xs) var(--theme-siemens-sans);
17931
+ --theme-text-default-underline: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-siemens-sans);
17932
+ }
17933
+
17934
+ /*
17935
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
17936
+ */
17937
+ :root .theme-classic-light {
17938
+ --theme-default-border-radius: 0.25rem;
17939
+ --theme-small-border-radius: 0.125rem;
17940
+ --theme-min-border-radius: 0rem;
17941
+ --theme-btn--border-radius: var(--theme-default-border-radius);
17942
+ --theme-blind--border-radius: var(--theme-default-border-radius);
17943
+ --theme-breadcrumb--border-radius: var(--theme-default-border-radius);
17944
+ --theme-group--border-radius: var(--theme-default-border-radius);
17945
+ --theme-group--border-radius--focus: var(--theme-min-border-radius);
17946
+ --theme-kpi--border-radius: var(--theme-default-border-radius);
17947
+ --theme-input--border-radius: var(--theme-default-border-radius);
17948
+ --theme-menu--border-radius: var(--theme-default-border-radius);
17949
+ --theme-message-bar--border-radius: var(--theme-default-border-radius);
17950
+ --theme-tile--border-radius: var(--theme-default-border-radius);
17951
+ --theme-toast--border-radus: var(--theme-default-border-radius);
17952
+ --theme-flip-tile--border-radius: var(--theme-default-border-radius);
17953
+ --theme-upload--border-radius: var(--theme-default-border-radius);
17954
+ --theme-workflow--border-radius: var(--theme-default-border-radius);
17955
+ }
17956
+
17957
+ /*
17958
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
17959
+ */
17960
+ :root .theme-classic-light {
17961
+ --theme-default-control-height: 2rem;
17962
+ --theme-large-control-height: 2.5rem;
17963
+ --theme-medium-control-height: 1.5rem;
17964
+ --theme-large-icon-size: 2rem;
17965
+ --theme-default-icon-size: 1.5rem;
17966
+ --theme-small-icon-size: 1rem;
17967
+ --theme-focus--border-thickness: 0.0625rem;
17968
+ --theme-input-min-width: 2rem;
17791
17969
  --theme-tab-indicator--height: 0.25rem;
17792
- --theme-upload--border-radius: 4px;
17793
- --theme-workflow--border-radius: 4px;
17794
- --theme-box-shadow-lvl-1: 0 1px 4px 0 var(--theme-color-shadow-1), 0 0 4px 0 var(--theme-color-shadow-2);
17795
- --theme-box-shadow-lvl-2: 0 2px 6px 0 var(--theme-color-shadow-1), 0 0 8px 0 var(--theme-color-shadow-2);
17796
- --theme-box-shadow-lvl-3: 0 4px 8px 0 var(--theme-color-shadow-1), 0 0 16px 0 var(--theme-color-shadow-2);
17797
- --theme-box-shadow-lvl-4: 0 8px 16px 0 var(--theme-color-shadow-1), 0 0 32px 0 var(--theme-color-shadow-2);
17798
- --theme-box-shadow-lvl-5: 0 16px 32px 0 var(--theme-color-shadow-1), 0 0 64px 0 var(--theme-color-shadow-2);
17799
- --theme-box-shadow-level-1: 0 1px 4px 0 var(--theme-color-shadow-1), 0 0 4px 0 var(--theme-color-shadow-2);
17800
- --theme-box-shadow-level-2: 0 2px 6px 0 var(--theme-color-shadow-1), 0 0 8px 0 var(--theme-color-shadow-2);
17801
- --theme-box-shadow-level-3: 0 4px 8px 0 var(--theme-color-shadow-1), 0 0 16px 0 var(--theme-color-shadow-2);
17802
- --theme-box-shadow-level-4: 0 8px 16px 0 var(--theme-color-shadow-1), 0 0 32px 0 var(--theme-color-shadow-2);
17803
- --theme-box-shadow-level-5: 0 16px 32px 0 var(--theme-color-shadow-1), 0 0 64px 0 var(--theme-color-shadow-2);
17804
17970
  }
17805
17971
 
17806
17972
  /*
17807
- * SPDX-FileCopyrightText: 2022 Siemens AG
17808
- *
17809
- * SPDX-License-Identifier: MIT
17810
- *
17811
- * This source code is licensed under the MIT license found in the
17812
- * LICENSE file in the root directory of this source tree.
17973
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
17813
17974
  */
17975
+ :root .theme-classic-light {
17976
+ --theme-font-size-xs: 0.625rem;
17977
+ --theme-font-size-s: 0.75rem;
17978
+ --theme-font-size-caption: 0.75rem;
17979
+ --theme-font-size-default: 0.875rem;
17980
+ --theme-font-size-l: 1rem;
17981
+ --theme-font-size-xl: 1.375rem;
17982
+ }
17983
+
17814
17984
  /*
17815
- * Autogenerated please not edit directly
17816
- */
17817
- body {
17818
- --theme-color-static-white: #fff;
17819
- --theme-color-static-black: #000;
17820
- --focus--border-color: #199fff;
17985
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
17986
+ */
17987
+ :root .theme-classic-light {
17988
+ --theme-line-height-xs: 140%;
17989
+ --theme-line-height-s: 150%;
17990
+ --theme-line-height-s-single: 150%;
17991
+ --theme-line-height-caption: 150%;
17992
+ --theme-line-height-caption-single: 100%;
17993
+ --theme-line-height-default: 142.9%;
17994
+ --theme-line-height-default-single: 114.3%;
17995
+ --theme-line-height-l: 150%;
17996
+ --theme-line-height-l-single: 125%;
17997
+ --theme-line-height-h2: 145.5%;
17998
+ --theme-line-height-xl: 109.1%;
17999
+ }
18000
+
18001
+ /*
18002
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
18003
+ */
18004
+ :root .theme-classic-light {
18005
+ --theme-x-slow-time: 1s;
18006
+ --theme-slow-time: 500ms;
18007
+ --theme-medium-time: 300ms;
18008
+ --theme-default-time: 150ms;
18009
+ --theme-short-time: 0ms;
18010
+ --theme-btn--focus--outline-offset: 0.0625rem;
18011
+ --theme-checkbox--focus--outline-offset: 0.0625rem;
18012
+ --theme-radiobtn--focus--outline-offset: 0.0625rem;
18013
+ --theme-input--focus--outline-offset: 0.0625rem;
18014
+ }
18015
+
18016
+ /*
18017
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
18018
+ */
18019
+ :root .theme-classic-light {
18020
+ --theme-input-padding-y: 0.5rem;
18021
+ --theme-input-padding-x: 0.5rem;
18022
+ }
18023
+
18024
+ /*
18025
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
18026
+ */
18027
+ :root .theme-classic-light {
18028
+ --theme-btn--border-thickness: 0.125rem;
18029
+ --theme-app-header--border-width: 0.0625rem;
18030
+ --theme-blind--border-thickness: 0.0625rem;
18031
+ --theme-checkbox--border-thickness: 0.125rem;
18032
+ --theme-focus--border-thickness: 0.0625rem;
18033
+ --theme-radiobtn--border-thickness: 0.125rem;
18034
+ --theme-input--border-thickness: 0.0625rem;
18035
+ --theme-menu--border-thickness: 0.0625rem;
18036
+ --theme-message-bar--border-thickness: 0.125rem;
18037
+ --theme-modal--border-thickness: 0.0625rem;
18038
+ --theme-toast--border-thickness: 0rem;
18039
+ }
18040
+
18041
+ /*
18042
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
18043
+ */
18044
+ :root .theme-classic-light {
18045
+ --theme-primary-bdr-1: 0.0625rem solid var(--theme-color-primary);
18046
+ --theme-primary-bdr-2: 0.125rem solid var(--theme-color-primary);
18047
+ --theme-dynamic-bdr-1: 0.0625rem solid var(--theme-color-dynamic);
18048
+ --theme-dynamic-bdr-2: 0.125rem solid var(--theme-color-dynamic);
18049
+ --theme-contrast-bdr-1: 0.0625rem solid var(--theme-color-contrast-bdr);
18050
+ --theme-contrast-bdr-2: 0.125rem solid var(--theme-color-contrast-bdr);
18051
+ --theme-std-bdr-1: 0.0625rem solid var(--theme-color-std-bdr);
18052
+ --theme-std-bdr-2: 0.125rem solid var(--theme-color-std-bdr);
18053
+ --theme-soft-bdr-1: 0.0625rem solid var(--theme-color-soft-bdr);
18054
+ --theme-soft-bdr-2: 0.125rem solid var(--theme-color-soft-bdr);
18055
+ --theme-soft-dashed-bdr-1: 0.0625rem dashed var(--theme-color-soft-bdr);
18056
+ --theme-soft-dashed-bdr-2: 0.125rem dashed var(--theme-color-soft-bdr);
18057
+ --theme-weak-bdr-1: 0.0625rem solid var(--theme-color-weak-bdr);
18058
+ --theme-weak-bdr-2: 0.125rem solid var(--theme-color-weak-bdr);
18059
+ --theme-x-weak-bdr-1: 0.0625rem solid var(--theme-color-x-weak-bdr);
18060
+ --theme-x-weak-bdr-2: 0.125rem solid var(--theme-color-x-weak-bdr);
18061
+ --theme-alarm-bdr-1: 0.0625rem solid var(--theme-color-alarm);
18062
+ --theme-alarm-bdr-2: 0.125rem solid var(--theme-color-alarm);
18063
+ --theme-critical-bdr-1: 0.0625rem solid var(--theme-color-critical);
18064
+ --theme-critical-bdr-2: 0.125rem solid var(--theme-color-critical);
18065
+ --theme-warning-bdr-1: 0.0625rem solid var(--theme-color-warning);
18066
+ --theme-warning-bdr-2: 0.125rem solid var(--theme-color-warning);
18067
+ --theme-success-bdr-1: 0.0625rem solid var(--theme-color-success);
18068
+ --theme-success-bdr-2: 0.125rem solid var(--theme-color-success);
18069
+ --theme-info-bdr-1: 0.0625rem solid var(--theme-color-info);
18070
+ --theme-info-bdr-2: 0.125rem solid var(--theme-color-info);
18071
+ --theme-neutral-bdr-1: 0.0625rem solid var(--theme-color-neutral);
18072
+ --theme-neutral-bdr-2: 0.125rem solid var(--theme-color-neutral);
17821
18073
  }
17822
18074
 
17823
18075
  /* Common */
17824
18076
  /*
17825
- * SPDX-FileCopyrightText: 2022 Siemens AG
18077
+ * SPDX-FileCopyrightText: 2023 Siemens AG
17826
18078
  *
17827
18079
  * SPDX-License-Identifier: MIT
17828
18080
  *
@@ -17834,7 +18086,7 @@ body {
17834
18086
  /* Line heights */
17835
18087
  /* Animation timings */
17836
18088
  /*
17837
- * SPDX-FileCopyrightText: 2022 Siemens AG
18089
+ * SPDX-FileCopyrightText: 2023 Siemens AG
17838
18090
  *
17839
18091
  * SPDX-License-Identifier: MIT
17840
18092
  *
@@ -17842,7 +18094,7 @@ body {
17842
18094
  * LICENSE file in the root directory of this source tree.
17843
18095
  */
17844
18096
  /*
17845
- * SPDX-FileCopyrightText: 2022 Siemens AG
18097
+ * SPDX-FileCopyrightText: 2023 Siemens AG
17846
18098
  *
17847
18099
  * SPDX-License-Identifier: MIT
17848
18100
  *
@@ -17994,7 +18246,7 @@ a {
17994
18246
  }
17995
18247
 
17996
18248
  /*
17997
- * SPDX-FileCopyrightText: 2022 Siemens AG
18249
+ * SPDX-FileCopyrightText: 2023 Siemens AG
17998
18250
  *
17999
18251
  * SPDX-License-Identifier: MIT
18000
18252
  *
@@ -18013,7 +18265,7 @@ a {
18013
18265
 
18014
18266
  /* Mixins */
18015
18267
  /*
18016
- * SPDX-FileCopyrightText: 2022 Siemens AG
18268
+ * SPDX-FileCopyrightText: 2023 Siemens AG
18017
18269
  *
18018
18270
  * SPDX-License-Identifier: MIT
18019
18271
  *
@@ -18022,7 +18274,7 @@ a {
18022
18274
  */
18023
18275
  /* Components */
18024
18276
  /*
18025
- * SPDX-FileCopyrightText: 2022 Siemens AG
18277
+ * SPDX-FileCopyrightText: 2023 Siemens AG
18026
18278
  *
18027
18279
  * SPDX-License-Identifier: MIT
18028
18280
  *
@@ -18030,7 +18282,7 @@ a {
18030
18282
  * LICENSE file in the root directory of this source tree.
18031
18283
  */
18032
18284
  /*
18033
- * SPDX-FileCopyrightText: 2022 Siemens AG
18285
+ * SPDX-FileCopyrightText: 2023 Siemens AG
18034
18286
  *
18035
18287
  * SPDX-License-Identifier: MIT
18036
18288
  *
@@ -18061,7 +18313,7 @@ a[href] .glyph::before {
18061
18313
  }
18062
18314
 
18063
18315
  /*
18064
- * SPDX-FileCopyrightText: 2022 Siemens AG
18316
+ * SPDX-FileCopyrightText: 2023 Siemens AG
18065
18317
  *
18066
18318
  * SPDX-License-Identifier: MIT
18067
18319
  *
@@ -18069,7 +18321,7 @@ a[href] .glyph::before {
18069
18321
  * LICENSE file in the root directory of this source tree.
18070
18322
  */
18071
18323
  /*
18072
- * SPDX-FileCopyrightText: 2022 Siemens AG
18324
+ * SPDX-FileCopyrightText: 2023 Siemens AG
18073
18325
  *
18074
18326
  * SPDX-License-Identifier: MIT
18075
18327
  *
@@ -18113,7 +18365,7 @@ a[href] .glyph::before {
18113
18365
  }
18114
18366
 
18115
18367
  /*
18116
- * SPDX-FileCopyrightText: 2022 Siemens AG
18368
+ * SPDX-FileCopyrightText: 2023 Siemens AG
18117
18369
  *
18118
18370
  * SPDX-License-Identifier: MIT
18119
18371
  *
@@ -18121,7 +18373,7 @@ a[href] .glyph::before {
18121
18373
  * LICENSE file in the root directory of this source tree.
18122
18374
  */
18123
18375
  /*
18124
- * SPDX-FileCopyrightText: 2022 Siemens AG
18376
+ * SPDX-FileCopyrightText: 2023 Siemens AG
18125
18377
  *
18126
18378
  * SPDX-License-Identifier: MIT
18127
18379
  *
@@ -18129,7 +18381,7 @@ a[href] .glyph::before {
18129
18381
  * LICENSE file in the root directory of this source tree.
18130
18382
  */
18131
18383
  /*
18132
- * SPDX-FileCopyrightText: 2022 Siemens AG
18384
+ * SPDX-FileCopyrightText: 2023 Siemens AG
18133
18385
  *
18134
18386
  * SPDX-License-Identifier: MIT
18135
18387
  *
@@ -18172,7 +18424,7 @@ a[href] .glyph::before {
18172
18424
  border-style: solid;
18173
18425
  }
18174
18426
  .btn-primary:not(.disabled):not(:disabled):focus-visible {
18175
- outline: 1px solid var(--focus--border-color);
18427
+ outline: 1px solid var(--theme-color-focus-bdr);
18176
18428
  outline-offset: var(--theme-btn--focus--outline-offset);
18177
18429
  }
18178
18430
  .btn-primary.selected {
@@ -18216,7 +18468,7 @@ a[href] .glyph::before {
18216
18468
  border-style: solid;
18217
18469
  }
18218
18470
  .btn-outline-primary:not(.disabled):not(:disabled):focus-visible {
18219
- outline: 1px solid var(--focus--border-color);
18471
+ outline: 1px solid var(--theme-color-focus-bdr);
18220
18472
  outline-offset: var(--theme-btn--focus--outline-offset);
18221
18473
  }
18222
18474
  .btn-outline-primary.selected {
@@ -18261,7 +18513,7 @@ a[href] .glyph::before {
18261
18513
  color: var(--theme-btn-invisible-primary--color);
18262
18514
  }
18263
18515
  .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible {
18264
- outline: 1px solid var(--focus--border-color);
18516
+ outline: 1px solid var(--theme-color-focus-bdr);
18265
18517
  outline-offset: var(--theme-btn--focus--outline-offset);
18266
18518
  }
18267
18519
  .btn-invisible-primary.selected {
@@ -18302,7 +18554,7 @@ a[href] .glyph::before {
18302
18554
  border-style: solid;
18303
18555
  }
18304
18556
  .btn-secondary:not(.disabled):not(:disabled):focus-visible {
18305
- outline: 1px solid var(--focus--border-color);
18557
+ outline: 1px solid var(--theme-color-focus-bdr);
18306
18558
  outline-offset: var(--theme-btn--focus--outline-offset);
18307
18559
  }
18308
18560
  .btn-secondary.selected {
@@ -18346,7 +18598,7 @@ a[href] .glyph::before {
18346
18598
  border-style: solid;
18347
18599
  }
18348
18600
  .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible {
18349
- outline: 1px solid var(--focus--border-color);
18601
+ outline: 1px solid var(--theme-color-focus-bdr);
18350
18602
  outline-offset: var(--theme-btn--focus--outline-offset);
18351
18603
  }
18352
18604
  .btn-outline-secondary.selected {
@@ -18391,7 +18643,7 @@ a[href] .glyph::before {
18391
18643
  color: var(--theme-btn-invisible-secondary--color);
18392
18644
  }
18393
18645
  .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible {
18394
- outline: 1px solid var(--focus--border-color);
18646
+ outline: 1px solid var(--theme-color-focus-bdr);
18395
18647
  outline-offset: var(--theme-btn--focus--outline-offset);
18396
18648
  }
18397
18649
  .btn-invisible-secondary.selected {
@@ -18460,7 +18712,7 @@ a[href] .glyph::before {
18460
18712
  }
18461
18713
 
18462
18714
  /*
18463
- * SPDX-FileCopyrightText: 2022 Siemens AG
18715
+ * SPDX-FileCopyrightText: 2023 Siemens AG
18464
18716
  *
18465
18717
  * SPDX-License-Identifier: MIT
18466
18718
  *
@@ -18482,7 +18734,7 @@ a[href] .glyph::before {
18482
18734
  }
18483
18735
 
18484
18736
  /*
18485
- * SPDX-FileCopyrightText: 2022 Siemens AG
18737
+ * SPDX-FileCopyrightText: 2023 Siemens AG
18486
18738
  *
18487
18739
  * SPDX-License-Identifier: MIT
18488
18740
  *
@@ -18490,7 +18742,7 @@ a[href] .glyph::before {
18490
18742
  * LICENSE file in the root directory of this source tree.
18491
18743
  */
18492
18744
  /*
18493
- * SPDX-FileCopyrightText: 2022 Siemens AG
18745
+ * SPDX-FileCopyrightText: 2023 Siemens AG
18494
18746
  *
18495
18747
  * SPDX-License-Identifier: MIT
18496
18748
  *
@@ -18661,7 +18913,7 @@ button.dropdown-toggle::after {
18661
18913
  }
18662
18914
 
18663
18915
  /*
18664
- * SPDX-FileCopyrightText: 2022 Siemens AG
18916
+ * SPDX-FileCopyrightText: 2023 Siemens AG
18665
18917
  *
18666
18918
  * SPDX-License-Identifier: MIT
18667
18919
  *
@@ -18712,12 +18964,12 @@ button.dropdown-toggle::after {
18712
18964
  }
18713
18965
 
18714
18966
  [type=checkbox] + label:focus-visible:before {
18715
- outline: 0.0625rem solid var(--focus--border-color);
18967
+ outline: 0.0625rem solid var(--theme-color-focus-bdr);
18716
18968
  outline-offset: var(--theme-checkbox--focus--outline-offset);
18717
18969
  }
18718
18970
 
18719
18971
  [type=checkbox]:focus-visible + label:before {
18720
- outline: 0.0625rem solid var(--focus--border-color);
18972
+ outline: 0.0625rem solid var(--theme-color-focus-bdr);
18721
18973
  outline-offset: var(--theme-checkbox--focus--outline-offset);
18722
18974
  }
18723
18975
 
@@ -18744,16 +18996,16 @@ button.dropdown-toggle::after {
18744
18996
  }
18745
18997
  [type=checkbox]:checked + label:after {
18746
18998
  content: "";
18747
- width: 0.45rem;
18748
- height: 0.25rem;
18999
+ width: 0.4rem;
19000
+ height: 0.26rem;
18749
19001
  display: block;
18750
19002
  border-top: none;
18751
19003
  border-right: none;
18752
19004
  border-bottom: 0.0625rem solid var(--theme-checkbox-checked--color);
18753
19005
  border-left: 0.0625rem solid var(--theme-checkbox-checked--color);
18754
19006
  position: absolute;
18755
- margin: 0.3125rem 0.3125rem 0.1875rem;
18756
- transform: rotate(-53deg) scale(2);
19007
+ margin: 0.31rem 0.42rem 0.1875rem;
19008
+ transform: rotate(-53deg) scale(2) skew(-8deg, -3deg);
18757
19009
  }
18758
19010
  [type=checkbox]:checked:hover + label:before {
18759
19011
  background-color: var(--theme-checkbox-checked--background--hover);
@@ -18810,7 +19062,7 @@ button.dropdown-toggle::after {
18810
19062
  }
18811
19063
 
18812
19064
  /*
18813
- * SPDX-FileCopyrightText: 2022 Siemens AG
19065
+ * SPDX-FileCopyrightText: 2023 Siemens AG
18814
19066
  *
18815
19067
  * SPDX-License-Identifier: MIT
18816
19068
  *
@@ -18863,12 +19115,12 @@ button.dropdown-toggle::after {
18863
19115
  }
18864
19116
 
18865
19117
  [type=radio] + label:focus-visible:before {
18866
- outline: 0.0625rem solid var(--focus--border-color);
19118
+ outline: 0.0625rem solid var(--theme-color-focus-bdr);
18867
19119
  outline-offset: var(--theme-radiobtn--focus--outline-offset);
18868
19120
  }
18869
19121
 
18870
19122
  [type=radio]:focus-visible + label:before {
18871
- outline: 0.0625rem solid var(--focus--border-color);
19123
+ outline: 0.0625rem solid var(--theme-color-focus-bdr);
18872
19124
  outline-offset: var(--theme-radiobtn--focus--outline-offset);
18873
19125
  }
18874
19126
 
@@ -18930,23 +19182,27 @@ button.dropdown-toggle::after {
18930
19182
  }
18931
19183
 
18932
19184
  /*
18933
- * SPDX-FileCopyrightText: 2022 Siemens AG
18934
- *
18935
- * SPDX-License-Identifier: MIT
18936
- *
18937
- * This source code is licensed under the MIT license found in the
18938
- * LICENSE file in the root directory of this source tree.
18939
- */
18940
- /*
18941
- * SPDX-FileCopyrightText: 2022 Siemens AG
19185
+ * SPDX-FileCopyrightText: 2023 Siemens AG
18942
19186
  *
18943
19187
  * SPDX-License-Identifier: MIT
18944
19188
  *
18945
19189
  * This source code is licensed under the MIT license found in the
18946
19190
  * LICENSE file in the root directory of this source tree.
18947
19191
  */
19192
+ :root body {
19193
+ --theme-box-shadow-lvl-1: var(--theme-shadow-1);
19194
+ --theme-box-shadow-lvl-2: var(--theme-shadow-2);
19195
+ --theme-box-shadow-lvl-3: var(--theme-shadow-3);
19196
+ --theme-box-shadow-lvl-4: var(--theme-shadow-4);
19197
+ --theme-box-shadow-level-1: var(--theme-shadow-1);
19198
+ --theme-box-shadow-level-2: var(--theme-shadow-2);
19199
+ --theme-box-shadow-level-3: var(--theme-shadow-3);
19200
+ --theme-box-shadow-level-4: var(--theme-shadow-4);
19201
+ --theme-box-shadow-insert: var(--theme-inset-shadow-1);
19202
+ }
19203
+
18948
19204
  /*
18949
- * SPDX-FileCopyrightText: 2022 Siemens AG
19205
+ * SPDX-FileCopyrightText: 2023 Siemens AG
18950
19206
  *
18951
19207
  * SPDX-License-Identifier: MIT
18952
19208
  *
@@ -18954,7 +19210,7 @@ button.dropdown-toggle::after {
18954
19210
  * LICENSE file in the root directory of this source tree.
18955
19211
  */
18956
19212
  /*
18957
- * SPDX-FileCopyrightText: 2022 Siemens AG
19213
+ * SPDX-FileCopyrightText: 2023 Siemens AG
18958
19214
  *
18959
19215
  * SPDX-License-Identifier: MIT
18960
19216
  *
@@ -18966,7 +19222,7 @@ button.dropdown-toggle::after {
18966
19222
  /* Line heights */
18967
19223
  /* Animation timings */
18968
19224
  /*
18969
- * SPDX-FileCopyrightText: 2022 Siemens AG
19225
+ * SPDX-FileCopyrightText: 2023 Siemens AG
18970
19226
  *
18971
19227
  * SPDX-License-Identifier: MIT
18972
19228
  *
@@ -18974,7 +19230,7 @@ button.dropdown-toggle::after {
18974
19230
  * LICENSE file in the root directory of this source tree.
18975
19231
  */
18976
19232
  /*
18977
- * SPDX-FileCopyrightText: 2022 Siemens AG
19233
+ * SPDX-FileCopyrightText: 2023 Siemens AG
18978
19234
  *
18979
19235
  * SPDX-License-Identifier: MIT
18980
19236
  *
@@ -19028,7 +19284,7 @@ button.dropdown-toggle::after {
19028
19284
  border-color: var(--theme-input--border-color--focus);
19029
19285
  outline-offset: var(--theme-input--focus--outline-offset);
19030
19286
  box-shadow: var(--theme-input--box-shadow);
19031
- outline: 1px solid var(--focus--border-color);
19287
+ outline: 1px solid var(--theme-color-focus-bdr);
19032
19288
  }
19033
19289
 
19034
19290
  .form-control:focus-visible {
@@ -19119,8 +19375,8 @@ textarea.form-control {
19119
19375
  padding: 0.375rem 0.5rem;
19120
19376
  }
19121
19377
 
19122
- .form-control:invalid,
19123
- .is-invalid {
19378
+ .was-validated .form-control:invalid,
19379
+ .was-validated .is-invalid {
19124
19380
  background-color: var(--theme-input-error--background);
19125
19381
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
19126
19382
  background-position: left calc(0.375em + 0.1875rem) center !important;
@@ -19135,7 +19391,7 @@ input.disabled, input:disabled {
19135
19391
  }
19136
19392
 
19137
19393
  /*
19138
- * SPDX-FileCopyrightText: 2022 Siemens AG
19394
+ * SPDX-FileCopyrightText: 2023 Siemens AG
19139
19395
  *
19140
19396
  * SPDX-License-Identifier: MIT
19141
19397
  *
@@ -19143,7 +19399,7 @@ input.disabled, input:disabled {
19143
19399
  * LICENSE file in the root directory of this source tree.
19144
19400
  */
19145
19401
  /*
19146
- * SPDX-FileCopyrightText: 2022 Siemens AG
19402
+ * SPDX-FileCopyrightText: 2023 Siemens AG
19147
19403
  *
19148
19404
  * SPDX-License-Identifier: MIT
19149
19405
  *
@@ -19175,7 +19431,7 @@ input.disabled, input:disabled {
19175
19431
  }
19176
19432
 
19177
19433
  /*
19178
- * SPDX-FileCopyrightText: 2022 Siemens AG
19434
+ * SPDX-FileCopyrightText: 2023 Siemens AG
19179
19435
  *
19180
19436
  * SPDX-License-Identifier: MIT
19181
19437
  *
@@ -19183,7 +19439,7 @@ input.disabled, input:disabled {
19183
19439
  * LICENSE file in the root directory of this source tree.
19184
19440
  */
19185
19441
  /*
19186
- * SPDX-FileCopyrightText: 2022 Siemens AG
19442
+ * SPDX-FileCopyrightText: 2023 Siemens AG
19187
19443
  *
19188
19444
  * SPDX-License-Identifier: MIT
19189
19445
  *