@itwin/itwinui-css 1.0.0-dev.0 → 1.0.0-dev.10

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 (245) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/css/alert.css +81 -92
  3. package/css/all.css +2143 -2719
  4. package/css/anchor.css +3 -3
  5. package/css/avatar.css +46 -46
  6. package/css/backdrop.css +6 -4
  7. package/css/badge.css +8 -8
  8. package/css/blockquote.css +6 -6
  9. package/css/breadcrumbs.css +63 -52
  10. package/css/button.css +113 -135
  11. package/css/carousel.css +17 -16
  12. package/css/checkbox.css +27 -22
  13. package/css/code.css +15 -14
  14. package/css/color-picker.css +41 -44
  15. package/css/date-picker.css +59 -88
  16. package/css/dialog.css +32 -32
  17. package/css/expandable-block.css +36 -57
  18. package/css/fieldset.css +7 -7
  19. package/css/file-upload.css +20 -28
  20. package/css/footer.css +35 -35
  21. package/css/global.css +50 -617
  22. package/css/header.css +58 -51
  23. package/css/information-panel.css +38 -32
  24. package/css/input.css +64 -56
  25. package/css/keyboard.css +6 -10
  26. package/css/location-marker.css +32 -18
  27. package/css/menu.css +41 -27
  28. package/css/non-ideal-state.css +12 -12
  29. package/css/progress-indicator.css +37 -35
  30. package/css/radio-tile.css +39 -38
  31. package/css/radio.css +27 -22
  32. package/css/select.css +89 -80
  33. package/css/side-navigation.css +34 -38
  34. package/css/skip-to-content.css +11 -11
  35. package/css/slider.css +166 -55
  36. package/css/stepper.css +17 -17
  37. package/css/surface.css +2 -2
  38. package/css/table.css +180 -144
  39. package/css/tabs.css +61 -47
  40. package/css/tag.css +24 -25
  41. package/css/text.css +24 -24
  42. package/css/tile.css +160 -176
  43. package/css/time-picker.css +16 -14
  44. package/css/toast.css +49 -47
  45. package/css/toggle-switch.css +26 -26
  46. package/css/tooltip.css +6 -10
  47. package/css/tree.css +30 -35
  48. package/css/utils.css +228 -154
  49. package/css/workflow-diagram.css +8 -8
  50. package/package.json +8 -11
  51. package/css/icon.css +0 -117
  52. package/css/textarea.css +0 -96
  53. package/scss/alert/alert.scss +0 -89
  54. package/scss/alert/classes.scss +0 -33
  55. package/scss/alert/index.scss +0 -3
  56. package/scss/anchor/anchor.scss +0 -78
  57. package/scss/anchor/classes.scss +0 -11
  58. package/scss/anchor/index.scss +0 -3
  59. package/scss/avatar/avatar-sizes.scss +0 -23
  60. package/scss/avatar/avatar.scss +0 -215
  61. package/scss/avatar/classes.scss +0 -27
  62. package/scss/avatar/index.scss +0 -3
  63. package/scss/backdrop/backdrop.scss +0 -27
  64. package/scss/backdrop/classes.scss +0 -7
  65. package/scss/backdrop/index.scss +0 -3
  66. package/scss/badge/badge.scss +0 -34
  67. package/scss/badge/classes.scss +0 -7
  68. package/scss/badge/index.scss +0 -3
  69. package/scss/blockquote/blockquote.scss +0 -26
  70. package/scss/blockquote/classes.scss +0 -7
  71. package/scss/blockquote/index.scss +0 -3
  72. package/scss/breadcrumbs/breadcrumbs.scss +0 -119
  73. package/scss/breadcrumbs/classes.scss +0 -31
  74. package/scss/breadcrumbs/index.scss +0 -3
  75. package/scss/button/borderless.scss +0 -36
  76. package/scss/button/button-group.scss +0 -118
  77. package/scss/button/button.scss +0 -119
  78. package/scss/button/classes.scss +0 -80
  79. package/scss/button/default.scss +0 -51
  80. package/scss/button/idea.scss +0 -12
  81. package/scss/button/index.scss +0 -9
  82. package/scss/button/split-button.scss +0 -45
  83. package/scss/button/variant.scss +0 -44
  84. package/scss/carousel/carousel.scss +0 -113
  85. package/scss/carousel/classes.scss +0 -15
  86. package/scss/carousel/index.scss +0 -3
  87. package/scss/checkbox/checkbox.scss +0 -154
  88. package/scss/checkbox/classes.scss +0 -7
  89. package/scss/checkbox/index.scss +0 -3
  90. package/scss/classes.scss +0 -52
  91. package/scss/code/classes.scss +0 -11
  92. package/scss/code/code.scss +0 -16
  93. package/scss/code/codeblock.scss +0 -59
  94. package/scss/code/index.scss +0 -4
  95. package/scss/color-picker/classes.scss +0 -43
  96. package/scss/color-picker/color-picker.scss +0 -241
  97. package/scss/color-picker/index.scss +0 -3
  98. package/scss/date-picker/classes.scss +0 -47
  99. package/scss/date-picker/date-picker.scss +0 -246
  100. package/scss/date-picker/index.scss +0 -3
  101. package/scss/dialog/classes.scss +0 -48
  102. package/scss/dialog/dialog.scss +0 -178
  103. package/scss/dialog/index.scss +0 -3
  104. package/scss/expandable-block/block.scss +0 -165
  105. package/scss/expandable-block/classes.scss +0 -7
  106. package/scss/expandable-block/index.scss +0 -3
  107. package/scss/fieldset/classes.scss +0 -7
  108. package/scss/fieldset/fieldset.scss +0 -29
  109. package/scss/fieldset/index.scss +0 -3
  110. package/scss/file-upload/classes.scss +0 -7
  111. package/scss/file-upload/file-upload.scss +0 -80
  112. package/scss/file-upload/index.scss +0 -3
  113. package/scss/footer/classes.scss +0 -7
  114. package/scss/footer/footer.scss +0 -55
  115. package/scss/footer/index.scss +0 -3
  116. package/scss/header/classes.scss +0 -79
  117. package/scss/header/header-buttons.scss +0 -316
  118. package/scss/header/header.scss +0 -75
  119. package/scss/header/index.scss +0 -4
  120. package/scss/icon/classes.scss +0 -27
  121. package/scss/icon/icon.scss +0 -65
  122. package/scss/icon/index.scss +0 -3
  123. package/scss/index.scss +0 -50
  124. package/scss/information-panel/classes.scss +0 -27
  125. package/scss/information-panel/index.scss +0 -3
  126. package/scss/information-panel/information-panel.scss +0 -215
  127. package/scss/input/classes.scss +0 -15
  128. package/scss/input/index.scss +0 -4
  129. package/scss/input/input-with-icon.scss +0 -37
  130. package/scss/input/input.scss +0 -70
  131. package/scss/keyboard/classes.scss +0 -7
  132. package/scss/keyboard/index.scss +0 -3
  133. package/scss/keyboard/keyboard.scss +0 -29
  134. package/scss/location-marker/classes.scss +0 -15
  135. package/scss/location-marker/data-rich.scss +0 -49
  136. package/scss/location-marker/default.scss +0 -19
  137. package/scss/location-marker/index.scss +0 -6
  138. package/scss/location-marker/location-marker.scss +0 -11
  139. package/scss/location-marker/me.scss +0 -29
  140. package/scss/menu/classes.scss +0 -21
  141. package/scss/menu/index.scss +0 -3
  142. package/scss/menu/menu.scss +0 -185
  143. package/scss/non-ideal-state/classes.scss +0 -7
  144. package/scss/non-ideal-state/index.scss +0 -3
  145. package/scss/non-ideal-state/non-ideal-state.scss +0 -56
  146. package/scss/progress-indicator/classes.scss +0 -31
  147. package/scss/progress-indicator/index.scss +0 -5
  148. package/scss/progress-indicator/linear.scss +0 -108
  149. package/scss/progress-indicator/overlay.scss +0 -51
  150. package/scss/progress-indicator/radial.scss +0 -155
  151. package/scss/radio/classes.scss +0 -7
  152. package/scss/radio/index.scss +0 -3
  153. package/scss/radio/radio.scss +0 -18
  154. package/scss/radio-tile/classes.scss +0 -31
  155. package/scss/radio-tile/index.scss +0 -3
  156. package/scss/radio-tile/radio-tile.scss +0 -167
  157. package/scss/select/classes.scss +0 -27
  158. package/scss/select/index.scss +0 -3
  159. package/scss/select/select.scss +0 -124
  160. package/scss/side-navigation/classes.scss +0 -15
  161. package/scss/side-navigation/index.scss +0 -3
  162. package/scss/side-navigation/side-navigation.scss +0 -202
  163. package/scss/skip-to-content/classes.scss +0 -7
  164. package/scss/skip-to-content/index.scss +0 -3
  165. package/scss/skip-to-content/skip-to-content.scss +0 -40
  166. package/scss/slider/classes.scss +0 -27
  167. package/scss/slider/index.scss +0 -3
  168. package/scss/slider/slider.scss +0 -135
  169. package/scss/stepper/classes.scss +0 -32
  170. package/scss/stepper/index.scss +0 -3
  171. package/scss/stepper/stepper.scss +0 -151
  172. package/scss/style/baseline.scss +0 -4
  173. package/scss/style/color.scss +0 -39
  174. package/scss/style/elevation.scss +0 -11
  175. package/scss/style/global-variables.scss +0 -23
  176. package/scss/style/global.scss +0 -69
  177. package/scss/style/icon-sizes.scss +0 -14
  178. package/scss/style/index.scss +0 -11
  179. package/scss/style/space.scss +0 -11
  180. package/scss/style/speed.scss +0 -8
  181. package/scss/style/theme.scss +0 -443
  182. package/scss/style/typography.scss +0 -55
  183. package/scss/surface/classes.scss +0 -7
  184. package/scss/surface/index.scss +0 -3
  185. package/scss/surface/surface.scss +0 -17
  186. package/scss/table/classes.scss +0 -64
  187. package/scss/table/column-filter.scss +0 -34
  188. package/scss/table/index.scss +0 -6
  189. package/scss/table/paginator.scss +0 -79
  190. package/scss/table/sizes.scss +0 -31
  191. package/scss/table/table-densities.scss +0 -11
  192. package/scss/table/table.scss +0 -482
  193. package/scss/tabs/borderless.scss +0 -59
  194. package/scss/tabs/classes.scss +0 -44
  195. package/scss/tabs/default.scss +0 -89
  196. package/scss/tabs/index.scss +0 -6
  197. package/scss/tabs/pill.scss +0 -38
  198. package/scss/tabs/tabs.scss +0 -192
  199. package/scss/tag/classes.scss +0 -30
  200. package/scss/tag/index.scss +0 -3
  201. package/scss/tag/tag.scss +0 -89
  202. package/scss/text/classes.scss +0 -40
  203. package/scss/text/index.scss +0 -5
  204. package/scss/text/mixins.scss +0 -43
  205. package/scss/text/muted.scss +0 -7
  206. package/scss/text/skeleton.scss +0 -43
  207. package/scss/textarea/classes.scss +0 -7
  208. package/scss/textarea/index.scss +0 -3
  209. package/scss/textarea/textarea.scss +0 -15
  210. package/scss/tile/classes.scss +0 -51
  211. package/scss/tile/index.scss +0 -3
  212. package/scss/tile/tile.scss +0 -340
  213. package/scss/time-picker/classes.scss +0 -16
  214. package/scss/time-picker/index.scss +0 -3
  215. package/scss/time-picker/time-picker.scss +0 -63
  216. package/scss/toast/categories.scss +0 -22
  217. package/scss/toast/classes.scss +0 -98
  218. package/scss/toast/index.scss +0 -4
  219. package/scss/toast/toast.scss +0 -70
  220. package/scss/toggle-switch/classes.scss +0 -11
  221. package/scss/toggle-switch/index.scss +0 -3
  222. package/scss/toggle-switch/toggle-switch.scss +0 -203
  223. package/scss/tooltip/classes.scss +0 -24
  224. package/scss/tooltip/index.scss +0 -3
  225. package/scss/tooltip/tooltip.scss +0 -40
  226. package/scss/tree/classes.scss +0 -19
  227. package/scss/tree/index.scss +0 -3
  228. package/scss/tree/tree.scss +0 -126
  229. package/scss/utils/classes.scss +0 -6
  230. package/scss/utils/index.scss +0 -6
  231. package/scss/utils/input-container/classes.scss +0 -39
  232. package/scss/utils/input-container/index.scss +0 -3
  233. package/scss/utils/input-container/input-container.scss +0 -285
  234. package/scss/utils/mixins.scss +0 -171
  235. package/scss/utils/notification-marker/classes.scss +0 -9
  236. package/scss/utils/notification-marker/index.scss +0 -3
  237. package/scss/utils/notification-marker/notification-marker.scss +0 -55
  238. package/scss/utils/popover/classes.scss +0 -7
  239. package/scss/utils/popover/index.scss +0 -3
  240. package/scss/utils/popover/popover.scss +0 -21
  241. package/scss/variables.scss +0 -3
  242. package/scss/workflow-diagram/classes.scss +0 -15
  243. package/scss/workflow-diagram/index.scss +0 -3
  244. package/scss/workflow-diagram/workflow-diagram.scss +0 -64
  245. package/src/index.scss +0 -50
package/css/global.css CHANGED
@@ -2,629 +2,62 @@
2
2
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
3
3
  * See LICENSE.md in the project root for license terms and full copyright notice.
4
4
  *--------------------------------------------------------------------------------------------*/
5
- html{
6
- --iui-color-background-1-rgb:255, 255, 255;
7
- --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
8
- --iui-color-background-2-rgb:249, 249, 251;
9
- --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
10
- --iui-color-background-3-rgb:237, 239, 242;
11
- --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
12
- --iui-color-background-4-rgb:221, 225, 228;
13
- --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
14
- --iui-color-background-5-rgb:199, 204, 209;
15
- --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
16
- --iui-color-background-primary-rgb:0, 138, 224;
17
- --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
18
- --iui-color-background-positive-rgb:83, 162, 26;
19
- --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
20
- --iui-color-background-warning-rgb:241, 141, 19;
21
- --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
22
- --iui-color-background-negative-rgb:209, 10, 10;
23
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
24
- --iui-color-background-disabled-rgb:237, 239, 242;
25
- --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
26
- --iui-color-background-border-rgb:199, 204, 209;
27
- --iui-color-background-border:rgb(var(--iui-color-background-border-rgb));
28
- --iui-color-foreground-body-rgb:0, 0, 0;
29
- --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
30
- --iui-color-foreground-body-invert-rgb:255, 255, 255;
31
- --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
32
- --iui-color-foreground-accessory-rgb:255, 255, 255;
33
- --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
34
- --iui-color-foreground-primary-rgb:0, 138, 224;
35
- --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
36
- --iui-color-foreground-positive-rgb:83, 162, 26;
37
- --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
38
- --iui-color-foreground-warning-rgb:241, 141, 19;
39
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
40
- --iui-color-foreground-negative-rgb:209, 10, 10;
41
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
42
- --iui-color-background-1-overlay-rgb:242, 242, 242;
43
- --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
44
- --iui-color-background-primary-overlay-rgb:0, 107, 173;
45
- --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
46
- --iui-color-background-positive-overlay-rgb:61, 118, 19;
47
- --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
48
- --iui-color-foreground-primary-overlay-rgb:0, 107, 173;
49
- --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
50
- --iui-color-foreground-positive-overlay-rgb:61, 118, 19;
51
- --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
52
- --iui-color-foreground-warning-overlay-rgb:198, 114, 12;
53
- --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
54
- --iui-color-foreground-negative-overlay-rgb:161, 8, 8;
55
- --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
56
- --iui-opacity-1:1;
57
- --iui-opacity-2:0.8;
58
- --iui-opacity-3:0.6;
59
- --iui-opacity-4:0.4;
60
- --iui-opacity-5:0.2;
61
- --iui-opacity-6:0.1;
62
- --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
63
- --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
64
- --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
65
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
66
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
67
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
68
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
69
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
70
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
71
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
72
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
73
- }
74
- @media (prefers-color-scheme: dark){
75
- html{
76
- --iui-color-background-1-rgb:90, 104, 114;
77
- --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
78
- --iui-color-background-2-rgb:79, 92, 100;
79
- --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
80
- --iui-color-background-3-rgb:69, 81, 89;
81
- --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
82
- --iui-color-background-4-rgb:55, 67, 73;
83
- --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
84
- --iui-color-background-5-rgb:46, 56, 61;
85
- --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
86
- --iui-color-background-primary-rgb:0, 138, 224;
87
- --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
88
- --iui-color-background-positive-rgb:83, 162, 26;
89
- --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
90
- --iui-color-background-warning-rgb:241, 141, 19;
91
- --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
92
- --iui-color-background-negative-rgb:209, 10, 10;
93
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
94
- --iui-color-background-disabled-rgb:69, 81, 89;
95
- --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
96
- --iui-color-background-border-rgb:46, 56, 61;
97
- --iui-color-background-border:rgb(var(--iui-color-background-border-rgb));
98
- --iui-color-foreground-body-rgb:255, 255, 255;
99
- --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
100
- --iui-color-foreground-body-invert-rgb:0, 0, 0;
101
- --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
102
- --iui-color-foreground-accessory-rgb:255, 255, 255;
103
- --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
104
- --iui-color-foreground-primary-rgb:163, 214, 245;
105
- --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
106
- --iui-color-foreground-positive-rgb:194, 224, 174;
107
- --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
108
- --iui-color-foreground-warning-rgb:249, 214, 169;
109
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
110
- --iui-color-foreground-negative-rgb:239, 169, 169;
111
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
112
- --iui-color-background-1-overlay-rgb:101, 118, 129;
113
- --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
114
- --iui-color-background-primary-overlay-rgb:0, 154, 250;
115
- --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
116
- --iui-color-background-positive-overlay-rgb:94, 184, 30;
117
- --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
118
- --iui-color-foreground-primary-overlay-rgb:209, 234, 250;
119
- --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
120
- --iui-color-foreground-positive-overlay-rgb:222, 238, 211;
121
- --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
122
- --iui-color-foreground-warning-overlay-rgb:252, 237, 217;
123
- --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
124
- --iui-color-foreground-negative-overlay-rgb:247, 212, 212;
125
- --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
126
- --iui-opacity-1:1;
127
- --iui-opacity-2:0.85;
128
- --iui-opacity-3:0.65;
129
- --iui-opacity-4:0.45;
130
- --iui-opacity-5:0.25;
131
- --iui-opacity-6:0.1;
132
- --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
133
- --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
134
- --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
135
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
136
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
137
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
138
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
139
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
140
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
141
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
142
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
143
- }
144
- }
145
- @media (prefers-color-scheme: light) and (prefers-contrast: more){
146
- html{
147
- --iui-color-background-1-rgb:255, 255, 255;
148
- --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
149
- --iui-color-background-2-rgb:249, 250, 251;
150
- --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
151
- --iui-color-background-3-rgb:238, 240, 242;
152
- --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
153
- --iui-color-background-4-rgb:221, 226, 228;
154
- --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
155
- --iui-color-background-5-rgb:198, 206, 210;
156
- --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
157
- --iui-color-background-primary-rgb:0, 88, 133;
158
- --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
159
- --iui-color-background-positive-rgb:0, 97, 32;
160
- --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
161
- --iui-color-background-warning-rgb:112, 84, 0;
162
- --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
163
- --iui-color-background-negative-rgb:158, 0, 0;
164
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
165
- --iui-color-background-disabled-rgb:238, 240, 242;
166
- --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
167
- --iui-color-background-border:rgba(0, 0, 0, 0.3);
168
- --iui-color-foreground-body-rgb:0, 0, 0;
169
- --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
170
- --iui-color-foreground-accessory-rgb:255, 255, 255;
171
- --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
172
- --iui-color-foreground-primary-rgb:0, 78, 117;
173
- --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
174
- --iui-color-foreground-positive-rgb:0, 82, 27;
175
- --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
176
- --iui-color-foreground-warning-rgb:97, 73, 0;
177
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
178
- --iui-color-foreground-negative-rgb:143, 0, 0;
179
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
180
- --iui-color-background-1-overlay-rgb:226, 231, 233;
181
- --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
182
- --iui-color-background-primary-overlay-rgb:0, 54, 82;
183
- --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
184
- --iui-color-background-positive-overlay-rgb:0, 46, 15;
185
- --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
186
- --iui-color-foreground-primary-overlay-rgb:0, 44, 66;
187
- --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
188
- --iui-color-foreground-positive-overlay-rgb:0, 31, 10;
189
- --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
190
- --iui-color-foreground-warning-overlay-rgb:46, 34, 0;
191
- --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
192
- --iui-color-foreground-negative-overlay-rgb:92, 0, 0;
193
- --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
194
- --iui-opacity-1:1;
195
- --iui-opacity-2:0.86;
196
- --iui-opacity-3:0.72;
197
- --iui-opacity-4:0.67;
198
- --iui-opacity-5:0.3;
199
- --iui-opacity-6:0.06;
200
- --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
201
- --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
202
- --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
203
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
204
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
205
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
206
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
207
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
208
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
209
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
210
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
211
- }
212
- }
213
- @media (prefers-color-scheme: dark) and (prefers-contrast: more){
214
- html{
215
- --iui-color-background-1-rgb:45, 53, 57;
216
- --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
217
- --iui-color-background-2-rgb:34, 40, 43;
218
- --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
219
- --iui-color-background-3-rgb:22, 27, 29;
220
- --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
221
- --iui-color-background-4-rgb:56, 66, 71;
222
- --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
223
- --iui-color-background-5-rgb:67, 80, 86;
224
- --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
225
- --iui-color-background-primary-rgb:0, 88, 133;
226
- --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
227
- --iui-color-background-positive-rgb:0, 97, 32;
228
- --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
229
- --iui-color-background-warning-rgb:112, 84, 0;
230
- --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
231
- --iui-color-background-negative-rgb:158, 0, 0;
232
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
233
- --iui-color-background-disabled-rgb:56, 66, 71;
234
- --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
235
- --iui-color-background-border:rgba(255, 255, 255, 0.34);
236
- --iui-color-foreground-body-rgb:255, 255, 255;
237
- --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
238
- --iui-color-foreground-accessory-rgb:255, 255, 255;
239
- --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
240
- --iui-color-foreground-primary-rgb:148, 219, 255;
241
- --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
242
- --iui-color-foreground-positive-rgb:112, 255, 160;
243
- --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
244
- --iui-color-foreground-warning-rgb:255, 223, 128;
245
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
246
- --iui-color-foreground-negative-rgb:255, 194, 194;
247
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
248
- --iui-color-background-1-overlay-rgb:67, 80, 86;
249
- --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
250
- --iui-color-background-primary-overlay-rgb:0, 122, 184;
251
- --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
252
- --iui-color-background-positive-overlay-rgb:0, 148, 49;
253
- --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
254
- --iui-color-foreground-primary-overlay-rgb:199, 236, 255;
255
- --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
256
- --iui-color-foreground-positive-overlay-rgb:163, 255, 194;
257
- --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
258
- --iui-color-foreground-warning-overlay-rgb:255, 236, 179;
259
- --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
260
- --iui-color-foreground-negative-overlay-rgb:255, 245, 245;
261
- --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
262
- --iui-opacity-1:1;
263
- --iui-opacity-2:0.94;
264
- --iui-opacity-3:0.88;
265
- --iui-opacity-4:0.76;
266
- --iui-opacity-5:0.34;
267
- --iui-opacity-6:0.07;
268
- --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
269
- --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
270
- --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
271
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
272
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
273
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
274
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
275
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
276
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
277
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
278
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
279
- }
280
- }
281
- html.iui-theme-light{
282
- --iui-color-background-1-rgb:255, 255, 255;
283
- --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
284
- --iui-color-background-2-rgb:249, 249, 251;
285
- --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
286
- --iui-color-background-3-rgb:237, 239, 242;
287
- --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
288
- --iui-color-background-4-rgb:221, 225, 228;
289
- --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
290
- --iui-color-background-5-rgb:199, 204, 209;
291
- --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
292
- --iui-color-background-primary-rgb:0, 138, 224;
293
- --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
294
- --iui-color-background-positive-rgb:83, 162, 26;
295
- --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
296
- --iui-color-background-warning-rgb:241, 141, 19;
297
- --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
298
- --iui-color-background-negative-rgb:209, 10, 10;
299
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
300
- --iui-color-background-disabled-rgb:237, 239, 242;
301
- --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
302
- --iui-color-background-border-rgb:199, 204, 209;
303
- --iui-color-background-border:rgb(var(--iui-color-background-border-rgb));
304
- --iui-color-foreground-body-rgb:0, 0, 0;
305
- --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
306
- --iui-color-foreground-body-invert-rgb:255, 255, 255;
307
- --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
308
- --iui-color-foreground-accessory-rgb:255, 255, 255;
309
- --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
310
- --iui-color-foreground-primary-rgb:0, 138, 224;
311
- --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
312
- --iui-color-foreground-positive-rgb:83, 162, 26;
313
- --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
314
- --iui-color-foreground-warning-rgb:241, 141, 19;
315
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
316
- --iui-color-foreground-negative-rgb:209, 10, 10;
317
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
318
- --iui-color-background-1-overlay-rgb:242, 242, 242;
319
- --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
320
- --iui-color-background-primary-overlay-rgb:0, 107, 173;
321
- --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
322
- --iui-color-background-positive-overlay-rgb:61, 118, 19;
323
- --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
324
- --iui-color-foreground-primary-overlay-rgb:0, 107, 173;
325
- --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
326
- --iui-color-foreground-positive-overlay-rgb:61, 118, 19;
327
- --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
328
- --iui-color-foreground-warning-overlay-rgb:198, 114, 12;
329
- --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
330
- --iui-color-foreground-negative-overlay-rgb:161, 8, 8;
331
- --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
332
- --iui-opacity-1:1;
333
- --iui-opacity-2:0.8;
334
- --iui-opacity-3:0.6;
335
- --iui-opacity-4:0.4;
336
- --iui-opacity-5:0.2;
337
- --iui-opacity-6:0.1;
338
- --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
339
- --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
340
- --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
341
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
342
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
343
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
344
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
345
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
346
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
347
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
348
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
349
- }
350
- html.iui-theme-dark{
351
- --iui-color-background-1-rgb:90, 104, 114;
352
- --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
353
- --iui-color-background-2-rgb:79, 92, 100;
354
- --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
355
- --iui-color-background-3-rgb:69, 81, 89;
356
- --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
357
- --iui-color-background-4-rgb:55, 67, 73;
358
- --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
359
- --iui-color-background-5-rgb:46, 56, 61;
360
- --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
361
- --iui-color-background-primary-rgb:0, 138, 224;
362
- --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
363
- --iui-color-background-positive-rgb:83, 162, 26;
364
- --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
365
- --iui-color-background-warning-rgb:241, 141, 19;
366
- --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
367
- --iui-color-background-negative-rgb:209, 10, 10;
368
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
369
- --iui-color-background-disabled-rgb:69, 81, 89;
370
- --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
371
- --iui-color-background-border-rgb:46, 56, 61;
372
- --iui-color-background-border:rgb(var(--iui-color-background-border-rgb));
373
- --iui-color-foreground-body-rgb:255, 255, 255;
374
- --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
375
- --iui-color-foreground-body-invert-rgb:0, 0, 0;
376
- --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
377
- --iui-color-foreground-accessory-rgb:255, 255, 255;
378
- --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
379
- --iui-color-foreground-primary-rgb:163, 214, 245;
380
- --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
381
- --iui-color-foreground-positive-rgb:194, 224, 174;
382
- --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
383
- --iui-color-foreground-warning-rgb:249, 214, 169;
384
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
385
- --iui-color-foreground-negative-rgb:239, 169, 169;
386
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
387
- --iui-color-background-1-overlay-rgb:101, 118, 129;
388
- --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
389
- --iui-color-background-primary-overlay-rgb:0, 154, 250;
390
- --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
391
- --iui-color-background-positive-overlay-rgb:94, 184, 30;
392
- --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
393
- --iui-color-foreground-primary-overlay-rgb:209, 234, 250;
394
- --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
395
- --iui-color-foreground-positive-overlay-rgb:222, 238, 211;
396
- --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
397
- --iui-color-foreground-warning-overlay-rgb:252, 237, 217;
398
- --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
399
- --iui-color-foreground-negative-overlay-rgb:247, 212, 212;
400
- --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
401
- --iui-opacity-1:1;
402
- --iui-opacity-2:0.85;
403
- --iui-opacity-3:0.65;
404
- --iui-opacity-4:0.45;
405
- --iui-opacity-5:0.25;
406
- --iui-opacity-6:0.1;
407
- --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
408
- --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
409
- --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
410
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
411
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
412
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
413
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
414
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
415
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
416
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
417
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
418
- }
419
- html.iui-theme-light-hc{
420
- --iui-color-background-1-rgb:255, 255, 255;
421
- --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
422
- --iui-color-background-2-rgb:249, 250, 251;
423
- --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
424
- --iui-color-background-3-rgb:238, 240, 242;
425
- --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
426
- --iui-color-background-4-rgb:221, 226, 228;
427
- --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
428
- --iui-color-background-5-rgb:198, 206, 210;
429
- --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
430
- --iui-color-background-primary-rgb:0, 88, 133;
431
- --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
432
- --iui-color-background-positive-rgb:0, 97, 32;
433
- --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
434
- --iui-color-background-warning-rgb:112, 84, 0;
435
- --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
436
- --iui-color-background-negative-rgb:158, 0, 0;
437
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
438
- --iui-color-background-disabled-rgb:238, 240, 242;
439
- --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
440
- --iui-color-background-border:rgba(0, 0, 0, 0.3);
441
- --iui-color-foreground-body-rgb:0, 0, 0;
442
- --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
443
- --iui-color-foreground-accessory-rgb:255, 255, 255;
444
- --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
445
- --iui-color-foreground-primary-rgb:0, 78, 117;
446
- --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
447
- --iui-color-foreground-positive-rgb:0, 82, 27;
448
- --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
449
- --iui-color-foreground-warning-rgb:97, 73, 0;
450
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
451
- --iui-color-foreground-negative-rgb:143, 0, 0;
452
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
453
- --iui-color-background-1-overlay-rgb:226, 231, 233;
454
- --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
455
- --iui-color-background-primary-overlay-rgb:0, 54, 82;
456
- --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
457
- --iui-color-background-positive-overlay-rgb:0, 46, 15;
458
- --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
459
- --iui-color-foreground-primary-overlay-rgb:0, 44, 66;
460
- --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
461
- --iui-color-foreground-positive-overlay-rgb:0, 31, 10;
462
- --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
463
- --iui-color-foreground-warning-overlay-rgb:46, 34, 0;
464
- --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
465
- --iui-color-foreground-negative-overlay-rgb:92, 0, 0;
466
- --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
467
- --iui-opacity-1:1;
468
- --iui-opacity-2:0.86;
469
- --iui-opacity-3:0.72;
470
- --iui-opacity-4:0.67;
471
- --iui-opacity-5:0.3;
472
- --iui-opacity-6:0.06;
473
- --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
474
- --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
475
- --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
476
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
477
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
478
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
479
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
480
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
481
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
482
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
483
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
484
- }
485
- html.iui-theme-dark-hc{
486
- --iui-color-background-1-rgb:45, 53, 57;
487
- --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
488
- --iui-color-background-2-rgb:34, 40, 43;
489
- --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
490
- --iui-color-background-3-rgb:22, 27, 29;
491
- --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
492
- --iui-color-background-4-rgb:56, 66, 71;
493
- --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
494
- --iui-color-background-5-rgb:67, 80, 86;
495
- --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
496
- --iui-color-background-primary-rgb:0, 88, 133;
497
- --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
498
- --iui-color-background-positive-rgb:0, 97, 32;
499
- --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
500
- --iui-color-background-warning-rgb:112, 84, 0;
501
- --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
502
- --iui-color-background-negative-rgb:158, 0, 0;
503
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
504
- --iui-color-background-disabled-rgb:56, 66, 71;
505
- --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
506
- --iui-color-background-border:rgba(255, 255, 255, 0.34);
507
- --iui-color-foreground-body-rgb:255, 255, 255;
508
- --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
509
- --iui-color-foreground-accessory-rgb:255, 255, 255;
510
- --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
511
- --iui-color-foreground-primary-rgb:148, 219, 255;
512
- --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
513
- --iui-color-foreground-positive-rgb:112, 255, 160;
514
- --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
515
- --iui-color-foreground-warning-rgb:255, 223, 128;
516
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
517
- --iui-color-foreground-negative-rgb:255, 194, 194;
518
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
519
- --iui-color-background-1-overlay-rgb:67, 80, 86;
520
- --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
521
- --iui-color-background-primary-overlay-rgb:0, 122, 184;
522
- --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
523
- --iui-color-background-positive-overlay-rgb:0, 148, 49;
524
- --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
525
- --iui-color-foreground-primary-overlay-rgb:199, 236, 255;
526
- --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
527
- --iui-color-foreground-positive-overlay-rgb:163, 255, 194;
528
- --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
529
- --iui-color-foreground-warning-overlay-rgb:255, 236, 179;
530
- --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
531
- --iui-color-foreground-negative-overlay-rgb:255, 245, 245;
532
- --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
533
- --iui-opacity-1:1;
534
- --iui-opacity-2:0.94;
535
- --iui-opacity-3:0.88;
536
- --iui-opacity-4:0.76;
537
- --iui-opacity-5:0.34;
538
- --iui-opacity-6:0.07;
539
- --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
540
- --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
541
- --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
542
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
543
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
544
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
545
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
546
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
547
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
548
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
549
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
550
- }
551
-
552
- .iui-body{
5
+ :where(.iui-root){
6
+ color:var(--iui-color-foreground-2);
7
+ font-size:var(--iui-font-size-1);
8
+ line-height:var(--iui-size-l);
9
+ font-family:var(--iui-font-sans);
10
+ }
11
+ :where(body:where(.iui-root)){
12
+ margin:0;
553
13
  background-color:var(--iui-color-background-2);
554
- color:var(--iui-text-color);
555
- font-size:14px;
556
- line-height:22px;
557
- scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
558
- scrollbar-width:thin;
559
- font-family:"Noto Sans", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
560
- }
561
- .iui-body::-webkit-scrollbar{
562
- width:8px;
563
- height:8px;
564
- }
565
- .iui-body::-webkit-scrollbar-thumb{
566
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
567
- border-radius:4px;
568
- }
569
- .iui-body::-webkit-scrollbar-thumb:hover{
570
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
571
- }
572
- .iui-body::-webkit-scrollbar-track, .iui-body::-webkit-scrollbar-corner{
573
- background-color:transparent;
574
- }
575
- .iui-body.iui-no-webfonts{
576
- font-family:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
577
14
  }
578
15
 
579
- .iui-visually-hidden{
580
- -webkit-clip-path:inset(50%);
581
- clip-path:inset(50%);
582
- overflow:hidden;
583
- position:absolute;
584
- white-space:nowrap;
585
- height:1px;
586
- width:1px;
587
- padding:0;
588
- margin:-1px;
589
- border-width:0;
16
+ :where(.iui-root) :where([class*="iui-"]):where(:not(.iui-root)), :where(.iui-root) :where([class*="iui-"]):where(:not(.iui-root))::before, :where(.iui-root) :where([class*="iui-"]):where(:not(.iui-root))::after,
17
+ :where(.iui-root) :where([class*="iui-"]) *,
18
+ :where(.iui-root) :where([class*="iui-"]) *::before,
19
+ :where(.iui-root) :where([class*="iui-"]) *::after{
20
+ box-sizing:border-box;
590
21
  }
591
22
 
592
- [class*=iui-],
593
- [class*=iui-] *{
594
- scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
23
+ :where([data-iui-theme]),
24
+ :where(.iui-root),
25
+ :where(.iui-root) *{
26
+ scrollbar-color:hsl(var(--iui-color-foreground-1-hsl)/var(--iui-opacity-4)) transparent;
595
27
  scrollbar-width:thin;
596
28
  }
597
- [class*=iui-]::-moz-selection, [class*=iui-] *::-moz-selection, [class*=iui-] *::-moz-selection, [class*=iui-] * *::-moz-selection{
598
- background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
599
- }
600
- [class*=iui-]::selection,
601
- [class*=iui-] *::selection,
602
- [class*=iui-] *::selection,
603
- [class*=iui-] * *::selection{
604
- background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
605
- }
606
- [class*=iui-]::-webkit-scrollbar,
607
- [class*=iui-] *::-webkit-scrollbar{
608
- width:8px;
609
- height:8px;
610
- }
611
- [class*=iui-]::-webkit-scrollbar-thumb,
612
- [class*=iui-] *::-webkit-scrollbar-thumb{
613
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
614
- border-radius:4px;
615
- }
616
- [class*=iui-]::-webkit-scrollbar-thumb:hover,
617
- [class*=iui-] *::-webkit-scrollbar-thumb:hover{
618
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
619
- }
620
- [class*=iui-]::-webkit-scrollbar-track, [class*=iui-]::-webkit-scrollbar-corner,
621
- [class*=iui-] *::-webkit-scrollbar-track,
622
- [class*=iui-] *::-webkit-scrollbar-corner{
29
+ :where([data-iui-theme])::-moz-selection, :where([data-iui-theme]) *::-moz-selection, :where(.iui-root)::-moz-selection, :where(.iui-root) *::-moz-selection, :where(.iui-root) *::-moz-selection, :where(.iui-root) * *::-moz-selection{
30
+ background-color:hsl(var(--iui-color-foreground-primary-hsl)/var(--iui-opacity-5));
31
+ }
32
+ :where([data-iui-theme])::selection,
33
+ :where([data-iui-theme]) *::selection,
34
+ :where(.iui-root)::selection,
35
+ :where(.iui-root) *::selection,
36
+ :where(.iui-root) *::selection,
37
+ :where(.iui-root) * *::selection{
38
+ background-color:hsl(var(--iui-color-foreground-primary-hsl)/var(--iui-opacity-5));
39
+ }
40
+ :where([data-iui-theme])::-webkit-scrollbar,
41
+ :where(.iui-root)::-webkit-scrollbar,
42
+ :where(.iui-root) *::-webkit-scrollbar{
43
+ width:var(--iui-size-xs);
44
+ height:var(--iui-size-xs);
45
+ }
46
+ :where([data-iui-theme])::-webkit-scrollbar-thumb,
47
+ :where(.iui-root)::-webkit-scrollbar-thumb,
48
+ :where(.iui-root) *::-webkit-scrollbar-thumb{
49
+ background-color:hsl(var(--iui-color-foreground-1-hsl)/var(--iui-opacity-4));
50
+ border-radius:var(--iui-border-radius-round);
51
+ }
52
+ :where([data-iui-theme])::-webkit-scrollbar-thumb:hover,
53
+ :where(.iui-root)::-webkit-scrollbar-thumb:hover,
54
+ :where(.iui-root) *::-webkit-scrollbar-thumb:hover{
55
+ background-color:hsl(var(--iui-color-foreground-1-hsl)/var(--iui-opacity-3));
56
+ }
57
+ :where([data-iui-theme])::-webkit-scrollbar-track, :where([data-iui-theme])::-webkit-scrollbar-corner,
58
+ :where(.iui-root)::-webkit-scrollbar-track,
59
+ :where(.iui-root)::-webkit-scrollbar-corner,
60
+ :where(.iui-root) *::-webkit-scrollbar-track,
61
+ :where(.iui-root) *::-webkit-scrollbar-corner{
623
62
  background-color:transparent;
624
- }
625
-
626
- [class*=iui-]:where(:not(.iui-body)),
627
- [class*=iui-]:where(:not(.iui-body))::before,
628
- [class*=iui-]:where(:not(.iui-body))::after{
629
- box-sizing:border-box;
630
63
  }