@itwin/itwinui-css 0.63.1 → 0.63.2-dev.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/css/alert.css +250 -248
  3. package/css/all.css +9975 -9928
  4. package/css/anchor.css +58 -56
  5. package/css/backdrop.css +21 -19
  6. package/css/badge.css +26 -24
  7. package/css/blockquote.css +26 -24
  8. package/css/breadcrumbs.css +384 -382
  9. package/css/button.css +462 -460
  10. package/css/carousel.css +119 -117
  11. package/css/code.css +87 -85
  12. package/css/color-picker.css +221 -219
  13. package/css/date-picker.css +449 -447
  14. package/css/dialog.css +153 -151
  15. package/css/expandable-block.css +209 -207
  16. package/css/fieldset.css +33 -31
  17. package/css/file-upload.css +100 -98
  18. package/css/footer.css +87 -85
  19. package/css/global.css +462 -460
  20. package/css/header.css +484 -482
  21. package/css/icon.css +163 -161
  22. package/css/information-panel.css +190 -188
  23. package/css/inputs.css +1257 -1255
  24. package/css/keyboard.css +34 -32
  25. package/css/location-marker.css +110 -108
  26. package/css/menu.css +168 -166
  27. package/css/non-ideal-state.css +62 -60
  28. package/css/notification-marker.css +246 -244
  29. package/css/popover.css +11 -9
  30. package/css/progress-indicator.css +379 -377
  31. package/css/radio-tile.css +184 -182
  32. package/css/reset-global-styles.css +35 -33
  33. package/css/side-navigation.css +209 -207
  34. package/css/skip-to-content.css +55 -53
  35. package/css/slider.css +240 -238
  36. package/css/surface.css +14 -12
  37. package/css/table.css +710 -708
  38. package/css/tabs.css +339 -337
  39. package/css/tag.css +142 -140
  40. package/css/text.css +102 -100
  41. package/css/tile.css +544 -542
  42. package/css/time-picker.css +125 -123
  43. package/css/toast-notification.css +301 -299
  44. package/css/toggle-switch.css +237 -235
  45. package/css/tooltip.css +53 -51
  46. package/css/tree.css +137 -135
  47. package/css/user-icon.css +242 -240
  48. package/css/wizard.css +182 -180
  49. package/package.json +1 -1
  50. package/scss/alert/classes.scss +7 -5
  51. package/scss/anchor/classes.scss +6 -4
  52. package/scss/backdrop/classes.scss +4 -2
  53. package/scss/badge/classes.scss +4 -2
  54. package/scss/blockquote/classes.scss +4 -2
  55. package/scss/breadcrumbs/classes.scss +22 -20
  56. package/scss/button/classes.scss +47 -45
  57. package/scss/carousel/classes.scss +10 -8
  58. package/scss/code/classes.scss +7 -5
  59. package/scss/color-picker/classes.scss +40 -38
  60. package/scss/date-picker/classes.scss +44 -42
  61. package/scss/dialog/classes.scss +45 -43
  62. package/scss/expandable-block/classes.scss +4 -2
  63. package/scss/fieldset/classes.scss +4 -2
  64. package/scss/file-upload/classes.scss +4 -2
  65. package/scss/footer/classes.scss +16 -14
  66. package/scss/header/classes.scss +7 -5
  67. package/scss/icon/classes.scss +19 -17
  68. package/scss/information-panel/classes.scss +18 -16
  69. package/scss/inputs/classes.scss +62 -60
  70. package/scss/keyboard/classes.scss +4 -2
  71. package/scss/location-marker/classes.scss +10 -8
  72. package/scss/menu/classes.scss +14 -12
  73. package/scss/non-ideal-state/classes.scss +4 -2
  74. package/scss/notification-marker/classes.scss +5 -3
  75. package/scss/popover/classes.scss +4 -2
  76. package/scss/progress-indicator/classes.scss +22 -20
  77. package/scss/radio-tile/classes.scss +22 -20
  78. package/scss/reset-global-styles.scss +25 -23
  79. package/scss/side-navigation/classes.scss +10 -8
  80. package/scss/skip-to-content/classes.scss +4 -2
  81. package/scss/slider/classes.scss +37 -35
  82. package/scss/style/global.scss +49 -47
  83. package/scss/surface/classes.scss +4 -2
  84. package/scss/table/classes.scss +45 -43
  85. package/scss/tabs/classes.scss +31 -29
  86. package/scss/tag/classes.scss +20 -18
  87. package/scss/text/classes.scss +36 -34
  88. package/scss/tile/classes.scss +36 -34
  89. package/scss/time-picker/classes.scss +11 -9
  90. package/scss/toast-notification/classes.scss +71 -69
  91. package/scss/toggle-switch/classes.scss +7 -5
  92. package/scss/tooltip/classes.scss +17 -15
  93. package/scss/tree/classes.scss +13 -11
  94. package/scss/user-icon/classes.scss +18 -16
  95. package/scss/wizard/classes.scss +18 -16
package/css/global.css CHANGED
@@ -2,77 +2,353 @@
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){
5
+ @layer itwinui-v1{
75
6
  html{
7
+ --iui-color-background-1-rgb:255, 255, 255;
8
+ --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
9
+ --iui-color-background-2-rgb:249, 249, 251;
10
+ --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
11
+ --iui-color-background-3-rgb:237, 239, 242;
12
+ --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
13
+ --iui-color-background-4-rgb:221, 225, 228;
14
+ --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
15
+ --iui-color-background-5-rgb:199, 204, 209;
16
+ --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
17
+ --iui-color-background-primary-rgb:0, 138, 224;
18
+ --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
19
+ --iui-color-background-positive-rgb:83, 162, 26;
20
+ --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
21
+ --iui-color-background-warning-rgb:241, 141, 19;
22
+ --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
23
+ --iui-color-background-negative-rgb:209, 10, 10;
24
+ --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
25
+ --iui-color-background-disabled-rgb:237, 239, 242;
26
+ --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
27
+ --iui-color-background-border-rgb:199, 204, 209;
28
+ --iui-color-background-border:rgb(var(--iui-color-background-border-rgb));
29
+ --iui-color-foreground-body-rgb:0, 0, 0;
30
+ --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
31
+ --iui-color-foreground-body-invert-rgb:255, 255, 255;
32
+ --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
33
+ --iui-color-foreground-accessory-rgb:255, 255, 255;
34
+ --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
35
+ --iui-color-foreground-primary-rgb:0, 138, 224;
36
+ --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
37
+ --iui-color-foreground-positive-rgb:83, 162, 26;
38
+ --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
39
+ --iui-color-foreground-warning-rgb:241, 141, 19;
40
+ --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
41
+ --iui-color-foreground-negative-rgb:209, 10, 10;
42
+ --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
43
+ --iui-color-background-1-overlay-rgb:242, 242, 242;
44
+ --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
45
+ --iui-color-background-primary-overlay-rgb:0, 107, 173;
46
+ --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
47
+ --iui-color-background-positive-overlay-rgb:61, 118, 19;
48
+ --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
49
+ --iui-color-foreground-primary-overlay-rgb:0, 107, 173;
50
+ --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
51
+ --iui-color-foreground-positive-overlay-rgb:61, 118, 19;
52
+ --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
53
+ --iui-color-foreground-warning-overlay-rgb:198, 114, 12;
54
+ --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
55
+ --iui-color-foreground-negative-overlay-rgb:161, 8, 8;
56
+ --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
57
+ --iui-opacity-1:1;
58
+ --iui-opacity-2:0.8;
59
+ --iui-opacity-3:0.6;
60
+ --iui-opacity-4:0.4;
61
+ --iui-opacity-5:0.2;
62
+ --iui-opacity-6:0.1;
63
+ --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
64
+ --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
65
+ --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
66
+ --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
67
+ --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
68
+ --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
69
+ --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
70
+ --iui-icons-color-primary:var(--iui-color-foreground-primary);
71
+ --iui-icons-color-positive:var(--iui-color-foreground-positive);
72
+ --iui-icons-color-warning:var(--iui-color-foreground-warning);
73
+ --iui-icons-color-negative:var(--iui-color-foreground-negative);
74
+ }
75
+ @media (prefers-color-scheme: dark){
76
+ html{
77
+ --iui-color-background-1-rgb:90, 104, 114;
78
+ --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
79
+ --iui-color-background-2-rgb:79, 92, 100;
80
+ --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
81
+ --iui-color-background-3-rgb:69, 81, 89;
82
+ --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
83
+ --iui-color-background-4-rgb:55, 67, 73;
84
+ --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
85
+ --iui-color-background-5-rgb:46, 56, 61;
86
+ --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
87
+ --iui-color-background-primary-rgb:0, 138, 224;
88
+ --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
89
+ --iui-color-background-positive-rgb:83, 162, 26;
90
+ --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
91
+ --iui-color-background-warning-rgb:241, 141, 19;
92
+ --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
93
+ --iui-color-background-negative-rgb:209, 10, 10;
94
+ --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
95
+ --iui-color-background-disabled-rgb:69, 81, 89;
96
+ --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
97
+ --iui-color-background-border-rgb:46, 56, 61;
98
+ --iui-color-background-border:rgb(var(--iui-color-background-border-rgb));
99
+ --iui-color-foreground-body-rgb:255, 255, 255;
100
+ --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
101
+ --iui-color-foreground-body-invert-rgb:0, 0, 0;
102
+ --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
103
+ --iui-color-foreground-accessory-rgb:255, 255, 255;
104
+ --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
105
+ --iui-color-foreground-primary-rgb:163, 214, 245;
106
+ --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
107
+ --iui-color-foreground-positive-rgb:194, 224, 174;
108
+ --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
109
+ --iui-color-foreground-warning-rgb:249, 214, 169;
110
+ --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
111
+ --iui-color-foreground-negative-rgb:239, 169, 169;
112
+ --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
113
+ --iui-color-background-1-overlay-rgb:101, 118, 129;
114
+ --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
115
+ --iui-color-background-primary-overlay-rgb:0, 154, 250;
116
+ --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
117
+ --iui-color-background-positive-overlay-rgb:94, 184, 30;
118
+ --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
119
+ --iui-color-foreground-primary-overlay-rgb:209, 234, 250;
120
+ --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
121
+ --iui-color-foreground-positive-overlay-rgb:222, 238, 211;
122
+ --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
123
+ --iui-color-foreground-warning-overlay-rgb:252, 237, 217;
124
+ --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
125
+ --iui-color-foreground-negative-overlay-rgb:247, 212, 212;
126
+ --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
127
+ --iui-opacity-1:1;
128
+ --iui-opacity-2:0.85;
129
+ --iui-opacity-3:0.65;
130
+ --iui-opacity-4:0.45;
131
+ --iui-opacity-5:0.25;
132
+ --iui-opacity-6:0.1;
133
+ --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
134
+ --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
135
+ --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
136
+ --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
137
+ --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
138
+ --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
139
+ --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
140
+ --iui-icons-color-primary:var(--iui-color-foreground-primary);
141
+ --iui-icons-color-positive:var(--iui-color-foreground-positive);
142
+ --iui-icons-color-warning:var(--iui-color-foreground-warning);
143
+ --iui-icons-color-negative:var(--iui-color-foreground-negative);
144
+ }
145
+ }
146
+ @media (prefers-color-scheme: light) and (prefers-contrast: more){
147
+ html{
148
+ --iui-color-background-1-rgb:255, 255, 255;
149
+ --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
150
+ --iui-color-background-2-rgb:249, 250, 251;
151
+ --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
152
+ --iui-color-background-3-rgb:238, 240, 242;
153
+ --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
154
+ --iui-color-background-4-rgb:221, 226, 228;
155
+ --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
156
+ --iui-color-background-5-rgb:198, 206, 210;
157
+ --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
158
+ --iui-color-background-primary-rgb:0, 88, 133;
159
+ --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
160
+ --iui-color-background-positive-rgb:0, 97, 32;
161
+ --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
162
+ --iui-color-background-warning-rgb:112, 84, 0;
163
+ --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
164
+ --iui-color-background-negative-rgb:158, 0, 0;
165
+ --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
166
+ --iui-color-background-disabled-rgb:238, 240, 242;
167
+ --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
168
+ --iui-color-background-border:rgba(0, 0, 0, 0.3);
169
+ --iui-color-foreground-body-rgb:0, 0, 0;
170
+ --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
171
+ --iui-color-foreground-accessory-rgb:255, 255, 255;
172
+ --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
173
+ --iui-color-foreground-primary-rgb:0, 78, 117;
174
+ --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
175
+ --iui-color-foreground-positive-rgb:0, 82, 27;
176
+ --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
177
+ --iui-color-foreground-warning-rgb:97, 73, 0;
178
+ --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
179
+ --iui-color-foreground-negative-rgb:143, 0, 0;
180
+ --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
181
+ --iui-color-background-1-overlay-rgb:226, 231, 233;
182
+ --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
183
+ --iui-color-background-primary-overlay-rgb:0, 54, 82;
184
+ --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
185
+ --iui-color-background-positive-overlay-rgb:0, 46, 15;
186
+ --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
187
+ --iui-color-foreground-primary-overlay-rgb:0, 44, 66;
188
+ --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
189
+ --iui-color-foreground-positive-overlay-rgb:0, 31, 10;
190
+ --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
191
+ --iui-color-foreground-warning-overlay-rgb:46, 34, 0;
192
+ --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
193
+ --iui-color-foreground-negative-overlay-rgb:92, 0, 0;
194
+ --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
195
+ --iui-opacity-1:1;
196
+ --iui-opacity-2:0.86;
197
+ --iui-opacity-3:0.72;
198
+ --iui-opacity-4:0.67;
199
+ --iui-opacity-5:0.3;
200
+ --iui-opacity-6:0.06;
201
+ --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
202
+ --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
203
+ --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
204
+ --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
205
+ --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
206
+ --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
207
+ --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
208
+ --iui-icons-color-primary:var(--iui-color-foreground-primary);
209
+ --iui-icons-color-positive:var(--iui-color-foreground-positive);
210
+ --iui-icons-color-warning:var(--iui-color-foreground-warning);
211
+ --iui-icons-color-negative:var(--iui-color-foreground-negative);
212
+ }
213
+ }
214
+ @media (prefers-color-scheme: dark) and (prefers-contrast: more){
215
+ html{
216
+ --iui-color-background-1-rgb:45, 53, 57;
217
+ --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
218
+ --iui-color-background-2-rgb:34, 40, 43;
219
+ --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
220
+ --iui-color-background-3-rgb:22, 27, 29;
221
+ --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
222
+ --iui-color-background-4-rgb:56, 66, 71;
223
+ --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
224
+ --iui-color-background-5-rgb:67, 80, 86;
225
+ --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
226
+ --iui-color-background-primary-rgb:0, 88, 133;
227
+ --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
228
+ --iui-color-background-positive-rgb:0, 97, 32;
229
+ --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
230
+ --iui-color-background-warning-rgb:112, 84, 0;
231
+ --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
232
+ --iui-color-background-negative-rgb:158, 0, 0;
233
+ --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
234
+ --iui-color-background-disabled-rgb:56, 66, 71;
235
+ --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
236
+ --iui-color-background-border:rgba(255, 255, 255, 0.34);
237
+ --iui-color-foreground-body-rgb:255, 255, 255;
238
+ --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
239
+ --iui-color-foreground-accessory-rgb:255, 255, 255;
240
+ --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
241
+ --iui-color-foreground-primary-rgb:148, 219, 255;
242
+ --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
243
+ --iui-color-foreground-positive-rgb:112, 255, 160;
244
+ --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
245
+ --iui-color-foreground-warning-rgb:255, 223, 128;
246
+ --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
247
+ --iui-color-foreground-negative-rgb:255, 194, 194;
248
+ --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
249
+ --iui-color-background-1-overlay-rgb:67, 80, 86;
250
+ --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
251
+ --iui-color-background-primary-overlay-rgb:0, 122, 184;
252
+ --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
253
+ --iui-color-background-positive-overlay-rgb:0, 148, 49;
254
+ --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
255
+ --iui-color-foreground-primary-overlay-rgb:199, 236, 255;
256
+ --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
257
+ --iui-color-foreground-positive-overlay-rgb:163, 255, 194;
258
+ --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
259
+ --iui-color-foreground-warning-overlay-rgb:255, 236, 179;
260
+ --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
261
+ --iui-color-foreground-negative-overlay-rgb:255, 245, 245;
262
+ --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
263
+ --iui-opacity-1:1;
264
+ --iui-opacity-2:0.94;
265
+ --iui-opacity-3:0.88;
266
+ --iui-opacity-4:0.76;
267
+ --iui-opacity-5:0.34;
268
+ --iui-opacity-6:0.07;
269
+ --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
270
+ --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
271
+ --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
272
+ --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
273
+ --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
274
+ --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
275
+ --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
276
+ --iui-icons-color-primary:var(--iui-color-foreground-primary);
277
+ --iui-icons-color-positive:var(--iui-color-foreground-positive);
278
+ --iui-icons-color-warning:var(--iui-color-foreground-warning);
279
+ --iui-icons-color-negative:var(--iui-color-foreground-negative);
280
+ }
281
+ }
282
+ html.iui-theme-light{
283
+ --iui-color-background-1-rgb:255, 255, 255;
284
+ --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
285
+ --iui-color-background-2-rgb:249, 249, 251;
286
+ --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
287
+ --iui-color-background-3-rgb:237, 239, 242;
288
+ --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
289
+ --iui-color-background-4-rgb:221, 225, 228;
290
+ --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
291
+ --iui-color-background-5-rgb:199, 204, 209;
292
+ --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
293
+ --iui-color-background-primary-rgb:0, 138, 224;
294
+ --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
295
+ --iui-color-background-positive-rgb:83, 162, 26;
296
+ --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
297
+ --iui-color-background-warning-rgb:241, 141, 19;
298
+ --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
299
+ --iui-color-background-negative-rgb:209, 10, 10;
300
+ --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
301
+ --iui-color-background-disabled-rgb:237, 239, 242;
302
+ --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
303
+ --iui-color-background-border-rgb:199, 204, 209;
304
+ --iui-color-background-border:rgb(var(--iui-color-background-border-rgb));
305
+ --iui-color-foreground-body-rgb:0, 0, 0;
306
+ --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
307
+ --iui-color-foreground-body-invert-rgb:255, 255, 255;
308
+ --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
309
+ --iui-color-foreground-accessory-rgb:255, 255, 255;
310
+ --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
311
+ --iui-color-foreground-primary-rgb:0, 138, 224;
312
+ --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
313
+ --iui-color-foreground-positive-rgb:83, 162, 26;
314
+ --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
315
+ --iui-color-foreground-warning-rgb:241, 141, 19;
316
+ --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
317
+ --iui-color-foreground-negative-rgb:209, 10, 10;
318
+ --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
319
+ --iui-color-background-1-overlay-rgb:242, 242, 242;
320
+ --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
321
+ --iui-color-background-primary-overlay-rgb:0, 107, 173;
322
+ --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
323
+ --iui-color-background-positive-overlay-rgb:61, 118, 19;
324
+ --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
325
+ --iui-color-foreground-primary-overlay-rgb:0, 107, 173;
326
+ --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
327
+ --iui-color-foreground-positive-overlay-rgb:61, 118, 19;
328
+ --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
329
+ --iui-color-foreground-warning-overlay-rgb:198, 114, 12;
330
+ --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
331
+ --iui-color-foreground-negative-overlay-rgb:161, 8, 8;
332
+ --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
333
+ --iui-opacity-1:1;
334
+ --iui-opacity-2:0.8;
335
+ --iui-opacity-3:0.6;
336
+ --iui-opacity-4:0.4;
337
+ --iui-opacity-5:0.2;
338
+ --iui-opacity-6:0.1;
339
+ --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
340
+ --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
341
+ --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
342
+ --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
343
+ --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
344
+ --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
345
+ --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
346
+ --iui-icons-color-primary:var(--iui-color-foreground-primary);
347
+ --iui-icons-color-positive:var(--iui-color-foreground-positive);
348
+ --iui-icons-color-warning:var(--iui-color-foreground-warning);
349
+ --iui-icons-color-negative:var(--iui-color-foreground-negative);
350
+ }
351
+ html.iui-theme-dark{
76
352
  --iui-color-background-1-rgb:90, 104, 114;
77
353
  --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
78
354
  --iui-color-background-2-rgb:79, 92, 100;
@@ -141,9 +417,7 @@ html{
141
417
  --iui-icons-color-warning:var(--iui-color-foreground-warning);
142
418
  --iui-icons-color-negative:var(--iui-color-foreground-negative);
143
419
  }
144
- }
145
- @media (prefers-color-scheme: light) and (prefers-contrast: more){
146
- html{
420
+ html.iui-theme-light-hc{
147
421
  --iui-color-background-1-rgb:255, 255, 255;
148
422
  --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
149
423
  --iui-color-background-2-rgb:249, 250, 251;
@@ -209,9 +483,7 @@ html{
209
483
  --iui-icons-color-warning:var(--iui-color-foreground-warning);
210
484
  --iui-icons-color-negative:var(--iui-color-foreground-negative);
211
485
  }
212
- }
213
- @media (prefers-color-scheme: dark) and (prefers-contrast: more){
214
- html{
486
+ html.iui-theme-dark-hc{
215
487
  --iui-color-background-1-rgb:45, 53, 57;
216
488
  --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
217
489
  --iui-color-background-2-rgb:34, 40, 43;
@@ -277,409 +549,139 @@ html{
277
549
  --iui-icons-color-warning:var(--iui-color-foreground-warning);
278
550
  --iui-icons-color-negative:var(--iui-color-foreground-negative);
279
551
  }
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
 
552
- .iui-body{
553
- background-color:#f9f9fb;
554
- color:rgba(0, 0, 0, 0.8);
555
- background-color:var(--iui-color-background-2);
556
- color:var(--iui-text-color);
557
- font-size:14px;
558
- line-height:22px;
559
- scrollbar-color:rgba(0, 0, 0, 0.4) transparent;
560
- scrollbar-width:thin;
561
- scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
562
- scrollbar-width:thin;
563
- font-family:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
564
- }
565
- .iui-body::-webkit-scrollbar{
566
- width:8px;
567
- height:8px;
568
- }
569
- .iui-body::-webkit-scrollbar-thumb{
570
- background-color:rgba(0, 0, 0, 0.4);
571
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
572
- border-radius:4px;
573
- }
574
- .iui-body::-webkit-scrollbar-thumb:hover{
575
- background-color:rgba(0, 0, 0, 0.6);
576
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
577
- }
578
- .iui-body::-webkit-scrollbar-track, .iui-body::-webkit-scrollbar-corner{
579
- background-color:transparent;
580
- }
581
- .iui-body.iui-no-webfonts{
582
- font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
583
- }
553
+ .iui-body{
554
+ background-color:#f9f9fb;
555
+ color:rgba(0, 0, 0, 0.8);
556
+ background-color:var(--iui-color-background-2);
557
+ color:var(--iui-text-color);
558
+ font-size:14px;
559
+ line-height:22px;
560
+ scrollbar-color:rgba(0, 0, 0, 0.4) transparent;
561
+ scrollbar-width:thin;
562
+ scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
563
+ scrollbar-width:thin;
564
+ font-family:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
565
+ }
566
+ .iui-body::-webkit-scrollbar{
567
+ width:8px;
568
+ height:8px;
569
+ }
570
+ .iui-body::-webkit-scrollbar-thumb{
571
+ background-color:rgba(0, 0, 0, 0.4);
572
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
573
+ border-radius:4px;
574
+ }
575
+ .iui-body::-webkit-scrollbar-thumb:hover{
576
+ background-color:rgba(0, 0, 0, 0.6);
577
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
578
+ }
579
+ .iui-body::-webkit-scrollbar-track, .iui-body::-webkit-scrollbar-corner{
580
+ background-color:transparent;
581
+ }
582
+ .iui-body.iui-no-webfonts{
583
+ font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
584
+ }
584
585
 
585
- .iui-anchor{
586
- color:#008ae0;
587
- -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
588
- color:var(--iui-color-foreground-primary);
589
- -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
590
- border-radius:4px;
591
- box-sizing:border-box;
592
- cursor:pointer;
593
- text-decoration:none;
594
- }
595
- .iui-anchor:focus-visible{
596
- outline:1px solid var(--iui-color-foreground-primary);
597
- outline-offset:1px;
598
- }
599
- @supports not selector(*:focus-visible){
600
- .iui-anchor:focus{
586
+ .iui-anchor{
587
+ color:#008ae0;
588
+ -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
589
+ color:var(--iui-color-foreground-primary);
590
+ -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
591
+ border-radius:4px;
592
+ box-sizing:border-box;
593
+ cursor:pointer;
594
+ text-decoration:none;
595
+ }
596
+ .iui-anchor:focus-visible{
601
597
  outline:1px solid var(--iui-color-foreground-primary);
602
598
  outline-offset:1px;
603
599
  }
604
- }
605
- .iui-anchor:hover{
606
- color:#006bad;
607
- color:var(--iui-color-foreground-primary-overlay);
608
- }
609
- .iui-anchor:hover{
610
- text-decoration:underline;
611
- }
612
- @media (prefers-contrast: more){
613
- .iui-anchor{
614
- text-decoration:underline;
600
+ @supports not selector(*:focus-visible){
601
+ .iui-anchor:focus{
602
+ outline:1px solid var(--iui-color-foreground-primary);
603
+ outline-offset:1px;
604
+ }
615
605
  }
616
606
  .iui-anchor:hover{
607
+ color:#006bad;
608
+ color:var(--iui-color-foreground-primary-overlay);
609
+ }
610
+ .iui-anchor:hover{
611
+ text-decoration:underline;
612
+ }
613
+ @media (prefers-contrast: more){
614
+ .iui-anchor{
615
+ text-decoration:underline;
616
+ }
617
+ .iui-anchor:hover{
618
+ text-decoration:none;
619
+ }
620
+ }
621
+ .iui-theme-light .iui-anchor, .iui-theme-dark .iui-anchor{
617
622
  text-decoration:none;
618
623
  }
619
- }
620
- .iui-theme-light .iui-anchor, .iui-theme-dark .iui-anchor{
621
- text-decoration:none;
622
- }
623
- .iui-theme-light .iui-anchor:hover, .iui-theme-dark .iui-anchor:hover{
624
- text-decoration:underline;
625
- }
624
+ .iui-theme-light .iui-anchor:hover, .iui-theme-dark .iui-anchor:hover{
625
+ text-decoration:underline;
626
+ }
626
627
 
627
- .iui-theme-light-hc .iui-anchor, .iui-theme-dark-hc .iui-anchor{
628
- text-decoration:underline;
629
- }
630
- .iui-theme-light-hc .iui-anchor:hover, .iui-theme-dark-hc .iui-anchor:hover{
631
- text-decoration:none;
632
- }
628
+ .iui-theme-light-hc .iui-anchor, .iui-theme-dark-hc .iui-anchor{
629
+ text-decoration:underline;
630
+ }
631
+ .iui-theme-light-hc .iui-anchor:hover, .iui-theme-dark-hc .iui-anchor:hover{
632
+ text-decoration:none;
633
+ }
633
634
 
634
- .iui-visually-hidden{
635
- -webkit-clip-path:inset(50%);
636
- clip-path:inset(50%);
637
- overflow:hidden;
638
- position:absolute;
639
- white-space:nowrap;
640
- height:1px;
641
- width:1px;
642
- padding:0;
643
- margin:-1px;
644
- border-width:0;
645
- }
635
+ .iui-visually-hidden{
636
+ -webkit-clip-path:inset(50%);
637
+ clip-path:inset(50%);
638
+ overflow:hidden;
639
+ position:absolute;
640
+ white-space:nowrap;
641
+ height:1px;
642
+ width:1px;
643
+ padding:0;
644
+ margin:-1px;
645
+ border-width:0;
646
+ }
646
647
 
647
- [class*=iui-],
648
+ [class*=iui-],
648
649
  [class*=iui-] *{
649
- scrollbar-color:rgba(0, 0, 0, 0.4) transparent;
650
- scrollbar-width:thin;
651
- scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
652
- scrollbar-width:thin;
653
- }
654
- [class*=iui-]::-moz-selection, [class*=iui-] *::-moz-selection, [class*=iui-] *::-moz-selection, [class*=iui-] * *::-moz-selection{
655
- background-color:rgba(0, 138, 224, 0.2);
656
- background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
657
- }
658
- [class*=iui-]::selection,
650
+ scrollbar-color:rgba(0, 0, 0, 0.4) transparent;
651
+ scrollbar-width:thin;
652
+ scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
653
+ scrollbar-width:thin;
654
+ }
655
+ [class*=iui-]::-moz-selection, [class*=iui-] *::-moz-selection, [class*=iui-] *::-moz-selection, [class*=iui-] * *::-moz-selection{
656
+ background-color:rgba(0, 138, 224, 0.2);
657
+ background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
658
+ }
659
+ [class*=iui-]::selection,
659
660
  [class*=iui-] *::selection,
660
661
  [class*=iui-] *::selection,
661
662
  [class*=iui-] * *::selection{
662
- background-color:rgba(0, 138, 224, 0.2);
663
- background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
664
- }
665
- [class*=iui-]::-webkit-scrollbar,
663
+ background-color:rgba(0, 138, 224, 0.2);
664
+ background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
665
+ }
666
+ [class*=iui-]::-webkit-scrollbar,
666
667
  [class*=iui-] *::-webkit-scrollbar{
667
- width:8px;
668
- height:8px;
669
- }
670
- [class*=iui-]::-webkit-scrollbar-thumb,
668
+ width:8px;
669
+ height:8px;
670
+ }
671
+ [class*=iui-]::-webkit-scrollbar-thumb,
671
672
  [class*=iui-] *::-webkit-scrollbar-thumb{
672
- background-color:rgba(0, 0, 0, 0.4);
673
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
674
- border-radius:4px;
675
- }
676
- [class*=iui-]::-webkit-scrollbar-thumb:hover,
673
+ background-color:rgba(0, 0, 0, 0.4);
674
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
675
+ border-radius:4px;
676
+ }
677
+ [class*=iui-]::-webkit-scrollbar-thumb:hover,
677
678
  [class*=iui-] *::-webkit-scrollbar-thumb:hover{
678
- background-color:rgba(0, 0, 0, 0.6);
679
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
680
- }
681
- [class*=iui-]::-webkit-scrollbar-track, [class*=iui-]::-webkit-scrollbar-corner,
679
+ background-color:rgba(0, 0, 0, 0.6);
680
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
681
+ }
682
+ [class*=iui-]::-webkit-scrollbar-track, [class*=iui-]::-webkit-scrollbar-corner,
682
683
  [class*=iui-] *::-webkit-scrollbar-track,
683
684
  [class*=iui-] *::-webkit-scrollbar-corner{
684
- background-color:transparent;
685
+ background-color:transparent;
686
+ }
685
687
  }