@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
@@ -1,827 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
3
- *
4
- * SPDX-License-Identifier: MIT
5
- *
6
- * This source code is licensed under the MIT license found in the
7
- * LICENSE file in the root directory of this source tree.
8
- */
9
-
10
- /*
11
- * Autogenerated please not edit directly
12
- */
13
-
14
- $classic-dark: (
15
- color-alarm: #fe0137,
16
- color-critical: #eb780a,
17
- color-warning: #ffb900,
18
- color-success: #40c200,
19
- color-info: #266ce6,
20
- color-neutral: #879bab,
21
- color-1: #10181c,
22
- color-2: #172126,
23
- color-3: #293339,
24
- color-4: #3c464b,
25
- color-5: #555f69,
26
- color-6: #6e7d89,
27
- color-7: #879baa,
28
- color-std-bdr: rgba(235, 240, 245, 0.6),
29
- color-soft-bdr: rgba(235, 240, 245, 0.4),
30
- color-weak-bdr: rgba(235, 240, 245, 0.15),
31
- color-std-text: rgba(255, 255, 255, 0.85),
32
- color-contrast-text: #fff,
33
- color-soft-text: rgba(255, 255, 255, 0.6),
34
- color-weak-text: rgba(255, 255, 255, 0.4),
35
- color-inv-std-text: rgba(0, 0, 0, 0.75),
36
- color-inv-contrast-text: #000,
37
- color-inv-soft-text: rgba(0, 0, 0, 0.55),
38
- color-inv-weak-text: rgba(0, 0, 0, 0.3),
39
- color-lightbox: rgba(0, 0, 0, 0.55),
40
- color-backdrop: rgba(16, 24, 28, 0.85),
41
- color-input--focus: #00ffb9,
42
- app-header--color: rgba(255, 255, 255, 0.85),
43
- app-header--background: #555f69,
44
- app-header--border-color: rgba(0, 0, 0, 0),
45
- link-btn--border-color--hover: #41aaaa,
46
- btn-secondary--background--disabled: rgba(255, 255, 255, 0.25),
47
- btn-invisible-secondary--background--selected-active:
48
- rgba(113, 191, 191, 0.32),
49
- btn-secondary--color--active: rgba(255, 255, 255, 0.75),
50
- btn-primary--border-color--hover: rgba(255, 255, 255, 0),
51
- btn-secondary--color: rgba(255, 255, 255, 0.75),
52
- btn-invisible-secondary--color: rgba(255, 255, 255, 0.65),
53
- btn-outline-secondary--background--disabled: rgba(0, 0, 0, 0),
54
- btn-primary--background--active: #58b4b4,
55
- btn-invisible-secondary--color--selected: #41aaaa,
56
- btn-invisible-primary--color--hover: #41aaaa,
57
- btn-outline-primary--color--hover: #41aaaa,
58
- btn-outline-secondary--background: #10181c,
59
- btn-primary--background--disabled: rgba(255, 255, 255, 0.25),
60
- link-btn--border-color--active: #fff,
61
- btn-invisible-primary--background: rgba(0, 0, 0, 0),
62
- btn-outline-primary--background: #10181c,
63
- btn-outline-secondary--border-color: #6e7d89,
64
- btn-outline-secondary--border-color--disabled: rgba(255, 255, 255, 0.25),
65
- btn-outline-secondary--border-color--active: #6e7d89,
66
- btn-outline-secondary--border-color--hover: #6e7d89,
67
- link-btn--color: #41aaaa,
68
- btn-secondary--color--disabled: rgba(255, 255, 255, 0.4),
69
- btn-primary--border-color--active: rgba(255, 255, 255, 0),
70
- btn-invisible-secondary--color--hover: rgba(255, 255, 255, 0.85),
71
- btn-invisible-secondary--color--selected-hover: #41aaaa,
72
- btn-invisible-primary--color--active: #41aaaa,
73
- btn-outline-primary--color--active: #41aaaa,
74
- btn-invisible-secondary--background: rgba(0, 0, 0, 0),
75
- btn-primary--background--hover: #4cafaf,
76
- link-btn--color--visited: #41aaaa,
77
- btn-invisible-primary--background--hover: rgba(255, 255, 255, 0.06),
78
- btn-outline-primary--background--hover: #1e2529,
79
- btn-outline-secondary--color: rgba(255, 255, 255, 0.85),
80
- link-btn--color--hover: #41aaaa,
81
- btn-secondary--background: #555f69,
82
- btn-primary--background: #41aaaa,
83
- btn-primary--color--hover: #000,
84
- btn-primary--border-color--disabled: rgba(255, 255, 255, 0),
85
- color-primary: #41aaaa,
86
- btn-invisible-secondary--color--active: rgba(255, 255, 255, 0.85),
87
- btn-invisible-secondary--color--selected-active: #41aaaa,
88
- btn-invisible-primary--color--disabled: rgba(255, 255, 255, 0.4),
89
- btn-invisible-secondary--background--hover: rgba(255, 255, 255, 0.06),
90
- link-btn--border-color--visited: rgba(0, 0, 0, 0),
91
- btn-invisible-primary--background--active: rgba(255, 255, 255, 0.12),
92
- btn-outline-primary--background--active: #2d3437,
93
- btn-outline-secondary--color--hover: rgba(255, 255, 255, 0.85),
94
- link-btn--color--active: #fff,
95
- btn-secondary--background--hover: #5f6871,
96
- btn-primary--color--active: #000,
97
- btn-invisible-secondary--color--disabled: rgba(255, 255, 255, 0.4),
98
- btn-invisible-secondary--background--selected: rgba(50, 160, 160, 0.25),
99
- btn-primary--border-color: rgba(255, 255, 255, 0),
100
- btn-invisible-secondary--background--active: rgba(255, 255, 255, 0.12),
101
- btn-outline-secondary--background--hover: #1e2529,
102
- btn-primary--color: #000,
103
- link-btn--border-color--disabled: rgba(0, 0, 0, 0),
104
- btn-invisible-primary--background--disabled: rgba(0, 0, 0, 0),
105
- btn-outline-primary--background--disabled: rgba(0, 0, 0, 0),
106
- btn-outline-secondary--color--active: rgba(255, 255, 255, 0.85),
107
- link-btn--border-color: rgba(0, 0, 0, 0),
108
- btn-outline-primary--color--disabled: rgba(255, 255, 255, 0.4),
109
- btn-secondary--background--active: #69727b,
110
- btn-primary--color--disabled: rgba(255, 255, 255, 0.4),
111
- btn-secondary--color--hover: rgba(255, 255, 255, 0.75),
112
- btn-invisible-secondary--background--selected-hover: rgba(80, 171, 171, 0.28),
113
- btn-invisible-secondary--background--disabled: rgba(0, 0, 0, 0),
114
- btn-outline-secondary--background-active: #2d3437,
115
- link-btn--color--disabled: rgba(255, 255, 255, 0.4),
116
- btn-invisible-primary--color: #41aaaa,
117
- btn-outline-primary--color: #41aaaa,
118
- btn-outline-secondary--color--disabled: rgba(255, 255, 255, 0.4),
119
- btn-group-base--background: #10181c,
120
- btn-group-base--border-color: #41aaaa,
121
- btn-group-item--background: rgba(0, 0, 0, 0),
122
- btn-group-item--background--hover: rgba(255, 255, 255, 0.06),
123
- btn-group-item--background--selected: #41aaaa,
124
- btn-group-item--color: #41aaaa,
125
- btn-group-item--color--hover: #41aaaa,
126
- btn-group-item--color--selected: #000,
127
- btn-group-item--border-color--selected: rgba(0, 0, 0, 0),
128
- btn-group-item--border-color--hover: rgba(0, 0, 0, 0),
129
- btn-group-item--border-color: rgba(0, 0, 0, 0),
130
- checkbox-unchecked--background: #10181c,
131
- checkbox-unchecked--border-color: rgba(235, 240, 245, 0.6),
132
- checkbox-unchecked--background--hover: #20282c,
133
- checkbox-unchecked--border-color--hover: rgba(235, 240, 245, 0.6),
134
- checkbox-unchecked--background--active: #31383c,
135
- checkbox-unchecked--border-color--active: rgba(235, 240, 245, 0.6),
136
- checkbox-unchecked--background--disabled: rgba(0, 0, 0, 0),
137
- checkbox-unchecked--border-color--disabled: rgba(255, 255, 255, 0.25),
138
- checkbox-checked--background: #41aaaa,
139
- checkbox-checked--border-color: rgba(0, 0, 0, 0),
140
- checkbox-checked--color: #000,
141
- checkbox-checked--background--hover: #4eb0b0,
142
- checkbox-checked--border-color--hover: rgba(0, 0, 0, 0),
143
- checkbox-checked--color--hover: #000,
144
- checkbox-checked--background--active: #5bb6b6,
145
- checkbox-checked--border-color--active: rgba(0, 0, 0, 0),
146
- checkbox-checked--color--active: #000,
147
- checkbox-checked--background--disabled: rgba(255, 255, 255, 0.25),
148
- checkbox-checked--border-color--disabled: rgba(0, 0, 0, 0),
149
- checkbox-checked--color--disabled: #000,
150
- checkbox-mixed--background: #10181c,
151
- checkbox-mixed--border-color: #41aaaa,
152
- checkbox-mixed--color: #41aaaa,
153
- checkbox-mixed--background--hover: #20282c,
154
- checkbox-mixed--border-color--hover: #41aaaa,
155
- checkbox-mixed--color--hover: #41aaaa,
156
- checkbox-mixed--background--active: #31383c,
157
- checkbox-mixed--border-color--active: #41aaaa,
158
- checkbox-mixed--color--active: #41aaaa,
159
- checkbox-mixed--background--disabled: rgba(0, 0, 0, 0),
160
- checkbox-mixed--border-color--disabled: rgba(255, 255, 255, 0.25),
161
- checkbox-mixed--color--disabled: rgba(255, 255, 255, 0.25),
162
- checkbox-label--color: rgba(255, 255, 255, 0.85),
163
- checkbox-label--color--disabled: rgba(255, 255, 255, 0.4),
164
- ghost--background: rgba(255, 255, 255, 0),
165
- ghost--background--hover: rgba(255, 255, 255, 0.07),
166
- ghost--background--active: rgba(255, 255, 255, 0.14),
167
- radiobtn-unchecked--background: #10181c,
168
- radiobtn-unchecked--background--hover: #1e2529,
169
- radiobtn-unchecked--background--active: #2d3437,
170
- radiobtn-unchecked--background--disabled: #10181c,
171
- radiobtn-unchecked--border-color: rgba(235, 240, 245, 0.6),
172
- radiobtn-unchecked--border-color--hover: rgba(235, 240, 245, 0.6),
173
- radiobtn-unchecked--border-color--active: rgba(235, 240, 245, 0.6),
174
- radiobtn-unchecked--border-color--disabled: rgba(255, 255, 255, 0.25),
175
- radiobtn-checked--background: #10181c,
176
- radiobtn-checked--background--hover: #1e2529,
177
- radiobtn-checked--background--active: #2d3437,
178
- radiobtn-checked--background--disabled: #10181c,
179
- radiobtn-checked--border-color: #41aaaa,
180
- radiobtn-checked--border-color--hover: #41aaaa,
181
- radiobtn-checked--border-color--active: #41aaaa,
182
- radiobtn-checked--border-color--disabled: rgba(255, 255, 255, 0.25),
183
- radiobtn-checked--color: #41aaaa,
184
- radiobtn-checked--color--hover: #41aaaa,
185
- radiobtn-checked--color--active: #41aaaa,
186
- radiobtn-checked--color--disabled: rgba(255, 255, 255, 0.25),
187
- radiobtn-label--color: rgba(255, 255, 255, 0.85),
188
- radiobtn-label--color--disabled: rgba(255, 255, 255, 0.4),
189
- nav--background: #3e4b51,
190
- avatar-btn--background: rgba(0, 0, 0, 0),
191
- avatar-btn--background--hover: rgba(255, 255, 255, 0.07),
192
- avatar-btn--background--active: rgba(255, 255, 255, 0.14),
193
- avatar-btn--color: rgba(255, 255, 255, 0.85),
194
- avatar-btn--color--hover: rgba(255, 255, 255, 0.85),
195
- avatar-btn--color--active: rgba(255, 255, 255, 0.85),
196
- nav-item-primary--background: rgba(0, 0, 0, 0),
197
- nav-item-primary--background--hover: rgba(255, 255, 255, 0.07),
198
- nav-item-primary--background--active: rgba(255, 255, 255, 0.14),
199
- nav-item-primary--background--selected: #293339,
200
- nav-item-primary--border-color: rgba(0, 0, 0, 0),
201
- nav-item-primary--color: rgba(255, 255, 255, 0.85),
202
- nav-item-primary-icon--color: rgba(255, 255, 255, 0.85),
203
- nav-item-primary--border-color--hover: rgba(0, 0, 0, 0),
204
- nav-item-primary--border-color--active: rgba(0, 0, 0, 0),
205
- nav-item-primary--border-color--selected: #41aaaa,
206
- nav-item-primary-icon--color--hover: rgba(255, 255, 255, 0.85),
207
- nav-item-primary-icon--color--active: rgba(255, 255, 255, 0.85),
208
- nav-item-primary-icon--color--selected: rgba(255, 255, 255, 0.85),
209
- nav-item-primary--color--selected: rgba(255, 255, 255, 0.85),
210
- nav-item-primary--color--active: rgba(255, 255, 255, 0.85),
211
- nav-item-primary--color--hover: rgba(255, 255, 255, 0.85),
212
- nav-item-secondary--background: rgba(0, 0, 0, 0),
213
- nav-item-secondary--background--hover: rgba(255, 255, 255, 0.07),
214
- nav-item-secondary--background--active: rgba(255, 255, 255, 0.1),
215
- nav-item-secondary--background--disabled: rgba(0, 0, 0, 0),
216
- nav-item-secondary--background--selected: #10181c,
217
- nav-item-secondary--border-color: rgba(0, 0, 0, 0),
218
- nav-item-secondary--border-color--hover: rgba(0, 0, 0, 0),
219
- nav-item-secondary--border-color--active: rgba(0, 0, 0, 0),
220
- nav-item-secondary--border-color--disabled: rgba(0, 0, 0, 0),
221
- nav-item-secondary--border-color--selected: #41aaaa,
222
- nav-item-secondary--color: rgba(255, 255, 255, 0.85),
223
- nav-item-secondary--color--hover: rgba(255, 255, 255, 0.85),
224
- nav-item-secondary--color--active: rgba(255, 255, 255, 0.85),
225
- nav-item-secondary--color--disabled: rgba(255, 255, 255, 0.4),
226
- nav-item-secondary--color--selected: rgba(255, 255, 255, 0.85),
227
- nav-item-secondary-icon--color: rgba(255, 255, 255, 0.85),
228
- nav-item-secondary-icon--color--hover: rgba(255, 255, 255, 0.85),
229
- nav-item-secondary-icon--color--active: rgba(255, 255, 255, 0.85),
230
- nav-item-secondary-icon--color--disabled: rgba(255, 255, 255, 0.4),
231
- nav-item-secondary-icon--color--selected: rgba(255, 255, 255, 0.85),
232
- menu-btn--color: rgba(255, 255, 255, 0.85),
233
- menu-btn--color--hover: rgba(255, 255, 255, 0.85),
234
- menu-btn--color--active: rgba(255, 255, 255, 0.85),
235
- menu-btn--background: rgba(0, 0, 0, 0),
236
- menu-btn--background--hover: rgba(255, 255, 255, 0.06),
237
- menu-btn--background--active: rgba(255, 255, 255, 0.12),
238
- avatar--background: rgba(255, 255, 255, 0.3),
239
- avatar--color: #fff,
240
- input--color: rgba(255, 255, 255, 0.85),
241
- input--color--disabled: rgba(255, 255, 255, 0.4),
242
- input-hint--color: rgba(255, 255, 255, 0.6),
243
- input--background: #10181c,
244
- input--border-color: rgba(235, 240, 245, 0.6),
245
- input--background--hover: #10181c,
246
- input--border-color--hover: rgba(235, 240, 245, 0.6),
247
- input--background--focus: #10181c,
248
- input--border-color--focus: #41aaaa,
249
- input--background--readonly: rgba(0, 0, 0, 0),
250
- input--border-color--readonly: rgba(0, 0, 0, 0),
251
- input--border-color-bottom--readonly: rgba(235, 240, 245, 0.4),
252
- input--background--disabled: rgba(0, 0, 0, 0),
253
- input--border-color--disabled: rgba(0, 0, 0, 0),
254
- input--border-color-bottom--disabled: rgba(255, 255, 255, 0.25),
255
- input-error--background: #310006,
256
- input-error--border-color: #ff2640,
257
- input-error-icon--color: #ff2640,
258
- blind-base--background: #10181c,
259
- blind-base--border-color: rgba(235, 240, 245, 0.15),
260
- blind-header-closed--background: rgba(0, 0, 0, 0),
261
- blind-header-closed--color: rgba(255, 255, 255, 0.85),
262
- blind-header-icon-closed--color: rgba(255, 255, 255, 0.85),
263
- blind-header-closed--background--hover: rgba(255, 255, 255, 0.07),
264
- blind-header-closed--color--hover: rgba(255, 255, 255, 0.85),
265
- blind-header-icon-closed--color--hover: rgba(255, 255, 255, 0.85),
266
- blind-header-closed--background--active: rgba(255, 255, 255, 0.14),
267
- blind-header-closed--color--active: rgba(255, 255, 255, 0.85),
268
- blind-header-icon-closed--color--active: rgba(255, 255, 255, 0.85),
269
- blind-header-open--background: rgba(0, 0, 0, 0),
270
- blind-header-open--color: rgba(255, 255, 255, 0.85),
271
- blind-header-icon-open--color: rgba(255, 255, 255, 0.85),
272
- blind-header-open--background--hover: rgba(255, 255, 255, 0.07),
273
- blind-header-open--color--hover: rgba(255, 255, 255, 0.85),
274
- blind-header-icon-open--color--hover: rgba(255, 255, 255, 0.85),
275
- blind-header-open--background--active: rgba(255, 255, 255, 0.14),
276
- blind-header-open--color--active: rgba(255, 255, 255, 0.85),
277
- blind-header-icon-open--color--active: rgba(255, 255, 255, 0.85),
278
- breadcrumb-btn-last--color: rgba(255, 255, 255, 0.75),
279
- breadcrumb-btn--background: rgba(135, 155, 170, 0.25),
280
- breadcrumb-btn--background--hover: rgba(161, 180, 194, 0.3),
281
- breadcrumb-btn--background--active: rgba(179, 192, 202, 0.36),
282
- breadcrumb-btn--color: rgba(255, 255, 255, 0.85),
283
- breadcrumb-btn--color--hover: rgba(255, 255, 255, 0.85),
284
- breadcrumb-btn--color--active: rgba(255, 255, 255, 0.85),
285
- breadcrumb-btn-arrow--color: rgba(255, 255, 255, 0.85),
286
- breadcrumb-btn-arrow--color--hover: rgba(255, 255, 255, 0.85),
287
- breadcrumb-btn-arrow--color--active: rgba(255, 255, 255, 0.85),
288
- breadcrumb-ghost-last--color: rgba(255, 255, 255, 0.6),
289
- breadcrumb-ghost--background: rgba(0, 0, 0, 0),
290
- breadcrumb-ghost--background--hover: rgba(255, 255, 255, 0.07),
291
- breadcrumb-ghost--background--active: rgba(255, 255, 255, 0.14),
292
- breadcrumb-ghost--color: #41aaaa,
293
- breadcrumb-ghost--color--hover: #41aaaa,
294
- breadcrumb-ghost--color--active: #41aaaa,
295
- breadcrumb-ghost-arrow--color: #41aaaa,
296
- breadcrumb-ghost-arrow--color--hover: #41aaaa,
297
- breadcrumb-ghost-arrow--color--active: #41aaaa,
298
- btn-group-item--background--active: rgba(255, 255, 255, 0.12),
299
- btn-group--item--border-color--active: rgba(0, 0, 0, 0),
300
- btn-group-item--color--active: #41aaaa,
301
- color-success--hover: #41a212,
302
- color-success--active: #4fa924,
303
- color-success--contrast: #000,
304
- color-alarm--hover: #de123f,
305
- color-alarm--active: #e0244e,
306
- color-alarm--contrast: #fff,
307
- color-critical--hover: #ec811b,
308
- color-critical--active: #ed8b2c,
309
- color-critical--contrast: #000,
310
- color-warning--hover: #ffbd12,
311
- color-warning--active: #ffc224,
312
- color-warning--contrast: #000,
313
- color-info--hover: #2d60b8,
314
- color-info--active: #3d6cbd,
315
- color-info--contrast: #fff,
316
- color-neutral--hover: #8fa2b0,
317
- color-neutral--active: #97a9b6,
318
- color-neutral--contrast: #000,
319
- color-primary--hover: #4eb0b0,
320
- color-primary--active: #5bb6b6,
321
- color-primary--contrast: #000,
322
- chip-outline--background: #10181c,
323
- chip-outline--background--active: #31383c,
324
- chip-outline--color: rgba(255, 255, 255, 0.85),
325
- chip-close-btn--background--hover: rgba(255, 255, 255, 0.07),
326
- chip-close-btn--background: rgba(0, 0, 0, 0),
327
- chip-close-btn--background--active: rgba(255, 255, 255, 0.14),
328
- chip--background: #293339,
329
- chip--background--hover: #384146,
330
- chip--background--active: #474f54,
331
- chip--color: #fff,
332
- chip-close-btn--color: rgba(255, 255, 255, 0.85),
333
- pill-outline--color: rgba(255, 255, 255, 0.85),
334
- pill-outline--background: #10181c,
335
- chip-primary--background: #41aaaa,
336
- chip-primary--background--hover: #4eb0b0,
337
- chip-primary--background--active: #5bb6b6,
338
- chip-primary--color: #000,
339
- chip-primary--color--hover: #000,
340
- chip-primary--color--active: #000,
341
- chip-primary-outline--background: #10181c,
342
- chip-primary-outline--background--hover: #20282c,
343
- chip-primary-outline--background--active: #31383c,
344
- chip-primary-outline--background--display: #10181c,
345
- chip-primary-outline--border-color: #41aaaa,
346
- chip-primary-outline--border-color--hover: #41aaaa,
347
- chip-primary-outline--border-color--active: #41aaaa,
348
- chip-primary-outline--border-color--display: rgba(255, 255, 255, 0.85),
349
- chip-primary-outline--color: #41aaaa,
350
- chip-primary-outline--color--hover: #41aaaa,
351
- chip-primary-outline--color--active: #41aaaa,
352
- chip-primary-outline--color--display: rgba(255, 255, 255, 0.85),
353
- app-header-logo--color: #fff,
354
- chip-outline--background--hover: #20282c,
355
- menu-header--color: rgba(255, 255, 255, 0.6),
356
- menu-item--background: rgba(0, 0, 0, 0),
357
- menu-item--background--hover: rgba(255, 255, 255, 0.07),
358
- menu-item--background--active: rgba(255, 255, 255, 0.14),
359
- menu-item--background--disabled: rgba(0, 0, 0, 0),
360
- menu-item--color: rgba(255, 255, 255, 0.85),
361
- menu-item--color--hover: rgba(255, 255, 255, 0.85),
362
- menu-item--color--active: rgba(255, 255, 255, 0.85),
363
- menu-item--color--disabled: rgba(255, 255, 255, 0.4),
364
- menu-separator--background: rgba(235, 240, 245, 0.15),
365
- menu--background: #10181c,
366
- menu--border-color: rgba(235, 240, 245, 0.4),
367
- menu-item-arrow--color: rgba(255, 255, 255, 0.85),
368
- menu-item-arrow--color--hover: rgba(255, 255, 255, 0.85),
369
- menu-item-arrow--color--active: rgba(255, 255, 255, 0.85),
370
- menu-item-arrow--color--disabled: rgba(255, 255, 255, 0.4),
371
- menu-item-check--color: rgba(255, 255, 255, 0.85),
372
- menu-item-check--color--hover: rgba(255, 255, 255, 0.85),
373
- menu-item-check--color--active: rgba(255, 255, 255, 0.85),
374
- menu-item-check--color--disabled: rgba(255, 255, 255, 0.4),
375
- select-list--background: #10181c,
376
- select-list--border-color: rgba(235, 240, 245, 0.4),
377
- select-list-item--background: rgba(0, 0, 0, 0),
378
- select-list-item--background--hover: rgba(255, 255, 255, 0.07),
379
- select-list-item--background--active: rgba(255, 255, 255, 0.14),
380
- select-list-item--background--selected: rgba(50, 160, 160, 0.25),
381
- select-list-item--background--disabled: rgba(0, 0, 0, 0),
382
- select-list-item--color: rgba(255, 255, 255, 0.85),
383
- select-list-item--color--hover: rgba(255, 255, 255, 0.85),
384
- select-list-item--color--active: rgba(255, 255, 255, 0.85),
385
- select-list-item--color--selected: rgba(255, 255, 255, 0.85),
386
- select-list-item--color--disabled: rgba(255, 255, 255, 0.4),
387
- select-list-item--background--selected-hover: rgba(104, 217, 217, 0.25),
388
- select-list-item--background--selected-active: rgba(153, 230, 230, 0.3),
389
- select-list-item--background--selected-disabled: rgba(0, 0, 0, 0),
390
- select-list-item--color--selected-hover: rgba(255, 255, 255, 0.85),
391
- select-list-item--color--selected-active: rgba(255, 255, 255, 0.85),
392
- select-list-item--color--selected-disabled: rgba(255, 255, 255, 0.4),
393
- select-list-item-check--color: rgba(255, 255, 255, 0.85),
394
- select-list-item-check--color--hover: rgba(255, 255, 255, 0.85),
395
- select-list-item-check--color--active: rgba(255, 255, 255, 0.85),
396
- select-list-item-check--color--disabled: rgba(255, 255, 255, 0.4),
397
- menu-item-icon--color: rgba(255, 255, 255, 0.85),
398
- menu-item-icon--color--hover: rgba(255, 255, 255, 0.85),
399
- menu-item-icon--color--active: rgba(255, 255, 255, 0.85),
400
- menu-item-icon--color--disabled: rgba(255, 255, 255, 0.4),
401
- tab--background: rgba(0, 0, 0, 0),
402
- tab--background--hover: rgba(255, 255, 255, 0.07),
403
- tab--background--active: rgba(255, 255, 255, 0.14),
404
- tab--background--selected: rgba(0, 0, 0, 0),
405
- tab--background--disabled: rgba(0, 0, 0, 0),
406
- tab-indicator--background: rgba(255, 255, 255, 0),
407
- tab-indicator--background--hover: #6e7d89,
408
- tab-indicator--background--active: #6e7d89,
409
- tab-indicator--background--selected: #41aaaa,
410
- tab-indicator--background--disabled: rgba(255, 255, 255, 0),
411
- animated-tab-indicator--background: rgba(255, 255, 255, 0),
412
- animated-tab-indicator--background--hover: rgba(255, 255, 255, 0),
413
- animated-tab-indicator--background--active: rgba(255, 255, 255, 0),
414
- animated-tab-indicator--background--selected: #41aaaa,
415
- animated-tab-indicator--background--disabled: rgba(255, 255, 255, 0),
416
- tab--color: rgba(255, 255, 255, 0.6),
417
- tab--color--hover: rgba(255, 255, 255, 0.6),
418
- tab--color--active: rgba(255, 255, 255, 0.6),
419
- tab--color--selected: #41aaaa,
420
- tab--color--disabled: rgba(255, 255, 255, 0.4),
421
- tab-icon--color: rgba(255, 255, 255, 0.6),
422
- tab-icon--color--hover: rgba(255, 255, 255, 0.6),
423
- tab-icon--color--active: rgba(255, 255, 255, 0.6),
424
- tab-icon--color--selected: #41aaaa,
425
- tab-icon--color--disabled: rgba(255, 255, 255, 0.4),
426
- animated-tab-icon--color: rgba(255, 255, 255, 0.6),
427
- animated-tab-icon--color--hover: rgba(255, 255, 255, 0.6),
428
- animated-tab-icon--color--active: rgba(255, 255, 255, 0.6),
429
- animated-tab-icon--color--selected: #000,
430
- animated-tab-icon--color--disabled: rgba(255, 255, 255, 0.45),
431
- animated-tab-circle--background: #10181c,
432
- animated-tab-circle--background--hover: #1e2529,
433
- animated-tab-circle--background--active: #2d3437,
434
- animated-tab-circle--background--selected: #41aaaa,
435
- animated-tab-circle--background--disabled: rgba(16, 24, 28, 0.6),
436
- animated-tab-circle--border-color: rgba(235, 240, 245, 0.4),
437
- animated-tab-circle--border-color--hover: rgba(235, 240, 245, 0.4),
438
- animated-tab-circle--border-color--active: rgba(235, 240, 245, 0.4),
439
- animated-tab-circle--border-color--selected: rgba(0, 0, 0, 0),
440
- animated-tab-circle--border-color--disabled: rgba(235, 240, 245, 0.15),
441
- tab-pill--border-color: rgba(235, 240, 245, 0.4),
442
- tab-pill--border-color--hover: rgba(235, 240, 245, 0.4),
443
- tab-pill--border-color--active: rgba(235, 240, 245, 0.4),
444
- tab-pill--border-color--selected: #41aaaa,
445
- tab-pill--border-color--disabled: rgba(235, 240, 245, 0.15),
446
- switch-mixed--border-color--disabled: rgba(0, 0, 0, 0),
447
- switch-off--background--disabled: rgba(255, 255, 255, 0.28),
448
- switch-on--background--active: #172126,
449
- switch-thumb-on--border-color--disabled: rgba(0, 0, 0, 0),
450
- switch-thumb-on--border-color--active: #aad3d6,
451
- switch-mixed--background--active: #172126,
452
- switch-thumb-mixed--background: #10181c,
453
- switch-thumb-mixed--background--active: #2d3437,
454
- switch-mixed--background--disabled: rgba(255, 255, 255, 0.28),
455
- switch-on--border-color--disabled: rgba(0, 0, 0, 0),
456
- switch-thumb-on--background--hover: #4cafaf,
457
- switch-off--background: #172126,
458
- switch-thumb-off--background--disabled: #172126,
459
- switch-mixed--border-color: #6b7378,
460
- switch-mixed--background--hover: #172126,
461
- switch-off--border-color--disabled: rgba(255, 255, 255, 0),
462
- switch-mixed--border-color--active: #6b7378,
463
- switch-thumb-on--border-color: #aad3d6,
464
- switch-thumb-off--background: #10181c,
465
- switch-thumb-mixed--border-color: #989ea2,
466
- switch-thumb-mixed--border-color--disabled: #667884,
467
- switch-thumb-mixed--border-color--hover: #989ea2,
468
- switch-thumb-on--background--disabled: #a9bdd1,
469
- switch-thumb-mixed--border-color--active: #989ea2,
470
- switch-thumb-on--background: #41aaaa,
471
- switch-mixed--border-color--hover: #6b7378,
472
- switch-thumb-mixed--background--disabled: #172126,
473
- switch-mixed--background: #172126,
474
- switch-thumb-mixed--background--hover: #1e2529,
475
- switch-on--background--disabled: rgba(255, 255, 255, 0.28),
476
- switch-off--border-color: #6b7378,
477
- switch-off--border-color--hover: #6b7378,
478
- switch-on--background--hover: #172126,
479
- switch-thumb-off--border-color--active: #989ea2,
480
- switch-on--border-color--active: #6b7378,
481
- switch-thumb-on--background--active: #58b4b4,
482
- switch-off--background--hover: #172126,
483
- switch-thumb-off--border-color--hover: #989ea2,
484
- switch-thumb-off--background--active: #2d3437,
485
- switch-off--background--active: #172126,
486
- switch-on--border-color: #6b7378,
487
- switch-thumb-off--border-color--disabled: #667884,
488
- switch-thumb-off--background--hover: #1e2529,
489
- switch-thumb-off--border-color: #989ea2,
490
- switch-on--border-color--hover: #6b7378,
491
- switch-off--border-color--active: #6b7378,
492
- switch-thumb-on--border-color--hover: #aad3d6,
493
- switch-on--background: #172126,
494
- switch--color--hover: rgba(255, 255, 255, 0.85),
495
- switch--color--active: rgba(255, 255, 255, 0.85),
496
- switch--color--disabled: rgba(255, 255, 255, 0.45),
497
- switch--color: rgba(255, 255, 255, 0.85),
498
- map-navigation-logo--color: rgba(255, 255, 255, 0.85),
499
- map-navigation-header--color: rgba(255, 255, 255, 0.85),
500
- map-navigation--background: #293339,
501
- map-navigation-separator--background: rgba(235, 240, 245, 0.4),
502
- btn-invisible-primary--border-color: rgba(255, 255, 255, 0),
503
- btn-invisible-primary--border-color--hover: rgba(255, 255, 255, 0),
504
- btn-invisible-primary--border-color--active: rgba(255, 255, 255, 0),
505
- btn-invisible-primary--border-color--disabled: rgba(255, 255, 255, 0),
506
- btn-secondary--border-color: rgba(255, 255, 255, 0),
507
- btn-secondary--border-color--hover: rgba(255, 255, 255, 0),
508
- btn-secondary--border-color--active: rgba(255, 255, 255, 0),
509
- btn-secondary--border-color--disabled: rgba(255, 255, 255, 0),
510
- btn-invisible-secondary--border-color: rgba(255, 255, 255, 0),
511
- btn-invisible-secondary--border-color--hover: rgba(255, 255, 255, 0),
512
- btn-invisible-secondary--border-color--active: rgba(255, 255, 255, 0),
513
- btn-invisible-secondary--border-color--disabled: rgba(255, 255, 255, 0),
514
- btn-invisible-secondary--border-color--selected: rgba(255, 255, 255, 0),
515
- btn-invisible-secondary--border-color--selected-hover: rgba(255, 255, 255, 0),
516
- btn-invisible-secondary--border-color--selected-active: rgba(255, 255, 255, 0),
517
- overlay--background: rgba(16, 24, 28, 0.85),
518
- overlay-header--background: #293339,
519
- overlay-header--color: rgba(255, 255, 255, 0.85),
520
- nav-overlay-header--color: rgba(255, 255, 255, 0.85),
521
- nav-overlay--background: rgba(16, 24, 28, 0.85),
522
- color-alarm-10: rgba(220, 0, 49, 0.1),
523
- color-alarm-40: rgba(220, 0, 49, 0.4),
524
- color-critical-40: rgba(235, 120, 10, 0.4),
525
- color-warning-10: rgba(255, 185, 0, 0.1),
526
- color-warning-40: rgba(255, 185, 0, 0.4),
527
- color-success-40: rgba(51, 155, 0, 0.4),
528
- color-info-40: rgba(30, 84, 179, 0.4),
529
- color-neutral-40: rgba(135, 155, 171, 0.4),
530
- chart-tooltip-bdr: rgba(255, 255, 255, 0.2),
531
- chart-ticks: rgba(255, 255, 255, 0.3),
532
- chart-tooltip-fill: rgba(0, 0, 0, 0.8),
533
- chart-grid-lines: rgba(255, 255, 255, 0.1),
534
- chart-grid-fill: #10181c,
535
- chart-axes: rgba(255, 255, 255, 0.3),
536
- input-unit--color: rgba(255, 255, 255, 0.6),
537
- input-search-icon--color: rgba(255, 255, 255, 0.85),
538
- input-search-icon--color--hover: rgba(255, 255, 255, 0.85),
539
- input-search-icon--color--focus: rgba(255, 255, 255, 0.85),
540
- input-search-icon--color--disabled: rgba(255, 255, 255, 0.4),
541
- input-gripper--color: rgba(235, 240, 245, 0.6),
542
- color-alarm-text: #ff99af,
543
- messagebar--background: #10181c,
544
- messagebar--color: rgba(255, 255, 255, 0.85),
545
- modal--border-color: rgba(235, 240, 245, 0.4),
546
- modal--background: #10181c,
547
- color-shadow-1: rgba(0, 0, 0, 0.6),
548
- color-shadow-2: rgba(0, 0, 0, 0.6),
549
- color-shadow-3: #000,
550
- color-shadow-4: #000,
551
- group-item--background: rgba(114, 167, 194, 0.2),
552
- group-item--background--hover: rgba(153, 191, 211, 0.26),
553
- group-item--background--active: rgba(177, 206, 221, 0.31),
554
- group-item--background--selected: rgba(50, 160, 160, 0.25),
555
- group-item--background--disabled: rgba(134, 161, 174, 0.1),
556
- group-item--border-color: rgba(0, 0, 0, 0),
557
- group-item--border-color--hover: rgba(0, 0, 0, 0),
558
- group-item--border-color--active: rgba(0, 0, 0, 0),
559
- group-item--border-color--selected: #41aaaa,
560
- group-item--border-color--disabled: rgba(0, 0, 0, 0),
561
- group-item-indicator--background: rgba(0, 0, 0, 0),
562
- group-item-indicator--background--selected: #41aaaa,
563
- group-item-indicator--background--subselected: #41aaaa,
564
- group-node-closed--color: rgba(255, 255, 255, 0.85),
565
- group-node-open--color: rgba(255, 255, 255, 0.85),
566
- group-header--color: rgba(255, 255, 255, 0.85),
567
- group-subheader--color: rgba(255, 255, 255, 0.85),
568
- group-item-icon--color: rgba(255, 255, 255, 0.85),
569
- group-item-text--color: rgba(255, 255, 255, 0.85),
570
- group-item-subtext--color: rgba(255, 255, 255, 0.6),
571
- group-item-icon--color--disabled: rgba(255, 255, 255, 0.4),
572
- group-item-text--color--disabled: rgba(255, 255, 255, 0.4),
573
- group-item-subtext--color--disabled: rgba(255, 255, 255, 0.4),
574
- upload--background: #10181c,
575
- upload--background--dragover: #10181c,
576
- upload--background--checking: #10181c,
577
- upload--background--disabled: #10181c,
578
- upload--border-color: rgba(235, 240, 245, 0.4),
579
- upload--border-color--dragover: #41aaaa,
580
- upload--border-color--checking: rgba(235, 240, 245, 0.4),
581
- upload--border-color--disabled: rgba(235, 240, 245, 0.4),
582
- upload-text--color: rgba(255, 255, 255, 0.85),
583
- upload-text--color--checking: rgba(255, 255, 255, 0.85),
584
- upload-text--color--disabled: rgba(235, 240, 245, 0.3),
585
- event-item--background: rgba(16, 24, 28, 0.2),
586
- event-item--background--hover: #20282c,
587
- event-item--background--active: #31383c,
588
- event-item--background--selected: #152c2f,
589
- event-item--background--disabled: rgba(16, 24, 28, 0.6),
590
- event-item--border: rgba(235, 240, 245, 0.15),
591
- event-item--border--hover: rgba(235, 240, 245, 0.15),
592
- event-item--border--active: rgba(235, 240, 245, 0.15),
593
- event-item--border--selected: #3fa8a8,
594
- event-item--border--disabled: rgba(235, 240, 245, 0.15),
595
- event-item-chevron--color: rgba(255, 255, 255, 0.6),
596
- flip--color: rgba(255, 255, 255, 0.85),
597
- flip--background: #10181c,
598
- flip-footer--color: rgba(255, 255, 255, 0.85),
599
- flip-footer--background: #10181c,
600
- flip--border-color: rgba(235, 240, 245, 0.6),
601
- kpi-display--background: rgba(255, 255, 255, 0),
602
- kpi-display--background--hover: rgba(255, 255, 255, 0.07),
603
- kpi-display--background--active: rgba(255, 255, 255, 0.14),
604
- kpi-display-indicator--background: rgba(255, 255, 255, 0.3),
605
- kpi-display-label--color: rgba(255, 255, 255, 0.6),
606
- kpi-display-icon--color: rgba(255, 255, 255, 0.85),
607
- kpi-display-value--color: rgba(255, 255, 255, 0.85),
608
- kpi-display-units--color: rgba(255, 255, 255, 0.6),
609
- scrollbar-track--background: #172126,
610
- scrollbar-track--background--hover: #273135,
611
- scrollbar-track--border: #10181c,
612
- scrollbar-thumb--background: #555f69,
613
- scrollbar-thumb--background--hover: #616a74,
614
- input-extra--background--active: #232323,
615
- input-extra--background--hover: #121212,
616
- input-select-icon--color--active: rgba(255, 255, 255, 0.85),
617
- select-list-item-hint--color: rgba(255, 255, 255, 0.6),
618
- select-list-item-hint--color--hover: rgba(255, 255, 255, 0.6),
619
- select-list-item-hint--color--active: rgba(255, 255, 255, 0.6),
620
- datepicker-day--background: rgba(255, 255, 255, 0),
621
- datepicker-day--background--hover: rgba(255, 255, 255, 0.07),
622
- datepicker-day--background--active: rgba(255, 255, 255, 0.14),
623
- datepicker-day--background--disabled: rgba(0, 0, 0, 0),
624
- datepicker-day--border-color: rgba(0, 0, 0, 0),
625
- datepicker-day--border-color--hover: rgba(0, 0, 0, 0),
626
- datepicker-day--border-color--active: rgba(0, 0, 0, 0),
627
- datepicker-day--border-color--disabled: rgba(0, 0, 0, 0),
628
- datepicker-day--color: #41aaaa,
629
- datepicker-day--color--hover: #41aaaa,
630
- datepicker-day--color--active: #41aaaa,
631
- datepicker-day--color--disabled: rgba(255, 255, 255, 0.4),
632
- datepicker-day--background--selected: #00d4d4,
633
- datepicker-day--background--selected-hover: #12d7d7,
634
- datepicker-day--background--selected-active: #24dada,
635
- datepicker-day--background--selected-disabled: rgba(0, 212, 212, 0.3),
636
- datepicker-day--border-color--selected: rgba(0, 0, 0, 0),
637
- datepicker-day--border-color--selected-hover: rgba(0, 0, 0, 0),
638
- datepicker-day--border-color--selected-active: rgba(0, 0, 0, 0),
639
- datepicker-day--border-color--selected-disabled: rgba(0, 0, 0, 0),
640
- datepicker-day--color--selected: #000,
641
- datepicker-day--color--selected-hover: #000,
642
- datepicker-day--color--selected-active: #000,
643
- datepicker-day--color--selected-disabled: rgba(255, 255, 255, 0.4),
644
- datepicker-day--background--range: #41aaaa,
645
- datepicker-day--background--range-hover: #4eb0b0,
646
- datepicker-day--background--range-active: #5cb6b6,
647
- datepicker-day--background--range-disabled: rgba(65, 170, 170, 0.2),
648
- datepicker-day--border-color--range: rgba(0, 0, 0, 0),
649
- datepicker-day--border-color--range-hover: rgba(0, 0, 0, 0),
650
- datepicker-day--border-color--range-active: rgba(0, 0, 0, 0),
651
- datepicker-day--border-color--range-disabled: rgba(0, 0, 0, 0),
652
- datepicker-day--color--range: #000,
653
- datepicker-day--color--range-hover: #000,
654
- datepicker-day--color--range-active: #000,
655
- datepicker-day--color--range-disabled: rgba(255, 255, 255, 0.4),
656
- datepicker-today--background: rgba(255, 255, 255, 0),
657
- datepicker-today--background--hover: rgba(255, 255, 255, 0.07),
658
- datepicker-today--background--active: rgba(255, 255, 255, 0.14),
659
- datepicker-today--background--disabled: rgba(0, 0, 0, 0),
660
- datepicker-today--border-color: #41aaaa,
661
- datepicker-today--border-color--hover: #41aaaa,
662
- datepicker-today--border-color--active: #41aaaa,
663
- datepicker-today--border-color--disabled: rgba(65, 170, 170, 0.45),
664
- datepicker-today--color: #41aaaa,
665
- datepicker-today--color--hover: #41aaaa,
666
- datepicker-today--color--active: #41aaaa,
667
- datepicker-today--color--disabled: rgba(255, 255, 255, 0.4),
668
- datepicker-today--background--selected: #00d4d4,
669
- datepicker-today--background--selected-hover: #12d7d7,
670
- datepicker-today--background--selected-active: #24dada,
671
- datepicker-today--background--selected-disabled: rgba(0, 212, 212, 0.3),
672
- datepicker-today--border-color--selected: #41aaaa,
673
- datepicker-today--border-color--selected-hover: #41aaaa,
674
- datepicker-today--border-color--selected-active: #41aaaa,
675
- datepicker-today--border-color--selected-disabled: rgba(65, 170, 170, 0.6),
676
- datepicker-today--color--selected: #000,
677
- datepicker-today--color--selected-hover: #000,
678
- datepicker-today--color--selected-active: #000,
679
- datepicker-today--color--selected-disabled: rgba(255, 255, 255, 0.4),
680
- datepicker-today--background--range: #41aaaa,
681
- datepicker-today--background--range-hover: #4eb0b0,
682
- datepicker-today--background--range-active: #5cb6b6,
683
- datepicker-today--background--range-disabled: rgba(65, 170, 170, 0.2),
684
- datepicker-today--border-color--range: #41aaaa,
685
- datepicker-today--border-color--range-hover: #0e777c,
686
- datepicker-today--border-color--range-active: #41aaaa,
687
- datepicker-today--border-color--range-disabled: rgba(65, 170, 170, 0.6),
688
- datepicker-today--color--range: #000,
689
- datepicker-today--color--range-hover: #000,
690
- datepicker-today--color--range-active: #000,
691
- datepicker-today--color--range-disabled: rgba(255, 255, 255, 0.4),
692
- datepicker-extra--border-color: #10181c,
693
- datepicker-weekday--color: rgba(255, 255, 255, 0.6),
694
- datepicker-time-header--color: rgba(255, 255, 255, 0.85),
695
- datepicker-cw--color: rgba(255, 255, 255, 0.6),
696
- datepicker-separator--background: rgba(235, 240, 245, 0.15),
697
- tootlip--background: #10181c,
698
- tooltip--border-color: rgba(235, 240, 245, 0.15),
699
- color-dynamic: #27d9d9,
700
- tooltip-close--color: rgba(255, 255, 255, 0.6),
701
- tooltip-close-btn--background: rgba(0, 0, 0, 0),
702
- tooltip-close-btn--background--hover: rgba(255, 255, 255, 0.07),
703
- tooltip-close-btn--background--active: rgba(255, 255, 255, 0.14),
704
- tooltip--color: rgba(255, 255, 255, 0.85),
705
- color-hyperlink: #41aaaa,
706
- color-hyperlink--hover: #41aaaa,
707
- color-hyperlink--active: #fff,
708
- color-ghost--hover: rgba(255, 255, 255, 0.07),
709
- color-ghost--active: rgba(255, 255, 255, 0.14),
710
- toast--background: #10181c,
711
- toast--border-color: rgba(235, 240, 245, 0.15),
712
- toast--color: rgba(255, 255, 255, 0.85),
713
- toast-timer-track--background: rgba(255, 255, 255, 0),
714
- toast-timer-value--background: #6e7d89,
715
- tree-item--background: rgba(0, 0, 0, 0),
716
- tree-item--background--hover: rgba(255, 255, 255, 0.07),
717
- tree-item--background--active: rgba(255, 255, 255, 0.14),
718
- tree-item--background--selected: rgba(50, 160, 160, 0.25),
719
- tree-item--background--selected-hover: rgba(97, 182, 182, 0.3),
720
- tree-item--background--selected-active: rgba(131, 197, 197, 0.36),
721
- tree-item-node-closed-icon--color: rgba(255, 255, 255, 0.85),
722
- tree-item-node-open-icon--color: #41aaaa,
723
- tree-item--color: rgba(255, 255, 255, 0.85),
724
- tree-item-icon--color: rgba(255, 255, 255, 0.85),
725
- tree-item-status--color: rgba(255, 255, 255, 0.6),
726
- table--background: rgba(0, 0, 0, 0),
727
- table--border-color: rgba(235, 240, 245, 0.15),
728
- table--color: rgba(255, 255, 255, 0.85),
729
- table-header-row--background: rgba(51, 74, 85, 0.2),
730
- table-header-row--border-color: rgba(235, 240, 245, 0.15),
731
- table-selection--border-color: #41aaaa,
732
- table-header-cell--background: rgba(0, 0, 0, 0),
733
- table-header-cell--background--hover: rgba(255, 255, 255, 0.07),
734
- table-header-cell--background--active: rgba(255, 255, 255, 0.14),
735
- table-header-cell--border-color: rgba(0, 0, 0, 0),
736
- table-header-cell--border-color--hover: rgba(0, 0, 0, 0),
737
- table-header-cell--border-color--active: rgba(0, 0, 0, 0),
738
- table-header-cell--color: rgba(255, 255, 255, 0.85),
739
- table-header-sort--color: #41aaaa,
740
- table-header-filter--color: #41aaaa,
741
- table-header-splitter--background: rgba(235, 240, 245, 0.4),
742
- table-header-splitter--background--hover: #41aaaa,
743
- table-group-splitter--background: rgba(235, 240, 245, 0.15),
744
- table-group-splitter--background--hover: rgba(65, 170, 170, 0.85),
745
- table-data-row--background: rgba(0, 0, 0, 0),
746
- table-data-row--background--hover: rgba(255, 255, 255, 0.07),
747
- table-data-row--background--active: rgba(255, 255, 255, 0.14),
748
- table-data-row--background--selected: rgba(50, 160, 160, 0.25),
749
- table-data-row--background--disabled: rgba(0, 0, 0, 0),
750
- table-data-row--background--selected-hover: rgba(97, 182, 182, 0.3),
751
- table-data-row--background--selected-active: rgba(131, 197, 197, 0.36),
752
- table-data-row-alt--background: rgba(255, 255, 255, 0.04),
753
- table-data-row-alt--background--hover: rgba(255, 255, 255, 0.11),
754
- table-data-row-alt--background--active: rgba(255, 255, 255, 0.17),
755
- table-data-row-alt--background--selected: rgba(79, 174, 174, 0.28),
756
- table-data-row-alt--background--disabled: rgba(255, 255, 255, 0.04),
757
- table-data-row-alt--background--selected-hover: rgba(116, 191, 191, 0.33),
758
- table-data-row-alt--background--selected-active: rgba(144, 204, 204, 0.38),
759
- table-data-row--border-color: rgba(235, 240, 245, 0.15),
760
- table-data-cell--background: rgba(0, 0, 0, 0),
761
- table-data-cell--background--hover: rgba(255, 255, 255, 0.07),
762
- table-data-cell--background--active: rgba(255, 255, 255, 0.14),
763
- table-data-cell--background--selected: rgba(50, 160, 160, 0.25),
764
- table-data-cell--background--disabled: rgba(0, 0, 0, 0),
765
- table-data-cell--background--selected-hover: rgba(97, 182, 182, 0.3),
766
- table-data-cell--background--selected-active: rgba(131, 197, 197, 0.36),
767
- table-data-cell--border-color: rgba(0, 0, 0, 0),
768
- table-data-cell--color: rgba(255, 255, 255, 0.85),
769
- table-data-cell--color-disabled: rgba(255, 255, 255, 0.4),
770
- table-group-header-row--background: rgba(51, 74, 85, 0.2),
771
- table-group-header-row--border-color: rgba(235, 240, 245, 0.15),
772
- label--color: rgba(255, 255, 255, 0.6),
773
- label--color--hover: rgba(255, 255, 255, 0.85),
774
- label--color--active: rgba(255, 255, 255, 0.85),
775
- label--color--focus: rgba(255, 255, 255, 0.85),
776
- label--color--disabled: rgba(255, 255, 255, 0.4),
777
- workflow-step--background: rgba(255, 255, 255, 0),
778
- workflow-step--background--hover: rgba(255, 255, 255, 0.07),
779
- workflow-step--background--active: rgba(255, 255, 255, 0.14),
780
- workflow-step--background--selected: rgba(50, 160, 160, 0.25),
781
- workflow-step--background--disabled: rgba(0, 0, 0, 0),
782
- workflow-step--color: rgba(255, 255, 255, 0.85),
783
- workflow-step-icon--background: #10181c,
784
- workflow-step-icon-default--color: #879baa,
785
- workflow-step-icon-default--color--selected: #41aaaa,
786
- workflow-step-icon-default--color--disabled: rgba(255, 255, 255, 0.4),
787
- workflow-step-icon-done--color: #41aaaa,
788
- workflow-step-icon-done--color--selected: #41aaaa,
789
- workflow-step-icon-done--color--disabled: rgba(255, 255, 255, 0.4),
790
- workflow-step-icon-success--color--disabled: rgba(255, 255, 255, 0.4),
791
- workflow-step-icon-warning--color--disabled: rgba(255, 255, 255, 0.4),
792
- workflow-step-icon-error--color--disabled: rgba(255, 255, 255, 0.4),
793
- chart-1: #00ebd5,
794
- chart-1-40: rgba(0, 235, 213, 0.4),
795
- chart-2-40: rgba(0, 215, 160, 0.4),
796
- chart-2: #009e78,
797
- chart-3-40: rgba(0, 213, 224, 0.4),
798
- chart-3: #00d5e0,
799
- chart-4-40: rgba(0, 197, 241, 0.4),
800
- chart-4: #00c5f1,
801
- chart-5-40: rgba(134, 172, 192, 0.4),
802
- chart-5: #86acc0,
803
- chart-6-40: rgba(66, 170, 255, 0.4),
804
- chart-6: #42aaff,
805
- chart-7-40: rgba(36, 115, 255, 0.4),
806
- chart-7: #2473ff,
807
- chart-8-40: rgba(117, 158, 255, 0.4),
808
- chart-8: #759eff,
809
- chart-9-40: rgba(126, 132, 255, 0.4),
810
- chart-9: #7e84ff,
811
- chart-10-40: rgba(147, 98, 255, 0.4),
812
- chart-10: #9362ff,
813
- chart-11-40: rgba(189, 97, 255, 0.4),
814
- chart-11: #bd61ff,
815
- chart-12-40: rgba(228, 70, 255, 0.4),
816
- chart-12: #e446ff,
817
- chart-13-40: rgba(243, 143, 194, 0.4),
818
- chart-13: #f38fc2,
819
- chart-14-40: rgba(239, 154, 154, 0.4),
820
- chart-14: #ef9a9a,
821
- chart-15-40: rgba(255, 177, 128, 0.4),
822
- chart-15: #ffb180,
823
- chart-16-40: rgba(186, 186, 157, 0.4),
824
- chart-16: #baba9d,
825
- chart-17-40: rgba(181, 189, 0, 0.4),
826
- chart-17: #b5bd00,
827
- );