@itwin/itwinui-css 0.50.1 → 0.53.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/css/alert.css +234 -176
  2. package/css/all.css +8324 -5880
  3. package/css/badge.css +3 -2
  4. package/css/blockquote.css +12 -9
  5. package/css/breadcrumbs.css +110 -87
  6. package/css/button.css +441 -345
  7. package/css/carousel.css +110 -91
  8. package/css/code.css +70 -57
  9. package/css/color-picker.css +164 -113
  10. package/css/date-picker.css +454 -80
  11. package/css/expandable-block.css +213 -161
  12. package/css/fieldset.css +25 -21
  13. package/css/file-upload.css +93 -79
  14. package/css/footer.css +64 -53
  15. package/css/global.css +550 -197
  16. package/css/header.css +485 -367
  17. package/css/icon.css +108 -78
  18. package/css/information-panel.css +181 -137
  19. package/css/inputs.css +1137 -945
  20. package/css/keyboard.css +14 -10
  21. package/css/location-marker.css +69 -59
  22. package/css/menu.css +124 -86
  23. package/css/modal.css +114 -44
  24. package/css/non-ideal-state.css +47 -40
  25. package/css/notification-marker.css +275 -200
  26. package/css/popover.css +10 -8
  27. package/css/progress-indicator.css +316 -238
  28. package/css/reset-global-styles.css +10 -5
  29. package/css/side-navigation.css +193 -144
  30. package/css/skip-to-content.css +42 -28
  31. package/css/slider.css +116 -91
  32. package/css/surface.css +19 -0
  33. package/css/table.css +578 -430
  34. package/css/tabs.css +324 -238
  35. package/css/tag.css +112 -85
  36. package/css/text.css +47 -28
  37. package/css/tile.css +389 -313
  38. package/css/time-picker.css +114 -87
  39. package/css/toast-notification.css +234 -175
  40. package/css/toggle-switch.css +176 -111
  41. package/css/tooltip.css +24 -17
  42. package/css/tree.css +123 -93
  43. package/css/user-icon.css +222 -162
  44. package/css/wizard.css +158 -133
  45. package/package.json +5 -6
  46. package/scss/alert/alert.scss +1 -5
  47. package/scss/carousel/carousel.scss +24 -27
  48. package/scss/classes.scss +1 -0
  49. package/scss/code/codeblock.scss +1 -1
  50. package/scss/color-picker/color-picker.scss +2 -2
  51. package/scss/date-picker/classes.scss +20 -0
  52. package/scss/date-picker/date-picker.scss +194 -33
  53. package/scss/fieldset/fieldset.scss +1 -1
  54. package/scss/header/header.scss +15 -10
  55. package/scss/index.scss +1 -0
  56. package/scss/information-panel/information-panel.scss +10 -3
  57. package/scss/inputs/checkbox.scss +1 -0
  58. package/scss/inputs/labeled-inputs.scss +8 -8
  59. package/scss/inputs/radio.scss +0 -4
  60. package/scss/location-marker/data-rich.scss +1 -1
  61. package/scss/location-marker/me.scss +4 -4
  62. package/scss/menu/classes.scss +2 -1
  63. package/scss/menu/menu.scss +8 -11
  64. package/scss/modal/classes.scss +4 -0
  65. package/scss/modal/modal.scss +82 -7
  66. package/scss/popover/popover.scss +1 -2
  67. package/scss/progress-indicator/linear.scss +3 -11
  68. package/scss/progress-indicator/radial.scss +1 -1
  69. package/scss/side-navigation/side-navigation.scss +5 -5
  70. package/scss/slider/slider.scss +2 -2
  71. package/scss/style/elevation.scss +5 -5
  72. package/scss/style/global.scss +33 -26
  73. package/scss/style/mixins.scss +9 -0
  74. package/scss/style/ripple.scss +1 -1
  75. package/scss/style/speed.scss +1 -0
  76. package/scss/style/theme.scss +248 -65
  77. package/scss/surface/classes.scss +7 -0
  78. package/scss/surface/index.scss +3 -0
  79. package/scss/surface/surface.scss +18 -0
  80. package/scss/table/column-filter.scss +2 -2
  81. package/scss/table/table.scss +26 -17
  82. package/scss/tile/tile.scss +5 -5
  83. package/scss/time-picker/time-picker.scss +2 -2
  84. package/scss/toast-notification/categories.scss +1 -5
  85. package/scss/toggle-switch/classes.scss +4 -0
  86. package/scss/toggle-switch/toggle-switch.scss +141 -162
  87. package/scss/tooltip/tooltip.scss +2 -1
  88. package/scss/user-icon/user-icon.scss +38 -19
  89. package/scss/wizard/wizard.scss +1 -1
package/css/global.css CHANGED
@@ -2,130 +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
- .iui-body::-webkit-scrollbar{
18
- width:8px;
19
- height:8px; }
20
- .iui-body::-webkit-scrollbar-thumb{
21
- background-color:rgba(0, 0, 0, 0.4);
22
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
23
- border-radius:4px; }
24
- .iui-body::-webkit-scrollbar-thumb:hover{
25
- background-color:rgba(0, 0, 0, 0.6);
26
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); }
27
- .iui-body::-webkit-scrollbar-track, .iui-body::-webkit-scrollbar-corner{
28
- background-color:transparent; }
29
- .iui-body.iui-no-webfonts{
30
- font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; }
31
-
32
- .iui-anchor{
33
- border-radius:3px;
34
- text-decoration:none;
35
- cursor:pointer;
36
- color:#008BE1;
37
- color:var(--iui-color-foreground-primary); }
38
- .iui-anchor:focus-visible{
39
- outline:1px solid var(--iui-color-foreground-primary);
40
- outline-offset:2px; }
41
- @supports not selector(*:focus-visible){
42
- .iui-anchor:focus{
43
- outline:1px solid var(--iui-color-foreground-primary);
44
- outline-offset:2px; } }
45
- .iui-anchor:hover{
46
- color:#006bae;
47
- color:var(--iui-color-foreground-primary-overlay);
48
- text-decoration:underline; }
49
-
50
- [class*='iui-'],
51
- [class*='iui-'] *{
52
- scrollbar-color:rgba(0, 0, 0, 0.4) transparent;
53
- scrollbar-width:thin;
54
- scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent;
55
- scrollbar-width:thin; }
56
- [class*='iui-'] ::-moz-selection, [class*='iui-'] * ::-moz-selection{
57
- background-color:rgba(0, 139, 225, 0.4);
58
- background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); }
59
- [class*='iui-'] ::selection,
60
- [class*='iui-'] * ::selection{
61
- background-color:rgba(0, 139, 225, 0.4);
62
- background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); }
63
- [class*='iui-']::-webkit-scrollbar,
64
- [class*='iui-'] *::-webkit-scrollbar{
65
- width:8px;
66
- height:8px; }
67
- [class*='iui-']::-webkit-scrollbar-thumb,
68
- [class*='iui-'] *::-webkit-scrollbar-thumb{
69
- background-color:rgba(0, 0, 0, 0.4);
70
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
71
- border-radius:4px; }
72
- [class*='iui-']::-webkit-scrollbar-thumb:hover,
73
- [class*='iui-'] *::-webkit-scrollbar-thumb:hover{
74
- background-color:rgba(0, 0, 0, 0.6);
75
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); }
76
- [class*='iui-']::-webkit-scrollbar-track, [class*='iui-']::-webkit-scrollbar-corner,
77
- [class*='iui-'] *::-webkit-scrollbar-track,
78
- [class*='iui-'] *::-webkit-scrollbar-corner{
79
- background-color:transparent; }
80
-
81
- html, html.iui-theme-light{
5
+ html{
82
6
  --iui-color-background-1-rgb:255, 255, 255;
83
7
  --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
84
- --iui-color-background-2-rgb:248, 249, 251;
8
+ --iui-color-background-2-rgb:249, 249, 251;
85
9
  --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
86
- --iui-color-background-3-rgb:238, 240, 243;
10
+ --iui-color-background-3-rgb:237, 239, 242;
87
11
  --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
88
- --iui-color-background-4-rgb:220, 224, 227;
12
+ --iui-color-background-4-rgb:221, 225, 228;
89
13
  --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
90
14
  --iui-color-background-5-rgb:199, 204, 209;
91
15
  --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
92
- --iui-color-background-primary-rgb:0, 139, 225;
16
+ --iui-color-background-primary-rgb:0, 138, 224;
93
17
  --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
94
18
  --iui-color-background-positive-rgb:83, 162, 26;
95
19
  --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
96
- --iui-color-background-negative-rgb:211, 10, 10;
97
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
98
- --iui-color-background-warning-rgb:241, 139, 18;
20
+ --iui-color-background-warning-rgb:241, 141, 19;
99
21
  --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
100
- --iui-color-background-disabled-rgb:238, 240, 243;
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;
101
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));
102
28
  --iui-color-foreground-body-rgb:0, 0, 0;
103
29
  --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
104
30
  --iui-color-foreground-body-invert-rgb:255, 255, 255;
105
31
  --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
106
32
  --iui-color-foreground-accessory-rgb:255, 255, 255;
107
33
  --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
108
- --iui-color-foreground-primary-rgb:0, 139, 225;
34
+ --iui-color-foreground-primary-rgb:0, 138, 224;
109
35
  --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
110
36
  --iui-color-foreground-positive-rgb:83, 162, 26;
111
37
  --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
112
- --iui-color-foreground-negative-rgb:211, 10, 10;
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;
113
41
  --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
114
- --iui-color-foreground-warning-rgb:241, 139, 18;
42
+ --iui-color-background-1-overlay-rgb:242, 242, 242;
43
+ --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
44
+ --iui-color-background-primary-overlay-rgb:0, 107, 173;
45
+ --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
46
+ --iui-color-background-positive-overlay-rgb:61, 118, 19;
47
+ --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
48
+ --iui-color-foreground-primary-overlay-rgb:0, 107, 173;
49
+ --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
50
+ --iui-color-foreground-positive-overlay-rgb:61, 118, 19;
51
+ --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
52
+ --iui-color-foreground-warning-overlay-rgb:198, 114, 12;
53
+ --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
54
+ --iui-color-foreground-negative-overlay-rgb:161, 8, 8;
55
+ --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
56
+ --iui-opacity-1:1;
57
+ --iui-opacity-2:0.8;
58
+ --iui-opacity-3:0.6;
59
+ --iui-opacity-4:0.4;
60
+ --iui-opacity-5:0.2;
61
+ --iui-opacity-6:0.1;
62
+ --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
63
+ --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
64
+ --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
65
+ --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
66
+ --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
67
+ --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
68
+ --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
69
+ --iui-icons-color-primary:var(--iui-color-foreground-primary);
70
+ --iui-icons-color-positive:var(--iui-color-foreground-positive);
71
+ --iui-icons-color-warning:var(--iui-color-foreground-warning);
72
+ --iui-icons-color-negative:var(--iui-color-foreground-negative);
73
+ }
74
+ @media (prefers-color-scheme: dark){
75
+ html{
76
+ --iui-color-background-1-rgb:90, 104, 114;
77
+ --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
78
+ --iui-color-background-2-rgb:79, 92, 100;
79
+ --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
80
+ --iui-color-background-3-rgb:69, 81, 89;
81
+ --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
82
+ --iui-color-background-4-rgb:55, 67, 73;
83
+ --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
84
+ --iui-color-background-5-rgb:46, 56, 61;
85
+ --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
86
+ --iui-color-background-primary-rgb:0, 138, 224;
87
+ --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
88
+ --iui-color-background-positive-rgb:83, 162, 26;
89
+ --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
90
+ --iui-color-background-warning-rgb:241, 141, 19;
91
+ --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
92
+ --iui-color-background-negative-rgb:209, 10, 10;
93
+ --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
94
+ --iui-color-background-disabled-rgb:69, 81, 89;
95
+ --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
96
+ --iui-color-background-border-rgb:46, 56, 61;
97
+ --iui-color-background-border:rgb(var(--iui-color-background-border-rgb));
98
+ --iui-color-foreground-body-rgb:255, 255, 255;
99
+ --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
100
+ --iui-color-foreground-body-invert-rgb:0, 0, 0;
101
+ --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
102
+ --iui-color-foreground-accessory-rgb:255, 255, 255;
103
+ --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
104
+ --iui-color-foreground-primary-rgb:163, 214, 245;
105
+ --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
106
+ --iui-color-foreground-positive-rgb:194, 224, 174;
107
+ --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
108
+ --iui-color-foreground-warning-rgb:249, 214, 169;
109
+ --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
110
+ --iui-color-foreground-negative-rgb:239, 169, 169;
111
+ --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
112
+ --iui-color-background-1-overlay-rgb:101, 118, 129;
113
+ --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
114
+ --iui-color-background-primary-overlay-rgb:0, 154, 250;
115
+ --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
116
+ --iui-color-background-positive-overlay-rgb:94, 184, 30;
117
+ --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
118
+ --iui-color-foreground-primary-overlay-rgb:209, 234, 250;
119
+ --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
120
+ --iui-color-foreground-positive-overlay-rgb:222, 238, 211;
121
+ --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
122
+ --iui-color-foreground-warning-overlay-rgb:252, 237, 217;
123
+ --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
124
+ --iui-color-foreground-negative-overlay-rgb:247, 212, 212;
125
+ --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
126
+ --iui-opacity-1:1;
127
+ --iui-opacity-2:0.85;
128
+ --iui-opacity-3:0.65;
129
+ --iui-opacity-4:0.45;
130
+ --iui-opacity-5:0.25;
131
+ --iui-opacity-6:0.1;
132
+ --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
133
+ --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
134
+ --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
135
+ --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
136
+ --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
137
+ --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
138
+ --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
139
+ --iui-icons-color-primary:var(--iui-color-foreground-primary);
140
+ --iui-icons-color-positive:var(--iui-color-foreground-positive);
141
+ --iui-icons-color-warning:var(--iui-color-foreground-warning);
142
+ --iui-icons-color-negative:var(--iui-color-foreground-negative);
143
+ }
144
+ }
145
+ @media (prefers-color-scheme: light) and (prefers-contrast: more){
146
+ html{
147
+ --iui-color-background-1-rgb:255, 255, 255;
148
+ --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
149
+ --iui-color-background-2-rgb:249, 250, 251;
150
+ --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
151
+ --iui-color-background-3-rgb:238, 240, 242;
152
+ --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
153
+ --iui-color-background-4-rgb:221, 226, 228;
154
+ --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
155
+ --iui-color-background-5-rgb:198, 206, 210;
156
+ --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
157
+ --iui-color-background-primary-rgb:0, 88, 133;
158
+ --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
159
+ --iui-color-background-positive-rgb:0, 97, 32;
160
+ --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
161
+ --iui-color-background-warning-rgb:112, 84, 0;
162
+ --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
163
+ --iui-color-background-negative-rgb:158, 0, 0;
164
+ --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
165
+ --iui-color-background-disabled-rgb:238, 240, 242;
166
+ --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
167
+ --iui-color-background-border:rgba(0, 0, 0, 0.3);
168
+ --iui-color-foreground-body-rgb:0, 0, 0;
169
+ --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
170
+ --iui-color-foreground-accessory-rgb:255, 255, 255;
171
+ --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
172
+ --iui-color-foreground-primary-rgb:0, 78, 117;
173
+ --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
174
+ --iui-color-foreground-positive-rgb:0, 82, 27;
175
+ --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
176
+ --iui-color-foreground-warning-rgb:97, 73, 0;
177
+ --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
178
+ --iui-color-foreground-negative-rgb:143, 0, 0;
179
+ --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
180
+ --iui-color-background-1-overlay-rgb:226, 231, 233;
181
+ --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
182
+ --iui-color-background-primary-overlay-rgb:0, 54, 82;
183
+ --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
184
+ --iui-color-background-positive-overlay-rgb:0, 46, 15;
185
+ --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
186
+ --iui-color-foreground-primary-overlay-rgb:0, 44, 66;
187
+ --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
188
+ --iui-color-foreground-positive-overlay-rgb:0, 31, 10;
189
+ --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
190
+ --iui-color-foreground-warning-overlay-rgb:46, 34, 0;
191
+ --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
192
+ --iui-color-foreground-negative-overlay-rgb:92, 0, 0;
193
+ --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
194
+ --iui-opacity-1:1;
195
+ --iui-opacity-2:0.86;
196
+ --iui-opacity-3:0.72;
197
+ --iui-opacity-4:0.67;
198
+ --iui-opacity-5:0.3;
199
+ --iui-opacity-6:0.06;
200
+ --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
201
+ --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
202
+ --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
203
+ --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
204
+ --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
205
+ --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
206
+ --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
207
+ --iui-icons-color-primary:var(--iui-color-foreground-primary);
208
+ --iui-icons-color-positive:var(--iui-color-foreground-positive);
209
+ --iui-icons-color-warning:var(--iui-color-foreground-warning);
210
+ --iui-icons-color-negative:var(--iui-color-foreground-negative);
211
+ }
212
+ }
213
+ @media (prefers-color-scheme: dark) and (prefers-contrast: more){
214
+ html{
215
+ --iui-color-background-1-rgb:45, 53, 57;
216
+ --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
217
+ --iui-color-background-2-rgb:34, 40, 43;
218
+ --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
219
+ --iui-color-background-3-rgb:22, 27, 29;
220
+ --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
221
+ --iui-color-background-4-rgb:56, 66, 71;
222
+ --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
223
+ --iui-color-background-5-rgb:67, 80, 86;
224
+ --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
225
+ --iui-color-background-primary-rgb:0, 88, 133;
226
+ --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
227
+ --iui-color-background-positive-rgb:0, 97, 32;
228
+ --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
229
+ --iui-color-background-warning-rgb:112, 84, 0;
230
+ --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
231
+ --iui-color-background-negative-rgb:158, 0, 0;
232
+ --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
233
+ --iui-color-background-disabled-rgb:56, 66, 71;
234
+ --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
235
+ --iui-color-background-border:rgba(255, 255, 255, 0.34);
236
+ --iui-color-foreground-body-rgb:255, 255, 255;
237
+ --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
238
+ --iui-color-foreground-accessory-rgb:255, 255, 255;
239
+ --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
240
+ --iui-color-foreground-primary-rgb:148, 219, 255;
241
+ --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
242
+ --iui-color-foreground-positive-rgb:112, 255, 160;
243
+ --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
244
+ --iui-color-foreground-warning-rgb:255, 223, 128;
245
+ --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
246
+ --iui-color-foreground-negative-rgb:255, 194, 194;
247
+ --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
248
+ --iui-color-background-1-overlay-rgb:67, 80, 86;
249
+ --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
250
+ --iui-color-background-primary-overlay-rgb:0, 122, 184;
251
+ --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
252
+ --iui-color-background-positive-overlay-rgb:0, 148, 49;
253
+ --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
254
+ --iui-color-foreground-primary-overlay-rgb:199, 236, 255;
255
+ --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
256
+ --iui-color-foreground-positive-overlay-rgb:163, 255, 194;
257
+ --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
258
+ --iui-color-foreground-warning-overlay-rgb:255, 236, 179;
259
+ --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
260
+ --iui-color-foreground-negative-overlay-rgb:255, 245, 245;
261
+ --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
262
+ --iui-opacity-1:1;
263
+ --iui-opacity-2:0.94;
264
+ --iui-opacity-3:0.88;
265
+ --iui-opacity-4:0.76;
266
+ --iui-opacity-5:0.34;
267
+ --iui-opacity-6:0.07;
268
+ --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
269
+ --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
270
+ --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
271
+ --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
272
+ --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
273
+ --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
274
+ --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
275
+ --iui-icons-color-primary:var(--iui-color-foreground-primary);
276
+ --iui-icons-color-positive:var(--iui-color-foreground-positive);
277
+ --iui-icons-color-warning:var(--iui-color-foreground-warning);
278
+ --iui-icons-color-negative:var(--iui-color-foreground-negative);
279
+ }
280
+ }
281
+ html.iui-theme-light{
282
+ --iui-color-background-1-rgb:255, 255, 255;
283
+ --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
284
+ --iui-color-background-2-rgb:249, 249, 251;
285
+ --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
286
+ --iui-color-background-3-rgb:237, 239, 242;
287
+ --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
288
+ --iui-color-background-4-rgb:221, 225, 228;
289
+ --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
290
+ --iui-color-background-5-rgb:199, 204, 209;
291
+ --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
292
+ --iui-color-background-primary-rgb:0, 138, 224;
293
+ --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
294
+ --iui-color-background-positive-rgb:83, 162, 26;
295
+ --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
296
+ --iui-color-background-warning-rgb:241, 141, 19;
297
+ --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
298
+ --iui-color-background-negative-rgb:209, 10, 10;
299
+ --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
300
+ --iui-color-background-disabled-rgb:237, 239, 242;
301
+ --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
302
+ --iui-color-background-border-rgb:199, 204, 209;
303
+ --iui-color-background-border:rgb(var(--iui-color-background-border-rgb));
304
+ --iui-color-foreground-body-rgb:0, 0, 0;
305
+ --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
306
+ --iui-color-foreground-body-invert-rgb:255, 255, 255;
307
+ --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
308
+ --iui-color-foreground-accessory-rgb:255, 255, 255;
309
+ --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
310
+ --iui-color-foreground-primary-rgb:0, 138, 224;
311
+ --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
312
+ --iui-color-foreground-positive-rgb:83, 162, 26;
313
+ --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
314
+ --iui-color-foreground-warning-rgb:241, 141, 19;
115
315
  --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
116
- --iui-color-background-1-overlay-rgb:242.25, 242.25, 242.25;
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;
117
319
  --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
118
- --iui-color-background-primary-overlay-rgb:0, 107.49333, 174;
320
+ --iui-color-background-primary-overlay-rgb:0, 107, 173;
119
321
  --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
120
- --iui-color-background-positive-overlay-rgb:60.48404, 118.05319, 18.94681;
322
+ --iui-color-background-positive-overlay-rgb:61, 118, 19;
121
323
  --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
122
- --iui-color-foreground-primary-overlay-rgb:0, 107.49333, 174;
324
+ --iui-color-foreground-primary-overlay-rgb:0, 107, 173;
123
325
  --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
124
- --iui-color-foreground-positive-overlay-rgb:60.48404, 118.05319, 18.94681;
326
+ --iui-color-foreground-positive-overlay-rgb:61, 118, 19;
125
327
  --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
126
- --iui-color-foreground-warning-overlay-rgb:196.39841, 111.87251, 11.60159;
328
+ --iui-color-foreground-warning-overlay-rgb:198, 114, 12;
127
329
  --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
128
- --iui-color-foreground-negative-overlay-rgb:162.30769, 7.69231, 7.69231;
330
+ --iui-color-foreground-negative-overlay-rgb:161, 8, 8;
129
331
  --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
130
332
  --iui-opacity-1:1;
131
333
  --iui-opacity-2:0.8;
@@ -136,65 +338,63 @@ html, html.iui-theme-light{
136
338
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
137
339
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
138
340
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
139
- --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px;
140
- --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px;
141
- --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px;
142
- --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px;
143
341
  --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
144
342
  --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
145
343
  --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
146
344
  --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
147
345
  --iui-icons-color-primary:var(--iui-color-foreground-primary);
148
346
  --iui-icons-color-positive:var(--iui-color-foreground-positive);
347
+ --iui-icons-color-warning:var(--iui-color-foreground-warning);
149
348
  --iui-icons-color-negative:var(--iui-color-foreground-negative);
150
- --iui-icons-color-warning:var(--iui-color-foreground-warning); }
151
-
349
+ }
152
350
  html.iui-theme-dark{
153
- --iui-color-background-1-rgb:90, 105, 115;
351
+ --iui-color-background-1-rgb:90, 104, 114;
154
352
  --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
155
- --iui-color-background-2-rgb:79, 93, 101;
353
+ --iui-color-background-2-rgb:79, 92, 100;
156
354
  --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
157
- --iui-color-background-3-rgb:68, 80, 88;
355
+ --iui-color-background-3-rgb:69, 81, 89;
158
356
  --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
159
- --iui-color-background-4-rgb:56, 68, 74;
357
+ --iui-color-background-4-rgb:55, 67, 73;
160
358
  --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
161
- --iui-color-background-5-rgb:45, 55, 60;
359
+ --iui-color-background-5-rgb:46, 56, 61;
162
360
  --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
163
- --iui-color-background-primary-rgb:0, 139, 225;
361
+ --iui-color-background-primary-rgb:0, 138, 224;
164
362
  --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
165
363
  --iui-color-background-positive-rgb:83, 162, 26;
166
364
  --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
167
- --iui-color-background-negative-rgb:211, 10, 10;
168
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
169
- --iui-color-background-warning-rgb:241, 139, 18;
365
+ --iui-color-background-warning-rgb:241, 141, 19;
170
366
  --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
171
- --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;
172
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));
173
373
  --iui-color-foreground-body-rgb:255, 255, 255;
174
374
  --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
175
375
  --iui-color-foreground-body-invert-rgb:0, 0, 0;
176
376
  --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
177
377
  --iui-color-foreground-accessory-rgb:255, 255, 255;
178
378
  --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
179
- --iui-color-foreground-primary-rgb:165, 215, 245;
379
+ --iui-color-foreground-primary-rgb:163, 214, 245;
180
380
  --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
181
- --iui-color-foreground-positive-rgb:195, 225, 175;
381
+ --iui-color-foreground-positive-rgb:194, 224, 174;
182
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));
183
385
  --iui-color-foreground-negative-rgb:239, 169, 169;
184
386
  --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
185
- --iui-color-foreground-warning-rgb:249, 215, 171;
186
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
187
- --iui-color-background-1-overlay-rgb:101.19512, 118.06098, 129.30488;
387
+ --iui-color-background-1-overlay-rgb:101, 118, 129;
188
388
  --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
189
- --iui-color-background-primary-overlay-rgb:0, 154.75333, 250.5;
389
+ --iui-color-background-primary-overlay-rgb:0, 154, 250;
190
390
  --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
191
- --iui-color-background-positive-overlay-rgb:94.25798, 183.9734, 29.5266;
391
+ --iui-color-background-positive-overlay-rgb:94, 184, 30;
192
392
  --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
193
- --iui-color-foreground-primary-overlay-rgb:210.9, 235.4, 250.1;
393
+ --iui-color-foreground-primary-overlay-rgb:209, 234, 250;
194
394
  --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
195
- --iui-color-foreground-positive-overlay-rgb:222.81818, 238.90909, 212.09091;
395
+ --iui-color-foreground-positive-overlay-rgb:222, 238, 211;
196
396
  --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
197
- --iui-color-foreground-warning-overlay-rgb:252.4, 237.66667, 218.6;
397
+ --iui-color-foreground-warning-overlay-rgb:252, 237, 217;
198
398
  --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
199
399
  --iui-color-foreground-negative-overlay-rgb:247, 212, 212;
200
400
  --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
@@ -207,87 +407,240 @@ html.iui-theme-dark{
207
407
  --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
208
408
  --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
209
409
  --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
210
- --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px;
211
- --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px;
212
- --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px;
213
- --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px;
214
410
  --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
215
411
  --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
216
412
  --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
217
413
  --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
218
414
  --iui-icons-color-primary:var(--iui-color-foreground-primary);
219
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);
220
483
  --iui-icons-color-negative:var(--iui-color-foreground-negative);
221
- --iui-icons-color-warning:var(--iui-color-foreground-warning); }
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
+ }
222
551
 
223
- @media (prefers-color-scheme: dark){
224
- html:not([class*='iui-theme-']){
225
- --iui-color-background-1-rgb:90, 105, 115;
226
- --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
227
- --iui-color-background-2-rgb:79, 93, 101;
228
- --iui-color-background-2:rgb(var(--iui-color-background-2-rgb));
229
- --iui-color-background-3-rgb:68, 80, 88;
230
- --iui-color-background-3:rgb(var(--iui-color-background-3-rgb));
231
- --iui-color-background-4-rgb:56, 68, 74;
232
- --iui-color-background-4:rgb(var(--iui-color-background-4-rgb));
233
- --iui-color-background-5-rgb:45, 55, 60;
234
- --iui-color-background-5:rgb(var(--iui-color-background-5-rgb));
235
- --iui-color-background-primary-rgb:0, 139, 225;
236
- --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb));
237
- --iui-color-background-positive-rgb:83, 162, 26;
238
- --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb));
239
- --iui-color-background-negative-rgb:211, 10, 10;
240
- --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb));
241
- --iui-color-background-warning-rgb:241, 139, 18;
242
- --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb));
243
- --iui-color-background-disabled-rgb:68, 80, 88;
244
- --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb));
245
- --iui-color-foreground-body-rgb:255, 255, 255;
246
- --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));
247
- --iui-color-foreground-body-invert-rgb:0, 0, 0;
248
- --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb));
249
- --iui-color-foreground-accessory-rgb:255, 255, 255;
250
- --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb));
251
- --iui-color-foreground-primary-rgb:165, 215, 245;
252
- --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb));
253
- --iui-color-foreground-positive-rgb:195, 225, 175;
254
- --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb));
255
- --iui-color-foreground-negative-rgb:239, 169, 169;
256
- --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb));
257
- --iui-color-foreground-warning-rgb:249, 215, 171;
258
- --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb));
259
- --iui-color-background-1-overlay-rgb:101.19512, 118.06098, 129.30488;
260
- --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb));
261
- --iui-color-background-primary-overlay-rgb:0, 154.75333, 250.5;
262
- --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb));
263
- --iui-color-background-positive-overlay-rgb:94.25798, 183.9734, 29.5266;
264
- --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb));
265
- --iui-color-foreground-primary-overlay-rgb:210.9, 235.4, 250.1;
266
- --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb));
267
- --iui-color-foreground-positive-overlay-rgb:222.81818, 238.90909, 212.09091;
268
- --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb));
269
- --iui-color-foreground-warning-overlay-rgb:252.4, 237.66667, 218.6;
270
- --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb));
271
- --iui-color-foreground-negative-overlay-rgb:247, 212, 212;
272
- --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb));
273
- --iui-opacity-1:1;
274
- --iui-opacity-2:0.85;
275
- --iui-opacity-3:0.65;
276
- --iui-opacity-4:0.45;
277
- --iui-opacity-5:0.25;
278
- --iui-opacity-6:0.1;
279
- --iui-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
280
- --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
281
- --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
282
- --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px;
283
- --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px;
284
- --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px;
285
- --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px;
286
- --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
287
- --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
288
- --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
289
- --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
290
- --iui-icons-color-primary:var(--iui-color-foreground-primary);
291
- --iui-icons-color-positive:var(--iui-color-foreground-positive);
292
- --iui-icons-color-negative:var(--iui-color-foreground-negative);
293
- --iui-icons-color-warning:var(--iui-color-foreground-warning); } }
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;
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;
646
+ }