@itwin/itwinui-css 0.51.0 → 0.53.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 (77) hide show
  1. package/css/alert.css +44 -44
  2. package/css/all.css +1797 -982
  3. package/css/badge.css +1 -1
  4. package/css/blockquote.css +2 -2
  5. package/css/breadcrumbs.css +12 -12
  6. package/css/button.css +40 -39
  7. package/css/carousel.css +24 -36
  8. package/css/code.css +5 -5
  9. package/css/color-picker.css +14 -10
  10. package/css/date-picker.css +402 -46
  11. package/css/expandable-block.css +19 -19
  12. package/css/fieldset.css +4 -4
  13. package/css/file-upload.css +11 -11
  14. package/css/footer.css +2 -2
  15. package/css/global.css +539 -208
  16. package/css/header.css +50 -38
  17. package/css/icon.css +24 -24
  18. package/css/information-panel.css +15 -8
  19. package/css/inputs.css +72 -72
  20. package/css/keyboard.css +4 -4
  21. package/css/location-marker.css +9 -9
  22. package/css/menu.css +25 -12
  23. package/css/modal.css +65 -6
  24. package/css/notification-marker.css +28 -28
  25. package/css/progress-indicator.css +32 -32
  26. package/css/side-navigation.css +18 -18
  27. package/css/skip-to-content.css +1 -1
  28. package/css/slider.css +13 -13
  29. package/css/surface.css +19 -0
  30. package/css/table.css +78 -74
  31. package/css/tabs.css +23 -23
  32. package/css/tag.css +4 -4
  33. package/css/text.css +1 -1
  34. package/css/tile.css +35 -35
  35. package/css/time-picker.css +15 -15
  36. package/css/toast-notification.css +34 -34
  37. package/css/tooltip.css +3 -1
  38. package/css/tree.css +7 -7
  39. package/css/user-icon.css +50 -28
  40. package/css/wizard.css +26 -26
  41. package/package.json +1 -1
  42. package/scss/button/button-group.scss +5 -3
  43. package/scss/button/classes.scss +4 -0
  44. package/scss/carousel/carousel.scss +22 -28
  45. package/scss/classes.scss +1 -0
  46. package/scss/color-picker/color-picker.scss +2 -2
  47. package/scss/date-picker/classes.scss +20 -0
  48. package/scss/date-picker/date-picker.scss +194 -33
  49. package/scss/fieldset/fieldset.scss +1 -1
  50. package/scss/header/header.scss +15 -10
  51. package/scss/index.scss +1 -0
  52. package/scss/information-panel/information-panel.scss +10 -3
  53. package/scss/menu/classes.scss +2 -1
  54. package/scss/menu/menu.scss +8 -11
  55. package/scss/modal/classes.scss +8 -0
  56. package/scss/modal/modal.scss +81 -6
  57. package/scss/progress-indicator/linear.scss +1 -1
  58. package/scss/progress-indicator/radial.scss +1 -1
  59. package/scss/side-navigation/side-navigation.scss +5 -5
  60. package/scss/slider/slider.scss +2 -2
  61. package/scss/style/elevation.scss +5 -5
  62. package/scss/style/global.scss +32 -21
  63. package/scss/style/mixins.scss +1 -1
  64. package/scss/style/ripple.scss +1 -1
  65. package/scss/style/speed.scss +1 -0
  66. package/scss/style/theme.scss +248 -65
  67. package/scss/surface/classes.scss +7 -0
  68. package/scss/surface/index.scss +3 -0
  69. package/scss/surface/surface.scss +18 -0
  70. package/scss/table/column-filter.scss +2 -2
  71. package/scss/table/table.scss +3 -3
  72. package/scss/tile/tile.scss +5 -5
  73. package/scss/time-picker/time-picker.scss +2 -2
  74. package/scss/tooltip/tooltip.scss +2 -1
  75. package/scss/user-icon/sizes.scss +8 -0
  76. package/scss/user-icon/user-icon.scss +40 -21
  77. package/scss/wizard/wizard.scss +1 -1
package/css/global.css CHANGED
@@ -2,150 +2,332 @@
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
- .iui-body{
6
- background-color:#F8F9FB;
7
- color:rgba(0, 0, 0, 0.8);
8
- background-color:var(--iui-color-background-2);
9
- color:var(--iui-text-color);
10
- font-size:14px;
11
- line-height:22px;
12
- scrollbar-color:rgba(0, 0, 0, 0.4) transparent;
13
- scrollbar-width:thin;
14
- scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
15
- scrollbar-width:thin;
16
- font-family:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
17
- }
18
- .iui-body::-webkit-scrollbar{
19
- width:8px;
20
- height:8px;
21
- }
22
- .iui-body::-webkit-scrollbar-thumb{
23
- background-color:rgba(0, 0, 0, 0.4);
24
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
25
- border-radius:4px;
26
- }
27
- .iui-body::-webkit-scrollbar-thumb:hover{
28
- background-color:rgba(0, 0, 0, 0.6);
29
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
30
- }
31
- .iui-body::-webkit-scrollbar-track, .iui-body::-webkit-scrollbar-corner{
32
- background-color:transparent;
33
- }
34
- .iui-body.iui-no-webfonts{
35
- font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
36
- }
37
-
38
- .iui-anchor{
39
- border-radius:3px;
40
- text-decoration:none;
41
- cursor:pointer;
42
- color:#008BE1;
43
- color:var(--iui-color-foreground-primary);
44
- }
45
- .iui-anchor:focus-visible{
46
- outline:1px solid var(--iui-color-foreground-primary);
47
- outline-offset:2px;
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);
48
73
  }
49
- @supports not selector(*:focus-visible){
50
- .iui-anchor:focus{
51
- outline:1px solid var(--iui-color-foreground-primary);
52
- outline-offset:2px;
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);
53
143
  }
54
144
  }
55
- .iui-anchor:hover{
56
- color:#006bae;
57
- color:var(--iui-color-foreground-primary-overlay);
58
- text-decoration:underline;
59
- }
60
-
61
- [class*=iui-],
62
- [class*=iui-] *{
63
- scrollbar-color:rgba(0, 0, 0, 0.4) transparent;
64
- scrollbar-width:thin;
65
- scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
66
- scrollbar-width:thin;
67
- }
68
- [class*=iui-]::-moz-selection, [class*=iui-] *::-moz-selection, [class*=iui-] *::-moz-selection, [class*=iui-] * *::-moz-selection{
69
- background-color:rgba(0, 139, 225, 0.4);
70
- background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
71
- }
72
- [class*=iui-]::selection,
73
- [class*=iui-] *::selection,
74
- [class*=iui-] *::selection,
75
- [class*=iui-] * *::selection{
76
- background-color:rgba(0, 139, 225, 0.4);
77
- background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
78
- }
79
- [class*=iui-]::-webkit-scrollbar,
80
- [class*=iui-] *::-webkit-scrollbar{
81
- width:8px;
82
- height:8px;
83
- }
84
- [class*=iui-]::-webkit-scrollbar-thumb,
85
- [class*=iui-] *::-webkit-scrollbar-thumb{
86
- background-color:rgba(0, 0, 0, 0.4);
87
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
88
- border-radius:4px;
89
- }
90
- [class*=iui-]::-webkit-scrollbar-thumb:hover,
91
- [class*=iui-] *::-webkit-scrollbar-thumb:hover{
92
- background-color:rgba(0, 0, 0, 0.6);
93
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
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
+ }
94
212
  }
95
- [class*=iui-]::-webkit-scrollbar-track, [class*=iui-]::-webkit-scrollbar-corner,
96
- [class*=iui-] *::-webkit-scrollbar-track,
97
- [class*=iui-] *::-webkit-scrollbar-corner{
98
- background-color:transparent;
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
+ }
99
280
  }
100
-
101
- html, html.iui-theme-light{
281
+ html.iui-theme-light{
102
282
  --iui-color-background-1-rgb:255, 255, 255;
103
283
  --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
104
- --iui-color-background-2-rgb:248, 249, 251;
284
+ --iui-color-background-2-rgb:249, 249, 251;
105
285
  --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
106
- --iui-color-background-3-rgb:238, 240, 243;
286
+ --iui-color-background-3-rgb:237, 239, 242;
107
287
  --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
108
- --iui-color-background-4-rgb:220, 224, 227;
288
+ --iui-color-background-4-rgb:221, 225, 228;
109
289
  --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
110
290
  --iui-color-background-5-rgb:199, 204, 209;
111
291
  --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
112
- --iui-color-background-primary-rgb:0, 139, 225;
292
+ --iui-color-background-primary-rgb:0, 138, 224;
113
293
  --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
114
294
  --iui-color-background-positive-rgb:83, 162, 26;
115
295
  --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
116
- --iui-color-background-negative-rgb:211, 10, 10;
117
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
118
- --iui-color-background-warning-rgb:241, 139, 18;
296
+ --iui-color-background-warning-rgb:241, 141, 19;
119
297
  --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
120
- --iui-color-background-disabled-rgb:238, 240, 243;
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;
121
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));
122
304
  --iui-color-foreground-body-rgb:0, 0, 0;
123
305
  --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
124
306
  --iui-color-foreground-body-invert-rgb:255, 255, 255;
125
307
  --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
126
308
  --iui-color-foreground-accessory-rgb:255, 255, 255;
127
309
  --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
128
- --iui-color-foreground-primary-rgb:0, 139, 225;
310
+ --iui-color-foreground-primary-rgb:0, 138, 224;
129
311
  --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
130
312
  --iui-color-foreground-positive-rgb:83, 162, 26;
131
313
  --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
132
- --iui-color-foreground-negative-rgb:211, 10, 10;
133
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
134
- --iui-color-foreground-warning-rgb:241, 139, 18;
314
+ --iui-color-foreground-warning-rgb:241, 141, 19;
135
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));
136
318
  --iui-color-background-1-overlay-rgb:242, 242, 242;
137
319
  --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
138
- --iui-color-background-primary-overlay-rgb:0, 107, 174;
320
+ --iui-color-background-primary-overlay-rgb:0, 107, 173;
139
321
  --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
140
- --iui-color-background-positive-overlay-rgb:60, 118, 19;
322
+ --iui-color-background-positive-overlay-rgb:61, 118, 19;
141
323
  --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
142
- --iui-color-foreground-primary-overlay-rgb:0, 107, 174;
324
+ --iui-color-foreground-primary-overlay-rgb:0, 107, 173;
143
325
  --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
144
- --iui-color-foreground-positive-overlay-rgb:60, 118, 19;
326
+ --iui-color-foreground-positive-overlay-rgb:61, 118, 19;
145
327
  --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
146
- --iui-color-foreground-warning-overlay-rgb:196, 112, 12;
328
+ --iui-color-foreground-warning-overlay-rgb:198, 114, 12;
147
329
  --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
148
- --iui-color-foreground-negative-overlay-rgb:162, 8, 8;
330
+ --iui-color-foreground-negative-overlay-rgb:161, 8, 8;
149
331
  --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
150
332
  --iui-opacity-1:1;
151
333
  --iui-opacity-2:0.8;
@@ -156,65 +338,63 @@ html, html.iui-theme-light{
156
338
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
157
339
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
158
340
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
159
- --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px;
160
- --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px;
161
- --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px;
162
- --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px;
163
341
  --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
164
342
  --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
165
343
  --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
166
344
  --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
167
345
  --iui-icons-color-primary:var(--iui-color-foreground-primary);
168
346
  --iui-icons-color-positive:var(--iui-color-foreground-positive);
169
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
170
347
  --iui-icons-color-warning:var(--iui-color-foreground-warning);
348
+ --iui-icons-color-negative:var(--iui-color-foreground-negative);
171
349
  }
172
350
  html.iui-theme-dark{
173
- --iui-color-background-1-rgb:90, 105, 115;
351
+ --iui-color-background-1-rgb:90, 104, 114;
174
352
  --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
175
- --iui-color-background-2-rgb:79, 93, 101;
353
+ --iui-color-background-2-rgb:79, 92, 100;
176
354
  --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
177
- --iui-color-background-3-rgb:68, 80, 88;
355
+ --iui-color-background-3-rgb:69, 81, 89;
178
356
  --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
179
- --iui-color-background-4-rgb:56, 68, 74;
357
+ --iui-color-background-4-rgb:55, 67, 73;
180
358
  --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
181
- --iui-color-background-5-rgb:45, 55, 60;
359
+ --iui-color-background-5-rgb:46, 56, 61;
182
360
  --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
183
- --iui-color-background-primary-rgb:0, 139, 225;
361
+ --iui-color-background-primary-rgb:0, 138, 224;
184
362
  --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
185
363
  --iui-color-background-positive-rgb:83, 162, 26;
186
364
  --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
187
- --iui-color-background-negative-rgb:211, 10, 10;
188
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
189
- --iui-color-background-warning-rgb:241, 139, 18;
365
+ --iui-color-background-warning-rgb:241, 141, 19;
190
366
  --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
191
- --iui-color-background-disabled-rgb:68, 80, 88;
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;
192
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));
193
373
  --iui-color-foreground-body-rgb:255, 255, 255;
194
374
  --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
195
375
  --iui-color-foreground-body-invert-rgb:0, 0, 0;
196
376
  --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
197
377
  --iui-color-foreground-accessory-rgb:255, 255, 255;
198
378
  --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
199
- --iui-color-foreground-primary-rgb:165, 215, 245;
379
+ --iui-color-foreground-primary-rgb:163, 214, 245;
200
380
  --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
201
- --iui-color-foreground-positive-rgb:195, 225, 175;
381
+ --iui-color-foreground-positive-rgb:194, 224, 174;
202
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));
203
385
  --iui-color-foreground-negative-rgb:239, 169, 169;
204
386
  --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
205
- --iui-color-foreground-warning-rgb:249, 215, 171;
206
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
207
387
  --iui-color-background-1-overlay-rgb:101, 118, 129;
208
388
  --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
209
- --iui-color-background-primary-overlay-rgb:0, 155, 251;
389
+ --iui-color-background-primary-overlay-rgb:0, 154, 250;
210
390
  --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
211
391
  --iui-color-background-positive-overlay-rgb:94, 184, 30;
212
392
  --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
213
- --iui-color-foreground-primary-overlay-rgb:211, 235, 250;
393
+ --iui-color-foreground-primary-overlay-rgb:209, 234, 250;
214
394
  --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
215
- --iui-color-foreground-positive-overlay-rgb:223, 239, 212;
395
+ --iui-color-foreground-positive-overlay-rgb:222, 238, 211;
216
396
  --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
217
- --iui-color-foreground-warning-overlay-rgb:252, 238, 219;
397
+ --iui-color-foreground-warning-overlay-rgb:252, 237, 217;
218
398
  --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
219
399
  --iui-color-foreground-negative-overlay-rgb:247, 212, 212;
220
400
  --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
@@ -227,89 +407,240 @@ html.iui-theme-dark{
227
407
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
228
408
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
229
409
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
230
- --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px;
231
- --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px;
232
- --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px;
233
- --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px;
234
410
  --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
235
411
  --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
236
412
  --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
237
413
  --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
238
414
  --iui-icons-color-primary:var(--iui-color-foreground-primary);
239
415
  --iui-icons-color-positive:var(--iui-color-foreground-positive);
416
+ --iui-icons-color-warning:var(--iui-color-foreground-warning);
240
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);
241
482
  --iui-icons-color-warning:var(--iui-color-foreground-warning);
483
+ --iui-icons-color-negative:var(--iui-color-foreground-negative);
242
484
  }
243
- @media (prefers-color-scheme: dark){
244
- html:not([class*=iui-theme-]){
245
- --iui-color-background-1-rgb:90, 105, 115;
246
- --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
247
- --iui-color-background-2-rgb:79, 93, 101;
248
- --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
249
- --iui-color-background-3-rgb:68, 80, 88;
250
- --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
251
- --iui-color-background-4-rgb:56, 68, 74;
252
- --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
253
- --iui-color-background-5-rgb:45, 55, 60;
254
- --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
255
- --iui-color-background-primary-rgb:0, 139, 225;
256
- --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
257
- --iui-color-background-positive-rgb:83, 162, 26;
258
- --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
259
- --iui-color-background-negative-rgb:211, 10, 10;
260
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
261
- --iui-color-background-warning-rgb:241, 139, 18;
262
- --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
263
- --iui-color-background-disabled-rgb:68, 80, 88;
264
- --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
265
- --iui-color-foreground-body-rgb:255, 255, 255;
266
- --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
267
- --iui-color-foreground-body-invert-rgb:0, 0, 0;
268
- --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
269
- --iui-color-foreground-accessory-rgb:255, 255, 255;
270
- --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
271
- --iui-color-foreground-primary-rgb:165, 215, 245;
272
- --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
273
- --iui-color-foreground-positive-rgb:195, 225, 175;
274
- --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
275
- --iui-color-foreground-negative-rgb:239, 169, 169;
276
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
277
- --iui-color-foreground-warning-rgb:249, 215, 171;
278
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
279
- --iui-color-background-1-overlay-rgb:101, 118, 129;
280
- --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
281
- --iui-color-background-primary-overlay-rgb:0, 155, 251;
282
- --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
283
- --iui-color-background-positive-overlay-rgb:94, 184, 30;
284
- --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
285
- --iui-color-foreground-primary-overlay-rgb:211, 235, 250;
286
- --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
287
- --iui-color-foreground-positive-overlay-rgb:223, 239, 212;
288
- --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
289
- --iui-color-foreground-warning-overlay-rgb:252, 238, 219;
290
- --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
291
- --iui-color-foreground-negative-overlay-rgb:247, 212, 212;
292
- --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
293
- --iui-opacity-1:1;
294
- --iui-opacity-2:0.85;
295
- --iui-opacity-3:0.65;
296
- --iui-opacity-4:0.45;
297
- --iui-opacity-5:0.25;
298
- --iui-opacity-6:0.1;
299
- --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
300
- --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
301
- --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
302
- --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px;
303
- --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px;
304
- --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px;
305
- --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px;
306
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
307
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
308
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
309
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
310
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
311
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
312
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
313
- --iui-icons-color-warning:var(--iui-color-foreground-warning);
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{
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
+ }
584
+
585
+ .iui-anchor{
586
+ border-radius:3px;
587
+ text-decoration:none;
588
+ cursor:pointer;
589
+ color:#008ae0;
590
+ color:var(--iui-color-foreground-primary);
591
+ }
592
+ .iui-anchor:focus-visible{
593
+ outline:1px solid var(--iui-color-foreground-primary);
594
+ outline-offset:2px;
595
+ }
596
+ @supports not selector(*:focus-visible){
597
+ .iui-anchor:focus{
598
+ outline:1px solid var(--iui-color-foreground-primary);
599
+ outline-offset:2px;
314
600
  }
601
+ }
602
+ .iui-anchor:hover{
603
+ color:#006bad;
604
+ color:var(--iui-color-foreground-primary-overlay);
605
+ text-decoration:underline;
606
+ }
607
+
608
+ [class*=iui-],
609
+ [class*=iui-] *{
610
+ scrollbar-color:rgba(0, 0, 0, 0.4) transparent;
611
+ scrollbar-width:thin;
612
+ scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
613
+ scrollbar-width:thin;
614
+ }
615
+ [class*=iui-]::-moz-selection, [class*=iui-] *::-moz-selection, [class*=iui-] *::-moz-selection, [class*=iui-] * *::-moz-selection{
616
+ background-color:rgba(0, 138, 224, 0.2);
617
+ background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
618
+ }
619
+ [class*=iui-]::selection,
620
+ [class*=iui-] *::selection,
621
+ [class*=iui-] *::selection,
622
+ [class*=iui-] * *::selection{
623
+ background-color:rgba(0, 138, 224, 0.2);
624
+ background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
625
+ }
626
+ [class*=iui-]::-webkit-scrollbar,
627
+ [class*=iui-] *::-webkit-scrollbar{
628
+ width:8px;
629
+ height:8px;
630
+ }
631
+ [class*=iui-]::-webkit-scrollbar-thumb,
632
+ [class*=iui-] *::-webkit-scrollbar-thumb{
633
+ background-color:rgba(0, 0, 0, 0.4);
634
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
635
+ border-radius:4px;
636
+ }
637
+ [class*=iui-]::-webkit-scrollbar-thumb:hover,
638
+ [class*=iui-] *::-webkit-scrollbar-thumb:hover{
639
+ background-color:rgba(0, 0, 0, 0.6);
640
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
641
+ }
642
+ [class*=iui-]::-webkit-scrollbar-track, [class*=iui-]::-webkit-scrollbar-corner,
643
+ [class*=iui-] *::-webkit-scrollbar-track,
644
+ [class*=iui-] *::-webkit-scrollbar-corner{
645
+ background-color:transparent;
315
646
  }