@siemens/ix 1.3.0 → 1.4.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (219) hide show
  1. package/dist/cjs/{index-17eb8998.js → index-f4b8e6ee.js} +54 -1
  2. package/dist/cjs/index.cjs.js +2 -2
  3. package/dist/cjs/ix-animated-tab_2.cjs.entry.js +1 -1
  4. package/dist/cjs/ix-application-header.cjs.entry.js +2 -2
  5. package/dist/cjs/ix-basic-navigation.cjs.entry.js +1 -1
  6. package/dist/cjs/ix-blind.cjs.entry.js +2 -2
  7. package/dist/cjs/ix-breadcrumb_2.cjs.entry.js +1 -1
  8. package/dist/cjs/ix-button.cjs.entry.js +1 -1
  9. package/dist/cjs/ix-category-filter.cjs.entry.js +85 -116
  10. package/dist/cjs/ix-chip.cjs.entry.js +1 -1
  11. package/dist/cjs/ix-counter-pill.cjs.entry.js +1 -1
  12. package/dist/cjs/ix-date-picker_2.cjs.entry.js +4 -4
  13. package/dist/cjs/ix-date-time-card.cjs.entry.js +1 -1
  14. package/dist/cjs/ix-datetime-picker.cjs.entry.js +1 -1
  15. package/dist/cjs/ix-drawer.cjs.entry.js +1 -1
  16. package/dist/cjs/ix-dropdown-button.cjs.entry.js +1 -1
  17. package/dist/cjs/ix-dropdown_2.cjs.entry.js +1 -1
  18. package/dist/cjs/ix-event-list_2.cjs.entry.js +2 -2
  19. package/dist/cjs/ix-expanding-search.cjs.entry.js +1 -1
  20. package/dist/cjs/ix-filter-chip.cjs.entry.js +1 -1
  21. package/dist/cjs/ix-flip-tile_2.cjs.entry.js +1 -1
  22. package/dist/cjs/ix-group-context-menu.cjs.entry.js +1 -1
  23. package/dist/cjs/ix-group_3.cjs.entry.js +1 -1
  24. package/dist/cjs/ix-icon-button.cjs.entry.js +1 -1
  25. package/dist/cjs/ix-icon.cjs.entry.js +1 -1
  26. package/dist/cjs/ix-input-group.cjs.entry.js +1 -1
  27. package/dist/cjs/ix-kpi.cjs.entry.js +1 -1
  28. package/dist/cjs/ix-map-navigation_2.cjs.entry.js +2 -2
  29. package/dist/cjs/ix-menu_9.cjs.entry.js +3 -3
  30. package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
  31. package/dist/cjs/ix-modal-example.cjs.entry.js +1 -1
  32. package/dist/cjs/ix-modal_2.cjs.entry.js +2 -2
  33. package/dist/cjs/ix-pill.cjs.entry.js +1 -1
  34. package/dist/cjs/ix-select_2.cjs.entry.js +1 -1
  35. package/dist/cjs/ix-spinner.cjs.entry.js +1 -1
  36. package/dist/cjs/ix-split-button_2.cjs.entry.js +6 -4
  37. package/dist/cjs/ix-tab-item.cjs.entry.js +1 -1
  38. package/dist/cjs/ix-tabs.cjs.entry.js +1 -1
  39. package/dist/cjs/ix-tile.cjs.entry.js +1 -1
  40. package/dist/cjs/ix-toast_2.cjs.entry.js +1 -1
  41. package/dist/cjs/ix-toggle.cjs.entry.js +1 -1
  42. package/dist/cjs/ix-tree_2.cjs.entry.js +1 -1
  43. package/dist/cjs/ix-upload.cjs.entry.js +1 -1
  44. package/dist/cjs/ix-validation-tooltip.cjs.entry.js +1 -1
  45. package/dist/cjs/ix-workflow-step_2.cjs.entry.js +1 -1
  46. package/dist/cjs/loader.cjs.js +2 -2
  47. package/dist/cjs/{modal-dda2f6be.js → modal-2d0f9191.js} +1 -1
  48. package/dist/cjs/my-component.cjs.entry.js +1 -1
  49. package/dist/cjs/siemens-ix.cjs.js +2 -2
  50. package/dist/collection/components/application-header/application-header.css +3 -1
  51. package/dist/collection/components/blind/blind.css +0 -1
  52. package/dist/collection/components/category-filter/category-filter.css +31 -44
  53. package/dist/collection/components/category-filter/category-filter.js +85 -131
  54. package/dist/collection/components/date-picker/date-picker.js +3 -3
  55. package/dist/collection/components/event-list-item/event-list-item.css +4 -0
  56. package/dist/collection/components/map-navigation/map-navigation.css +2 -1
  57. package/dist/collection/components/menu-about-news/menu-about-news.css +10 -14
  58. package/dist/collection/components/menu-about-news/menu-about-news.js +1 -1
  59. package/dist/collection/components/split-button/split-button.css +10 -1
  60. package/dist/collection/components/split-button/split-button.js +4 -2
  61. package/dist/components/application-header.js +1 -1
  62. package/dist/components/date-picker.js +3 -3
  63. package/dist/components/ix-blind.js +1 -1
  64. package/dist/components/ix-category-filter.js +94 -123
  65. package/dist/components/ix-event-list-item.js +1 -1
  66. package/dist/components/ix-map-navigation.js +1 -1
  67. package/dist/components/ix-menu-about-news.js +2 -2
  68. package/dist/components/ix-split-button.js +5 -3
  69. package/dist/esm/{index-6f4f3582.js → index-6b660a23.js} +54 -1
  70. package/dist/esm/index.js +2 -2
  71. package/dist/esm/ix-animated-tab_2.entry.js +1 -1
  72. package/dist/esm/ix-application-header.entry.js +2 -2
  73. package/dist/esm/ix-basic-navigation.entry.js +1 -1
  74. package/dist/esm/ix-blind.entry.js +2 -2
  75. package/dist/esm/ix-breadcrumb_2.entry.js +1 -1
  76. package/dist/esm/ix-button.entry.js +1 -1
  77. package/dist/esm/ix-category-filter.entry.js +85 -116
  78. package/dist/esm/ix-chip.entry.js +1 -1
  79. package/dist/esm/ix-counter-pill.entry.js +1 -1
  80. package/dist/esm/ix-date-picker_2.entry.js +4 -4
  81. package/dist/esm/ix-date-time-card.entry.js +1 -1
  82. package/dist/esm/ix-datetime-picker.entry.js +1 -1
  83. package/dist/esm/ix-drawer.entry.js +1 -1
  84. package/dist/esm/ix-dropdown-button.entry.js +1 -1
  85. package/dist/esm/ix-dropdown_2.entry.js +1 -1
  86. package/dist/esm/ix-event-list_2.entry.js +2 -2
  87. package/dist/esm/ix-expanding-search.entry.js +1 -1
  88. package/dist/esm/ix-filter-chip.entry.js +1 -1
  89. package/dist/esm/ix-flip-tile_2.entry.js +1 -1
  90. package/dist/esm/ix-group-context-menu.entry.js +1 -1
  91. package/dist/esm/ix-group_3.entry.js +1 -1
  92. package/dist/esm/ix-icon-button.entry.js +1 -1
  93. package/dist/esm/ix-icon.entry.js +1 -1
  94. package/dist/esm/ix-input-group.entry.js +1 -1
  95. package/dist/esm/ix-kpi.entry.js +1 -1
  96. package/dist/esm/ix-map-navigation_2.entry.js +2 -2
  97. package/dist/esm/ix-menu_9.entry.js +3 -3
  98. package/dist/esm/ix-message-bar.entry.js +1 -1
  99. package/dist/esm/ix-modal-example.entry.js +1 -1
  100. package/dist/esm/ix-modal_2.entry.js +2 -2
  101. package/dist/esm/ix-pill.entry.js +1 -1
  102. package/dist/esm/ix-select_2.entry.js +1 -1
  103. package/dist/esm/ix-spinner.entry.js +1 -1
  104. package/dist/esm/ix-split-button_2.entry.js +6 -4
  105. package/dist/esm/ix-tab-item.entry.js +1 -1
  106. package/dist/esm/ix-tabs.entry.js +1 -1
  107. package/dist/esm/ix-tile.entry.js +1 -1
  108. package/dist/esm/ix-toast_2.entry.js +1 -1
  109. package/dist/esm/ix-toggle.entry.js +1 -1
  110. package/dist/esm/ix-tree_2.entry.js +1 -1
  111. package/dist/esm/ix-upload.entry.js +1 -1
  112. package/dist/esm/ix-validation-tooltip.entry.js +1 -1
  113. package/dist/esm/ix-workflow-step_2.entry.js +1 -1
  114. package/dist/esm/loader.js +2 -2
  115. package/dist/esm/{modal-df0a62f2.js → modal-3618eb44.js} +1 -1
  116. package/dist/esm/my-component.entry.js +1 -1
  117. package/dist/esm/siemens-ix.js +2 -2
  118. package/dist/siemens-ix/index.esm.js +1 -1
  119. package/dist/siemens-ix/{p-4b170382.entry.js → p-082bbe13.entry.js} +1 -1
  120. package/dist/siemens-ix/{p-418e2d14.entry.js → p-098e22c3.entry.js} +1 -1
  121. package/dist/siemens-ix/{p-43616759.entry.js → p-0bc4408b.entry.js} +1 -1
  122. package/dist/siemens-ix/{p-7f842cdc.entry.js → p-0d619f3e.entry.js} +1 -1
  123. package/dist/siemens-ix/{p-2e24ae23.entry.js → p-10158414.entry.js} +1 -1
  124. package/dist/siemens-ix/{p-3663f989.entry.js → p-122cf38d.entry.js} +1 -1
  125. package/dist/siemens-ix/{p-e7621b0a.entry.js → p-1d48ce36.entry.js} +1 -1
  126. package/dist/siemens-ix/{p-2bd88760.entry.js → p-2c8e4dd1.entry.js} +1 -1
  127. package/dist/siemens-ix/{p-e2925222.entry.js → p-3624a41c.entry.js} +1 -1
  128. package/dist/siemens-ix/{p-218de283.entry.js → p-3c754d90.entry.js} +1 -1
  129. package/dist/siemens-ix/{p-ea333007.entry.js → p-3cc4df65.entry.js} +1 -1
  130. package/dist/siemens-ix/{p-4fcb5f2b.entry.js → p-404e81d2.entry.js} +1 -1
  131. package/dist/siemens-ix/p-4ac5d916.entry.js +1 -0
  132. package/dist/siemens-ix/{p-f7be9635.entry.js → p-50ed9d54.entry.js} +1 -1
  133. package/dist/siemens-ix/{p-23d79e3d.entry.js → p-55663fd5.entry.js} +1 -1
  134. package/dist/siemens-ix/{p-eb150313.entry.js → p-560cfce8.entry.js} +1 -1
  135. package/dist/siemens-ix/{p-18d02e6f.entry.js → p-5890faf9.entry.js} +1 -1
  136. package/dist/siemens-ix/{p-eed28e55.entry.js → p-60b90da6.entry.js} +1 -1
  137. package/dist/siemens-ix/p-66074788.js +2 -0
  138. package/dist/siemens-ix/{p-a5fa7ae5.entry.js → p-6637ae65.entry.js} +1 -1
  139. package/dist/siemens-ix/{p-33283dbf.entry.js → p-67cf5cd4.entry.js} +1 -1
  140. package/dist/siemens-ix/{p-c3e90c06.entry.js → p-6be65050.entry.js} +1 -1
  141. package/dist/siemens-ix/p-6df18451.entry.js +1 -0
  142. package/dist/siemens-ix/{p-8b4e4718.entry.js → p-70bd3dbf.entry.js} +1 -1
  143. package/dist/siemens-ix/{p-fecf0ade.entry.js → p-72cfbc1c.entry.js} +1 -1
  144. package/dist/siemens-ix/p-783ce87b.entry.js +1 -0
  145. package/dist/siemens-ix/{p-dec6114f.js → p-8c3bfc2f.js} +1 -1
  146. package/dist/siemens-ix/{p-d0bb8225.entry.js → p-8c53c142.entry.js} +1 -1
  147. package/dist/siemens-ix/{p-8a7141a6.entry.js → p-921da56a.entry.js} +1 -1
  148. package/dist/siemens-ix/{p-cc0f6f6b.entry.js → p-9299617f.entry.js} +1 -1
  149. package/dist/siemens-ix/{p-592f1ed3.entry.js → p-9c8c835c.entry.js} +1 -1
  150. package/dist/siemens-ix/{p-a88618e3.entry.js → p-a3a59238.entry.js} +1 -1
  151. package/dist/siemens-ix/{p-b3d00feb.entry.js → p-ab35eaee.entry.js} +1 -1
  152. package/dist/siemens-ix/{p-6fe3bb9c.entry.js → p-ae35c07f.entry.js} +1 -1
  153. package/dist/siemens-ix/{p-03d38416.entry.js → p-b46155b7.entry.js} +1 -1
  154. package/dist/siemens-ix/{p-b242bd39.entry.js → p-b7b753cc.entry.js} +1 -1
  155. package/dist/siemens-ix/{p-5631ae88.entry.js → p-b9a66b74.entry.js} +1 -1
  156. package/dist/siemens-ix/{p-9b5290d4.entry.js → p-c4568016.entry.js} +1 -1
  157. package/dist/siemens-ix/p-d7618223.entry.js +1 -0
  158. package/dist/siemens-ix/{p-67eb9d59.entry.js → p-e51a110f.entry.js} +1 -1
  159. package/dist/siemens-ix/p-e652328d.entry.js +1 -0
  160. package/dist/siemens-ix/{p-65e61684.entry.js → p-e82905f0.entry.js} +1 -1
  161. package/dist/siemens-ix/{p-a6f4cfc6.entry.js → p-f05b01a4.entry.js} +1 -1
  162. package/dist/siemens-ix/{p-ab7949ff.entry.js → p-f1a1e8ee.entry.js} +1 -1
  163. package/dist/siemens-ix/{p-72f851ae.entry.js → p-f3cde62f.entry.js} +1 -1
  164. package/dist/siemens-ix/{p-150d7a02.entry.js → p-fa262af7.entry.js} +1 -1
  165. package/dist/siemens-ix/siemens-ix.css +2045 -1789
  166. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  167. package/dist/types/components/category-filter/category-filter.d.ts +10 -15
  168. package/dist/types/components.d.ts +2 -2
  169. package/package.json +1 -1
  170. package/scss/components/_buttons.scss +1 -1
  171. package/scss/components/_checkboxes.scss +2 -2
  172. package/scss/components/_forms.scss +1 -1
  173. package/scss/components/_radiobuttons.scss +2 -2
  174. package/scss/components/_shadows.scss +12 -24
  175. package/scss/ix.scss +1 -2
  176. package/scss/theme/classic-dark/_border.scss +35 -0
  177. package/scss/theme/classic-dark/_borderRadius.scss +24 -0
  178. package/scss/theme/classic-dark/_borderWidth.scss +18 -0
  179. package/scss/theme/classic-dark/_boxShadow.scss +19 -0
  180. package/scss/theme/classic-dark/_color.scss +860 -0
  181. package/scss/theme/classic-dark/_fontFamilies.scss +8 -0
  182. package/scss/theme/classic-dark/_fontSizes.scss +13 -0
  183. package/scss/theme/classic-dark/_fontWeights.scss +9 -0
  184. package/scss/theme/classic-dark/_index.scss +16 -0
  185. package/scss/theme/classic-dark/_lineHeights.scss +18 -0
  186. package/scss/theme/classic-dark/_other.scss +16 -0
  187. package/scss/theme/classic-dark/_sizing.scss +16 -0
  188. package/scss/theme/classic-dark/_spacing.scss +9 -0
  189. package/scss/theme/classic-dark/_typography.scss +23 -0
  190. package/scss/theme/classic-light/_border.scss +35 -0
  191. package/scss/theme/classic-light/_borderRadius.scss +24 -0
  192. package/scss/theme/classic-light/_borderWidth.scss +18 -0
  193. package/scss/theme/classic-light/_boxShadow.scss +19 -0
  194. package/scss/theme/classic-light/_color.scss +860 -0
  195. package/scss/theme/classic-light/_fontFamilies.scss +8 -0
  196. package/scss/theme/classic-light/_fontSizes.scss +13 -0
  197. package/scss/theme/classic-light/_fontWeights.scss +9 -0
  198. package/scss/theme/classic-light/_index.scss +16 -0
  199. package/scss/theme/classic-light/_lineHeights.scss +18 -0
  200. package/scss/theme/classic-light/_other.scss +16 -0
  201. package/scss/theme/classic-light/_sizing.scss +16 -0
  202. package/scss/theme/classic-light/_spacing.scss +9 -0
  203. package/scss/theme/classic-light/_typography.scss +23 -0
  204. package/dist/siemens-ix/p-05c16b94.js +0 -2
  205. package/dist/siemens-ix/p-0e357d27.entry.js +0 -1
  206. package/dist/siemens-ix/p-2bc72119.entry.js +0 -1
  207. package/dist/siemens-ix/p-5bbe9943.entry.js +0 -1
  208. package/dist/siemens-ix/p-c993560f.entry.js +0 -1
  209. package/dist/siemens-ix/p-d20119c1.entry.js +0 -1
  210. package/scss/theme/_define-theme-colors.scss +0 -22
  211. package/scss/theme/_define-theme-variable.scss +0 -12
  212. package/scss/theme/_define-theme.scss +0 -36
  213. package/scss/theme/_static-colors.scss +0 -19
  214. package/scss/theme/classic-dark/_sizes.scss +0 -66
  215. package/scss/theme/classic-dark/_variables.scss +0 -827
  216. package/scss/theme/classic-dark/index.scss +0 -15
  217. package/scss/theme/classic-light/_sizes.scss +0 -66
  218. package/scss/theme/classic-light/_variables.scss +0 -829
  219. package/scss/theme/classic-light/index.scss +0 -15
package/dist/siemens-ix/siemens-ix.css CHANGED
@@ -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.
15960
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
15998
15961
  */
15999
15962
  /*
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.
15963
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
16006
15964
  */
16007
- /*
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.
16017
- */
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,1793 +16024,2052 @@ 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-0);
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-0);
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-0);
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: 0rem;
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-0);
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-0);
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-0);
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: 0rem;
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 */
@@ -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 {
@@ -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
 
@@ -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
 
@@ -18937,14 +19189,18 @@ button.dropdown-toggle::after {
18937
19189
  * This source code is licensed under the MIT license found in the
18938
19190
  * LICENSE file in the root directory of this source tree.
18939
19191
  */
18940
- /*
18941
- * SPDX-FileCopyrightText: 2022 Siemens AG
18942
- *
18943
- * SPDX-License-Identifier: MIT
18944
- *
18945
- * This source code is licensed under the MIT license found in the
18946
- * LICENSE file in the root directory of this source tree.
18947
- */
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
19205
  * SPDX-FileCopyrightText: 2022 Siemens AG
18950
19206
  *
@@ -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 {