rsuite 5.42.0 → 5.43.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 (24) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/Placeholder/styles/index.less +1 -1
  3. package/cjs/AutoComplete/AutoComplete.js +9 -1
  4. package/dist/rsuite-no-reset-rtl.css +795 -711
  5. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  6. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  7. package/dist/rsuite-no-reset.css +795 -711
  8. package/dist/rsuite-no-reset.min.css +1 -1
  9. package/dist/rsuite-no-reset.min.css.map +1 -1
  10. package/dist/rsuite-rtl.css +795 -711
  11. package/dist/rsuite-rtl.min.css +1 -1
  12. package/dist/rsuite-rtl.min.css.map +1 -1
  13. package/dist/rsuite.css +795 -711
  14. package/dist/rsuite.js +1 -1
  15. package/dist/rsuite.min.css +1 -1
  16. package/dist/rsuite.min.css.map +1 -1
  17. package/dist/rsuite.min.js +1 -1
  18. package/dist/rsuite.min.js.map +1 -1
  19. package/esm/AutoComplete/AutoComplete.js +9 -1
  20. package/package.json +1 -1
  21. package/styles/color-modes/dark.less +256 -206
  22. package/styles/color-modes/high-contrast.less +252 -207
  23. package/styles/color-modes/light.less +262 -206
  24. package/styles/variables.less +4 -2
package/dist/rsuite.css CHANGED
@@ -1,5 +1,6 @@
1
1
  :root,
2
2
  .rs-theme-light {
3
+ --rs-gray-0: #fff;
3
4
  --rs-gray-50: #f7f7fa;
4
5
  --rs-gray-100: #f2f2f5;
5
6
  --rs-gray-200: #e5e5ea;
@@ -20,6 +21,13 @@
20
21
  --rs-primary-700: #1675e0;
21
22
  --rs-primary-800: #0a5dc2;
22
23
  --rs-primary-900: #004299;
24
+ --rs-color-red: #f44336;
25
+ --rs-color-orange: #fa8900;
26
+ --rs-color-yellow: #ffb300;
27
+ --rs-color-green: #4caf50;
28
+ --rs-color-cyan: #00bcd4;
29
+ --rs-color-blue: #2196f3;
30
+ --rs-color-violet: #673ab7;
23
31
  --rs-red-50: #fff2f2;
24
32
  --rs-red-100: #fccfcf;
25
33
  --rs-red-200: #faa9a7;
@@ -90,251 +98,275 @@
90
98
  --rs-violet-700: #531ba8;
91
99
  --rs-violet-800: #470c99;
92
100
  --rs-violet-900: #390085;
93
- --rs-state-success: #4caf50;
94
- --rs-state-info: #2196f3;
95
- --rs-state-warning: #ffb300;
96
- --rs-state-error: #f44336;
97
- --rs-body: #fff;
101
+ --rs-state-success: var(--rs-color-green);
102
+ --rs-state-info: var(--rs-color-blue);
103
+ --rs-state-warning: var(--rs-color-yellow);
104
+ --rs-state-error: var(--rs-color-red);
105
+ --rs-body: var(--rs-gray-0);
98
106
  --rs-bg-success: #edfae1;
99
107
  --rs-bg-info: #e9f5fe;
100
108
  --rs-bg-warning: #fff9e6;
101
109
  --rs-bg-error: #fde9ef;
102
- --rs-text-link: #1675e0;
103
- --rs-text-link-hover: #0a5dc2;
104
- --rs-text-link-active: #004299;
105
- --rs-text-primary: #575757;
106
- --rs-text-secondary: #8e8e93;
107
- --rs-text-tertiary: #a6a6a6;
108
- --rs-text-heading: #272c36;
109
- --rs-text-inverse: #f7f7fa;
110
- --rs-text-heading-inverse: #fff;
111
- --rs-text-active: #1675e0;
112
- --rs-text-disabled: #c5c6c7;
113
- --rs-text-error: #f44336;
114
- --rs-border-primary: #e5e5ea;
115
- --rs-border-secondary: #f2f2f5;
116
- --rs-bg-card: #fff;
117
- --rs-bg-overlay: #fff;
118
- --rs-bg-well: #f7f7fa;
119
- --rs-bg-active: #3498ff;
120
- --rs-bg-backdrop: rgba(39, 44, 54, 0.3);
121
- --rs-state-hover-bg: #f2faff;
122
- --rs-color-focus-ring: rgba(52, 152, 255, 0.25);
123
- --rs-state-focus-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
124
- --rs-state-focus-outline: 3px solid rgba(52, 152, 255, 0.25);
110
+ --rs-text-link: var(--rs-primary-700);
111
+ --rs-text-link-hover: var(--rs-primary-800);
112
+ --rs-text-link-active: var(--rs-primary-900);
113
+ --rs-text-primary: var(--rs-gray-800);
114
+ --rs-text-secondary: var(--rs-gray-600);
115
+ --rs-text-tertiary: var(--rs-gray-500);
116
+ --rs-text-heading: var(--rs-gray-900);
117
+ --rs-text-inverse: var(--rs-gray-50);
118
+ --rs-text-heading-inverse: var(--rs-gray-0);
119
+ --rs-text-active: var(--rs-primary-700);
120
+ --rs-text-disabled: var(--rs-gray-400);
121
+ --rs-text-error: var(--rs-color-red);
122
+ --rs-border-primary: var(--rs-gray-200);
123
+ --rs-border-secondary: var(--rs-gray-100);
124
+ --rs-bg-card: var(--rs-gray-0);
125
+ --rs-bg-overlay: var(--rs-gray-0);
126
+ --rs-bg-well: var(--rs-gray-50);
127
+ --rs-bg-active: var(--rs-primary-500);
128
+ --rs-bg-backdrop: rgb(from var(--rs-gray-900) r g b / 30%);
129
+ --rs-state-hover-bg: var(--rs-primary-50);
130
+ --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
131
+ --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-primary-500) r g b / 25%);
132
+ --rs-state-focus-outline: 3px solid rgb(from var(--rs-primary-500) r g b / 25%);
125
133
  --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
126
- --rs-btn-default-bg: #f7f7fa;
127
- --rs-btn-default-text: #575757;
128
- --rs-btn-default-hover-bg: #e5e5ea;
129
- --rs-btn-default-active-bg: #d9d9d9;
130
- --rs-btn-default-active-text: #272c36;
131
- --rs-btn-default-disabled-bg: #f7f7fa;
132
- --rs-btn-default-disabled-text: #c5c6c7;
133
- --rs-btn-primary-bg: #3498ff;
134
- --rs-btn-primary-text: #fff;
135
- --rs-btn-primary-hover-bg: #2589f5;
136
- --rs-btn-primary-active-bg: #1675e0;
137
- --rs-btn-subtle-text: #575757;
138
- --rs-btn-subtle-hover-bg: #e5e5ea;
139
- --rs-btn-subtle-hover-text: #575757;
140
- --rs-btn-subtle-active-bg: #e5e5ea;
141
- --rs-btn-subtle-active-text: #272c36;
142
- --rs-btn-subtle-disabled-text: #c5c6c7;
143
- --rs-btn-ghost-border: #1675e0;
144
- --rs-btn-ghost-text: #1675e0;
145
- --rs-btn-ghost-hover-border: #0a5dc2;
146
- --rs-btn-ghost-hover-text: #0a5dc2;
147
- --rs-btn-ghost-active-border: #004299;
148
- --rs-btn-ghost-active-text: #004299;
149
- --rs-btn-link-text: #1675e0;
150
- --rs-btn-link-hover-text: #0a5dc2;
151
- --rs-btn-link-active-text: #004299;
152
- --rs-iconbtn-addon: #f2f2f5;
153
- --rs-iconbtn-activated-addon: #d9d9d9;
154
- --rs-iconbtn-pressed-addon: #c5c6c7;
155
- --rs-iconbtn-primary-addon: #2589f5;
156
- --rs-iconbtn-primary-activated-addon: #1675e0;
157
- --rs-iconbtn-primary-pressed-addon: #0a5dc2;
158
- --rs-divider-border: #e5e5ea;
159
- --rs-loader-ring: rgba(247, 247, 250, 0.8);
160
- --rs-loader-rotor: #a6a6a6;
161
- --rs-loader-backdrop: rgba(255, 255, 255, 0.9);
162
- --rs-loader-ring-inverse: rgba(247, 247, 250, 0.3);
163
- --rs-loader-rotor-inverse: #fff;
164
- --rs-loader-backdrop-inverse: rgba(39, 44, 54, 0.83);
134
+ --rs-btn-default-bg: var(--rs-gray-50);
135
+ --rs-btn-default-text: var(--rs-gray-800);
136
+ --rs-btn-default-hover-bg: var(--rs-gray-200);
137
+ --rs-btn-default-active-bg: var(--rs-gray-300);
138
+ --rs-btn-default-active-text: var(--rs-gray-900);
139
+ --rs-btn-default-disabled-bg: var(--rs-gray-50);
140
+ --rs-btn-default-disabled-text: var(--rs-gray-400);
141
+ --rs-btn-primary-bg: var(--rs-primary-500);
142
+ --rs-btn-primary-text: var(--rs-gray-0);
143
+ --rs-btn-primary-hover-bg: var(--rs-primary-600);
144
+ --rs-btn-primary-active-bg: var(--rs-primary-700);
145
+ --rs-btn-subtle-text: var(--rs-gray-800);
146
+ --rs-btn-subtle-hover-bg: var(--rs-gray-200);
147
+ --rs-btn-subtle-hover-text: var(--rs-gray-800);
148
+ --rs-btn-subtle-active-bg: var(--rs-gray-200);
149
+ --rs-btn-subtle-active-text: var(--rs-gray-900);
150
+ --rs-btn-subtle-disabled-text: var(--rs-gray-400);
151
+ --rs-btn-ghost-border: var(--rs-primary-700);
152
+ --rs-btn-ghost-text: var(--rs-primary-700);
153
+ --rs-btn-ghost-hover-border: var(--rs-primary-800);
154
+ --rs-btn-ghost-hover-text: var(--rs-primary-800);
155
+ --rs-btn-ghost-active-border: var(--rs-primary-900);
156
+ --rs-btn-ghost-active-text: var(--rs-primary-900);
157
+ --rs-btn-link-text: var(--rs-primary-700);
158
+ --rs-btn-link-hover-text: var(--rs-primary-800);
159
+ --rs-btn-link-active-text: var(--rs-primary-900);
160
+ --rs-iconbtn-addon: var(--rs-gray-100);
161
+ --rs-iconbtn-activated-addon: var(--rs-gray-300);
162
+ --rs-iconbtn-pressed-addon: var(--rs-gray-400);
163
+ --rs-iconbtn-primary-addon: var(--rs-primary-600);
164
+ --rs-iconbtn-primary-activated-addon: var(--rs-primary-700);
165
+ --rs-iconbtn-primary-pressed-addon: var(--rs-primary-800);
166
+ --rs-divider-border: var(--rs-gray-200);
167
+ --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 80%);
168
+ --rs-loader-rotor: var(--rs-gray-500);
169
+ --rs-loader-backdrop: rgb(from var(--rs-gray-0) r g b / 90%);
170
+ --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 30%);
171
+ --rs-loader-rotor-inverse: var(--rs-gray-0);
172
+ --rs-loader-backdrop-inverse: rgb(from var(--rs-gray-900) r g b / 83%);
165
173
  --rs-message-success-header: var(--rs-text-heading);
166
174
  --rs-message-success-text: var(--rs-text-primary);
167
- --rs-message-success-icon: #4caf50;
168
- --rs-message-success-bg: #eeffed;
175
+ --rs-message-success-icon: var(--rs-color-green);
176
+ --rs-message-success-bg: var(--rs-green-50);
169
177
  --rs-message-info-header: var(--rs-text-heading);
170
178
  --rs-message-info-text: var(--rs-text-primary);
171
- --rs-message-info-icon: #2196f3;
172
- --rs-message-info-bg: #f0f9ff;
179
+ --rs-message-info-icon: var(--rs-color-blue);
180
+ --rs-message-info-bg: var(--rs-blue-50);
173
181
  --rs-message-warning-header: var(--rs-text-heading);
174
182
  --rs-message-warning-text: var(--rs-text-primary);
175
- --rs-message-warning-icon: #ffb300;
176
- --rs-message-warning-bg: #fffaf2;
183
+ --rs-message-warning-icon: var(--rs-color-yellow);
184
+ --rs-message-warning-bg: var(--rs-yellow-50);
177
185
  --rs-message-error-header: var(--rs-text-heading);
178
186
  --rs-message-error-text: var(--rs-text-primary);
179
- --rs-message-error-icon: #f44336;
180
- --rs-message-error-bg: #fff2f2;
181
- --rs-tooltip-bg: #272c36;
182
- --rs-tooltip-text: #fff;
183
- --rs-progress-bg: #e5e5ea;
184
- --rs-progress-bar: #3498ff;
185
- --rs-progress-bar-success: #4caf50;
186
- --rs-progress-bar-fail: #f44336;
187
- --rs-placeholder: #f2f2f5;
188
- --rs-placeholder-active: #e5e5ea;
189
- --rs-breadcrumb-item-active-text: #272c36;
190
- --rs-dropdown-divider: #e5e5ea;
191
- --rs-dropdown-item-bg-hover: rgba(204, 233, 255, 0.5);
192
- --rs-dropdown-item-bg-active: #f2faff;
193
- --rs-dropdown-item-text-active: #1675e0;
194
- --rs-dropdown-header-text: #a6a6a6;
187
+ --rs-message-error-icon: var(--rs-color-red);
188
+ --rs-message-error-bg: var(--rs-red-50);
189
+ --rs-tooltip-bg: var(--rs-gray-900);
190
+ --rs-tooltip-text: var(--rs-gray-0);
191
+ --rs-progress-bg: var(--rs-gray-200);
192
+ --rs-progress-bar: var(--rs-primary-500);
193
+ --rs-progress-bar-success: var(--rs-color-green);
194
+ --rs-progress-bar-fail: var(--rs-color-red);
195
+ --rs-placeholder: var(--rs-gray-100);
196
+ --rs-placeholder-active: var(--rs-gray-200);
197
+ --rs-breadcrumb-item-active-text: var(--rs-gray-900);
198
+ --rs-dropdown-divider: var(--rs-gray-200);
199
+ --rs-dropdown-item-bg-hover: rgb(from var(--rs-primary-100) r g b / 50%);
200
+ --rs-dropdown-item-bg-active: var(--rs-primary-50);
201
+ --rs-dropdown-item-text-active: var(--rs-primary-700);
202
+ --rs-dropdown-header-text: var(--rs-gray-500);
195
203
  --rs-dropdown-shadow: 0 0 10px rgba(0, 0, 0, 0.06), 0 4px 4px rgba(0, 0, 0, 0.12);
196
- --rs-menuitem-active-bg: rgba(204, 233, 255, 0.5);
197
- --rs-menuitem-active-text: #1675e0;
198
- --rs-steps-border: #8e8e93;
199
- --rs-steps-state-finish: #3498ff;
200
- --rs-steps-border-state-finish: #3498ff;
201
- --rs-steps-state-wait: #8e8e93;
202
- --rs-steps-state-process: #3498ff;
203
- --rs-steps-state-error: #f44336;
204
- --rs-steps-border-state-error: #f44336;
205
- --rs-steps-icon-state-process: #3498ff;
206
- --rs-steps-icon-state-error: #f44336;
207
- --rs-navs-text: #575757;
208
- --rs-navs-text-hover: #575757;
209
- --rs-navs-bg-hover: #e5e5ea;
210
- --rs-navs-text-active: #272c36;
211
- --rs-navs-bg-active: #e5e5ea;
212
- --rs-navs-tab-border: #d9d9d9;
213
- --rs-navs-subtle-border: #f7f7fa;
214
- --rs-navs-selected: #1675e0;
215
- --rs-navbar-default-bg: #f7f7fa;
216
- --rs-navbar-default-text: #575757;
217
- --rs-navbar-default-selected-text: #1675e0;
218
- --rs-navbar-default-hover-bg: #e5e5ea;
219
- --rs-navbar-default-hover-text: #575757;
220
- --rs-navbar-inverse-bg: #3498ff;
204
+ --rs-menuitem-active-bg: rgb(from var(--rs-primary-100) r g b / 50%);
205
+ --rs-menuitem-active-text: var(--rs-primary-700);
206
+ --rs-steps-border: var(--rs-gray-600);
207
+ --rs-steps-state-finish: var(--rs-primary-500);
208
+ --rs-steps-border-state-finish: var(--rs-primary-500);
209
+ --rs-steps-state-wait: var(--rs-gray-600);
210
+ --rs-steps-state-process: var(--rs-primary-500);
211
+ --rs-steps-state-error: var(--rs-color-red);
212
+ --rs-steps-border-state-error: var(--rs-color-red);
213
+ --rs-steps-icon-state-process: var(--rs-primary-500);
214
+ --rs-steps-icon-state-error: var(--rs-color-red);
215
+ --rs-navs-text: var(--rs-gray-800);
216
+ --rs-navs-text-hover: var(--rs-gray-800);
217
+ --rs-navs-bg-hover: var(--rs-gray-200);
218
+ --rs-navs-text-active: var(--rs-gray-900);
219
+ --rs-navs-bg-active: var(--rs-gray-200);
220
+ --rs-navs-tab-border: var(--rs-gray-300);
221
+ --rs-navs-subtle-border: var(--rs-gray-50);
222
+ --rs-navs-selected: var(--rs-primary-700);
223
+ --rs-navbar-default-bg: var(--rs-gray-50);
224
+ --rs-navbar-default-text: var(--rs-gray-800);
225
+ --rs-navbar-default-selected-text: var(--rs-primary-700);
226
+ --rs-navbar-default-hover-bg: var(--rs-gray-200);
227
+ --rs-navbar-default-hover-text: var(--rs-gray-800);
228
+ --rs-navbar-inverse-bg: var(--rs-primary-500);
221
229
  --rs-navbar-inverse-text: #fff;
222
- --rs-navbar-inverse-selected-bg: #1675e0;
223
- --rs-navbar-inverse-hover-bg: #2589f5;
230
+ --rs-navbar-inverse-selected-bg: var(--rs-primary-700);
231
+ --rs-navbar-inverse-hover-bg: var(--rs-primary-600);
224
232
  --rs-navbar-inverse-hover-text: #fff;
225
233
  --rs-navbar-subtle-bg: #fff;
226
- --rs-navbar-subtle-text: #575757;
227
- --rs-navbar-subtle-selected-text: #1675e0;
228
- --rs-navbar-subtle-hover-bg: #f7f7fa;
229
- --rs-navbar-subtle-hover-text: #575757;
230
- --rs-sidenav-default-bg: #f7f7fa;
231
- --rs-sidenav-default-text: #575757;
232
- --rs-sidenav-default-selected-text: #1675e0;
233
- --rs-sidenav-default-hover-bg: #e5e5ea;
234
- --rs-sidenav-default-hover-text: #575757;
235
- --rs-sidenav-default-footer-border: #e5e5ea;
236
- --rs-sidenav-inverse-bg: #3498ff;
234
+ --rs-navbar-subtle-text: var(--rs-gray-800);
235
+ --rs-navbar-subtle-selected-text: var(--rs-primary-700);
236
+ --rs-navbar-subtle-hover-bg: var(--rs-gray-50);
237
+ --rs-navbar-subtle-hover-text: var(--rs-gray-800);
238
+ --rs-sidenav-default-bg: var(--rs-gray-50);
239
+ --rs-sidenav-default-text: var(--rs-gray-800);
240
+ --rs-sidenav-default-selected-text: var(--rs-primary-700);
241
+ --rs-sidenav-default-hover-bg: var(--rs-gray-200);
242
+ --rs-sidenav-default-hover-text: var(--rs-gray-800);
243
+ --rs-sidenav-default-footer-border: var(--rs-gray-200);
244
+ --rs-sidenav-inverse-bg: var(--rs-primary-500);
237
245
  --rs-sidenav-inverse-text: #fff;
238
- --rs-sidenav-inverse-selected-bg: #1675e0;
239
- --rs-sidenav-inverse-hover-bg: #2589f5;
240
- --rs-sidenav-inverse-footer-border: #2589f5;
246
+ --rs-sidenav-inverse-selected-bg: var(--rs-primary-700);
247
+ --rs-sidenav-inverse-hover-bg: var(--rs-primary-600);
248
+ --rs-sidenav-inverse-footer-border: var(--rs-primary-600);
241
249
  --rs-sidenav-subtle-bg: #fff;
242
- --rs-sidenav-subtle-text: #575757;
243
- --rs-sidenav-subtle-selected-text: #1675e0;
244
- --rs-sidenav-subtle-hover-bg: #f7f7fa;
245
- --rs-sidenav-subtle-hover-text: #575757;
246
- --rs-sidenav-subtle-footer-border: #e5e5ea;
247
- --rs-input-bg: #fff;
248
- --rs-input-focus-border: #3498ff;
249
- --rs-input-disabled-bg: #f7f7fa;
250
- --rs-listbox-option-hover-bg: rgba(204, 233, 255, 0.5);
251
- --rs-listbox-option-hover-text: #1675e0;
252
- --rs-listbox-option-selected-text: #1675e0;
253
- --rs-listbox-option-selected-bg: #f2faff;
254
- --rs-listbox-option-disabled-text: #c5c6c7;
255
- --rs-listbox-option-disabled-selected-text: #a6d7ff;
250
+ --rs-sidenav-subtle-text: var(--rs-gray-800);
251
+ --rs-sidenav-subtle-selected-text: var(--rs-primary-700);
252
+ --rs-sidenav-subtle-hover-bg: var(--rs-gray-50);
253
+ --rs-sidenav-subtle-hover-text: var(--rs-gray-800);
254
+ --rs-sidenav-subtle-footer-border: var(--rs-gray-200);
255
+ --rs-input-bg: var(--rs-gray-0);
256
+ --rs-input-focus-border: var(--rs-primary-500);
257
+ --rs-input-disabled-bg: var(--rs-gray-50);
258
+ --rs-listbox-option-hover-bg: rgb(from var(--rs-primary-100) r g b / 50%);
259
+ --rs-listbox-option-hover-text: var(--rs-primary-700);
260
+ --rs-listbox-option-selected-text: var(--rs-primary-700);
261
+ --rs-listbox-option-selected-bg: var(--rs-primary-50);
262
+ --rs-listbox-option-disabled-text: var(--rs-gray-400);
263
+ --rs-listbox-option-disabled-selected-text: var(--rs-primary-200);
256
264
  --rs-checkbox-icon: #fff;
257
- --rs-checkbox-border: #d9d9d9;
258
- --rs-checkbox-checked-bg: #3498ff;
259
- --rs-checkbox-disabled-bg: #f7f7fa;
265
+ --rs-checkbox-border: var(--rs-gray-300);
266
+ --rs-checkbox-checked-bg: var(--rs-primary-500);
267
+ --rs-checkbox-disabled-bg: var(--rs-gray-50);
260
268
  --rs-radio-marker: #fff;
261
- --rs-radio-border: #d9d9d9;
262
- --rs-radio-checked-bg: #3498ff;
263
- --rs-radio-disabled-bg: #f7f7fa;
264
- --rs-radio-tile-border: #d9d9d9;
265
- --rs-radio-tile-bg: #fff;
266
- --rs-radio-tile-checked-color: #3498ff;
269
+ --rs-radio-border: var(--rs-gray-300);
270
+ --rs-radio-checked-bg: var(--rs-primary-500);
271
+ --rs-radio-disabled-bg: var(--rs-gray-50);
272
+ --rs-radio-tile-border: var(--rs-gray-300);
273
+ --rs-radio-tile-bg: var(--rs-gray-0);
274
+ --rs-radio-tile-checked-color: var(--rs-primary-500);
267
275
  --rs-radio-tile-checked-mark-color: #fff;
268
- --rs-radio-tile-checked-disabled-color: #cce9ff;
276
+ --rs-radio-tile-checked-disabled-color: var(--rs-primary-100);
269
277
  --rs-radio-tile-icon-size: 32px;
270
- --rs-rate-symbol: #8e8e93;
271
- --rs-rate-symbol-checked: #ffb300;
272
- --rs-toggle-bg: #d9d9d9;
278
+ --rs-rate-symbol: var(--rs-gray-600);
279
+ --rs-rate-symbol-checked: var(--rs-blue-500);
280
+ --rs-toggle-bg: var(--rs-gray-300);
273
281
  --rs-toggle-thumb: #fff;
274
- --rs-toggle-loader-ring: rgba(247, 247, 250, 0.3);
275
- --rs-toggle-loader-rotor: #fff;
276
- --rs-toggle-hover-bg: #c5c6c7;
277
- --rs-toggle-disabled-bg: #f7f7fa;
282
+ --rs-toggle-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
283
+ --rs-toggle-loader-rotor: var(--rs-gray-0);
284
+ --rs-toggle-hover-bg: var(--rs-gray-400);
285
+ --rs-toggle-disabled-bg: var(--rs-gray-50);
278
286
  --rs-toggle-disabled-thumb: #fff;
279
- --rs-toggle-checked-bg: #3498ff;
287
+ --rs-toggle-checked-bg: var(--rs-primary-500);
280
288
  --rs-toggle-checked-thumb: #fff;
281
- --rs-toggle-checked-hover-bg: #2589f5;
282
- --rs-toggle-checked-disabled-bg: #cce9ff;
289
+ --rs-toggle-checked-hover-bg: var(--rs-primary-600);
290
+ --rs-toggle-checked-disabled-bg: var(--rs-primary-100);
283
291
  --rs-toggle-checked-disabled-thumb: #fff;
284
- --rs-slider-bar: #f2f2f5;
285
- --rs-slider-hover-bar: #e5e5ea;
286
- --rs-slider-thumb-border: #3498ff;
292
+ --rs-slider-bar: var(--rs-gray-100);
293
+ --rs-slider-hover-bar: var(--rs-gray-200);
294
+ --rs-slider-thumb-border: var(--rs-primary-500);
287
295
  --rs-slider-thumb-bg: #fff;
288
- --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(52, 152, 255, 0.25);
289
- --rs-slider-progress: #3498ff;
290
- --rs-uploader-item-bg: #d9d9d9;
291
- --rs-uploader-item-hover-bg: #f7f7fa;
292
- --rs-uploader-overlay-bg: rgba(255, 255, 255, 0.8);
293
- --rs-uploader-dnd-bg: #fff;
294
- --rs-uploader-dnd-border: #e5e5ea;
295
- --rs-uploader-dnd-hover-border: #3498ff;
296
- --rs-avatar-bg: #d9d9d9;
297
- --rs-avatar-text: #fff;
298
- --rs-badge-bg: #f44336;
299
- --rs-badge-text: #fff;
300
- --rs-tag-bg: #f7f7fa;
301
- --rs-tag-close: #f44336;
302
- --rs-carousel-bg: #8e8e93;
303
- --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
304
- --rs-carousel-indicator-hover: #fff;
305
- --rs-carousel-indicator-active: #3498ff;
296
+ --rs-slider-thumb-hover-shadow: 0 0 0 8px rgb(from var(--rs-gray-500) r g b / 25%);
297
+ --rs-slider-progress: var(--rs-primary-500);
298
+ --rs-uploader-item-bg: var(--rs-gray-300);
299
+ --rs-uploader-item-hover-bg: var(--rs-gray-50);
300
+ --rs-uploader-overlay-bg: rgb(from #fff r g b / 80%);
301
+ --rs-uploader-dnd-bg: var(--rs-gray-0);
302
+ --rs-uploader-dnd-border: var(--rs-gray-200);
303
+ --rs-uploader-dnd-hover-border: var(--rs-primary-500);
304
+ --rs-avatar-bg: var(--rs-gray-300);
305
+ --rs-avatar-text: var(--rs-gray-0);
306
+ --rs-badge-bg: var(--rs-color-red);
307
+ --rs-badge-text: var(--rs-gray-0);
308
+ --rs-tag-bg: var(--rs-gray-50);
309
+ --rs-tag-close: var(--rs-color-red);
310
+ --rs-carousel-bg: var(--rs-gray-600);
311
+ --rs-carousel-indicator: rgb(from var(--rs-gray-0) r g b / 40%);
312
+ --rs-carousel-indicator-hover: var(--rs-gray-0);
313
+ --rs-carousel-indicator-active: var(--rs-primary-500);
306
314
  --rs-panel-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
307
- --rs-list-bg: #fff;
308
- --rs-list-border: #e5e5ea;
309
- --rs-list-hover-bg: #f2faff;
310
- --rs-list-placeholder-bg: rgba(242, 250, 255, 0.5);
311
- --rs-list-placeholder-border: #3498ff;
312
- --rs-timeline-indicator-bg: #d9d9d9;
313
- --rs-timeline-indicator-active-bg: #3498ff;
315
+ --rs-list-bg: var(--rs-gray-0);
316
+ --rs-list-border: var(--rs-gray-200);
317
+ --rs-list-hover-bg: var(--rs-primary-50);
318
+ --rs-list-placeholder-bg: rgb(from var(--rs-primary-50) r g b / 50%);
319
+ --rs-list-placeholder-border: var(--rs-primary-500);
320
+ --rs-timeline-indicator-bg: var(--rs-gray-300);
321
+ --rs-timeline-indicator-active-bg: var(--rs-primary-500);
314
322
  --rs-table-shadow: rgba(9, 9, 9, 0.08);
315
- --rs-table-sort: #3498ff;
316
- --rs-table-resize: #3498ff;
317
- --rs-table-scrollbar-track: #e5e5ea;
318
- --rs-table-scrollbar-thumb: #575757;
319
- --rs-table-scrollbar-thumb-active: #272c36;
320
- --rs-table-scrollbar-vertical-track: rgba(229, 229, 234, 0.4);
323
+ --rs-table-sort: var(--rs-primary-500);
324
+ --rs-table-resize: var(--rs-primary-500);
325
+ --rs-table-scrollbar-track: var(--rs-gray-200);
326
+ --rs-table-scrollbar-thumb: var(--rs-gray-800);
327
+ --rs-table-scrollbar-thumb-active: var(--rs-gray-900);
328
+ --rs-table-scrollbar-vertical-track: rgb(from var(--rs-gray-200) r g b / 40%);
321
329
  --rs-drawer-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
322
330
  --rs-modal-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
323
- --rs-form-errormessage-text: #f44336;
331
+ --rs-form-errormessage-text: var(--rs-color-red);
324
332
  --rs-form-errormessage-bg: #fff;
325
- --rs-form-errormessage-border: #e5e5ea;
326
- --rs-picker-value: #1675e0;
327
- --rs-picker-count-bg: #3498ff;
333
+ --rs-form-errormessage-border: var(--rs-gray-200);
334
+ --rs-picker-value: var(--rs-primary-700);
335
+ --rs-picker-count-bg: var(--rs-primary-500);
328
336
  --rs-picker-count-text: #fff;
329
- --rs-calendar-today-bg: #3498ff;
337
+ --rs-calendar-today-bg: var(--rs-primary-500);
330
338
  --rs-calendar-today-text: #fff;
331
- --rs-calendar-range-bg: rgba(204, 233, 255, 0.5);
332
- --rs-calendar-time-unit-bg: #f7f7fa;
339
+ --rs-calendar-range-bg: rgb(from var(--rs-primary-100) r g b / 50%);
340
+ --rs-calendar-time-unit-bg: var(--rs-gray-50);
333
341
  --rs-calendar-date-selected-text: #fff;
334
- --rs-calendar-cell-selected-hover-bg: #1675e0;
342
+ --rs-calendar-cell-selected-hover-bg: var(--rs-primary-700);
335
343
  --rs-popover-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
336
344
  }
345
+ @supports not (color: rgb(from white r g b)) {
346
+ :root,
347
+ .rs-theme-light {
348
+ --rs-bg-backdrop: rgba(39, 44, 54, 0.3);
349
+ --rs-color-focus-ring: rgba(52, 152, 255, 0.25);
350
+ --rs-state-focus-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
351
+ --rs-state-focus-outline: 3px solid rgba(52, 152, 255, 0.25);
352
+ --rs-loader-ring: rgba(247, 247, 250, 0.8);
353
+ --rs-loader-backdrop: rgba(255, 255, 255, 0.9);
354
+ --rs-loader-ring-inverse: rgba(247, 247, 250, 0.3);
355
+ --rs-loader-backdrop-inverse: rgba(39, 44, 54, 0.83);
356
+ --rs-dropdown-item-bg-hover: rgba(204, 233, 255, 0.5);
357
+ --rs-menuitem-active-bg: rgba(204, 233, 255, 0.5);
358
+ --rs-listbox-option-hover-bg: rgba(204, 233, 255, 0.5);
359
+ --rs-toggle-loader-ring: rgba(247, 247, 250, 0.3);
360
+ --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(52, 152, 255, 0.25);
361
+ --rs-uploader-overlay-bg: rgba(255, 255, 255, 0.8);
362
+ --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
363
+ --rs-list-placeholder-bg: rgba(242, 250, 255, 0.5);
364
+ --rs-table-scrollbar-vertical-track: rgba(229, 229, 234, 0.4);
365
+ --rs-calendar-range-bg: rgba(204, 233, 255, 0.5);
366
+ }
367
+ }
337
368
  .rs-theme-dark {
369
+ --rs-gray-0: #fff;
338
370
  --rs-gray-50: #e9ebf0;
339
371
  --rs-gray-100: #cbced4;
340
372
  --rs-gray-200: #a4a9b3;
@@ -355,6 +387,13 @@
355
387
  --rs-primary-700: #169de0;
356
388
  --rs-primary-800: #0a81c2;
357
389
  --rs-primary-900: #006199;
390
+ --rs-color-red: #f04f43;
391
+ --rs-color-orange: #ff9800;
392
+ --rs-color-yellow: #ffc757;
393
+ --rs-color-green: #58b15b;
394
+ --rs-color-cyan: #00bcd4;
395
+ --rs-color-blue: #1499ef;
396
+ --rs-color-violet: #673ab7;
358
397
  --rs-red-50: #ffeded;
359
398
  --rs-red-100: #fccaca;
360
399
  --rs-red-200: #faa9a7;
@@ -425,243 +464,264 @@
425
464
  --rs-violet-700: #531ba8;
426
465
  --rs-violet-800: #470c99;
427
466
  --rs-violet-900: #390085;
428
- --rs-state-success: #58b15b;
429
- --rs-state-info: #1499ef;
430
- --rs-state-warning: #ffc757;
431
- --rs-state-error: #f04f43;
432
- --rs-body: #0f131a;
433
- --rs-text-link: #34c3ff;
434
- --rs-text-link-hover: #59d0ff;
435
- --rs-text-link-active: #80ddff;
436
- --rs-text-primary: #e9ebf0;
437
- --rs-text-secondary: #a4a9b3;
438
- --rs-text-tertiary: #858b94;
439
- --rs-text-heading: #fff;
440
- --rs-text-inverse: #1a1d24;
441
- --rs-text-heading-inverse: #0f131a;
442
- --rs-text-active: #34c3ff;
443
- --rs-text-disabled: #5c6066;
444
- --rs-border-primary: #3c3f43;
445
- --rs-border-secondary: #292d33;
446
- --rs-bg-card: #1a1d24;
447
- --rs-bg-overlay: #292d33;
448
- --rs-bg-well: #0f131a;
449
- --rs-bg-active: #169de0;
450
- --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
451
- --rs-state-hover-bg: #3c3f43;
452
- --rs-color-focus-ring: 0 0 0 3px rgba(52, 195, 255, 0.25);
453
- --rs-state-focus-shadow: 0 0 0 3px rgba(52, 195, 255, 0.25);
454
- --rs-state-focus-outline: 3px solid rgba(52, 195, 255, 0.25);
467
+ --rs-state-success: var(--rs-color-green);
468
+ --rs-state-info: var(--rs-color-blue);
469
+ --rs-state-warning: var(--rs-color-yellow);
470
+ --rs-state-error: var(--rs-color-red);
471
+ --rs-body: var(--rs-gray-900);
472
+ --rs-text-link: var(--rs-primary-500);
473
+ --rs-text-link-hover: var(--rs-primary-400);
474
+ --rs-text-link-active: var(--rs-primary-300);
475
+ --rs-text-primary: var(--rs-gray-50);
476
+ --rs-text-secondary: var(--rs-gray-200);
477
+ --rs-text-tertiary: var(--rs-gray-300);
478
+ --rs-text-heading: var(--rs-gray-0);
479
+ --rs-text-inverse: var(--rs-gray-800);
480
+ --rs-text-heading-inverse: var(--rs-gray-900);
481
+ --rs-text-active: var(--rs-primary-500);
482
+ --rs-text-disabled: var(--rs-gray-500);
483
+ --rs-border-primary: var(--rs-gray-600);
484
+ --rs-border-secondary: var(--rs-gray-700);
485
+ --rs-bg-card: var(--rs-gray-800);
486
+ --rs-bg-overlay: var(--rs-gray-700);
487
+ --rs-bg-well: var(--rs-gray-900);
488
+ --rs-bg-active: var(--rs-primary-700);
489
+ --rs-bg-backdrop: rgb(from var(--rs-gray-900) r g b / 80%);
490
+ --rs-state-hover-bg: var(--rs-gray-600);
491
+ --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
492
+ --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
493
+ --rs-state-focus-outline: 3px solid rgb(from var(--rs-gray-500) r g b / 25%);
455
494
  --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
456
- --rs-btn-default-bg: #3c3f43;
457
- --rs-btn-default-text: #e9ebf0;
458
- --rs-btn-default-hover-bg: #5c6066;
459
- --rs-btn-default-active-bg: #858b94;
460
- --rs-btn-default-active-text: #fff;
461
- --rs-btn-default-disabled-bg: #3c3f43;
462
- --rs-btn-default-disabled-text: #6a6f76;
463
- --rs-btn-primary-bg: #169de0;
464
- --rs-btn-primary-text: #fff;
465
- --rs-btn-primary-hover-bg: #25b3f5;
466
- --rs-btn-primary-active-bg: #59d0ff;
467
- --rs-btn-subtle-text: #a4a9b3;
468
- --rs-btn-subtle-hover-bg: #5c6066;
469
- --rs-btn-subtle-hover-text: #e9ebf0;
470
- --rs-btn-subtle-active-bg: #6a6f76;
471
- --rs-btn-subtle-active-text: #fff;
472
- --rs-btn-subtle-disabled-text: #5c6066;
473
- --rs-btn-ghost-border: #34c3ff;
474
- --rs-btn-ghost-text: #34c3ff;
475
- --rs-btn-ghost-hover-border: #59d0ff;
476
- --rs-btn-ghost-hover-text: #59d0ff;
477
- --rs-btn-ghost-active-border: #a6e9ff;
478
- --rs-btn-ghost-active-text: #a6e9ff;
479
- --rs-btn-link-text: #34c3ff;
480
- --rs-btn-link-hover-text: #59d0ff;
481
- --rs-btn-link-active-text: #a6e9ff;
482
- --rs-iconbtn-addon: #5c6066;
483
- --rs-iconbtn-activated-addon: #6a6f76;
484
- --rs-iconbtn-pressed-addon: #a4a9b3;
485
- --rs-iconbtn-primary-addon: #25b3f5;
486
- --rs-iconbtn-primary-activated-addon: #34c3ff;
487
- --rs-iconbtn-primary-pressed-addon: #59d0ff;
488
- --rs-divider-border: #3c3f43;
489
- --rs-loader-ring: rgba(233, 235, 240, 0.3);
490
- --rs-loader-rotor: #fff;
491
- --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
492
- --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
493
- --rs-loader-rotor-inverse: #5c6066;
494
- --rs-loader-backdrop-inverse: rgba(255, 255, 255, 0.9);
495
+ --rs-btn-default-bg: var(--rs-gray-600);
496
+ --rs-btn-default-text: var(--rs-gray-50);
497
+ --rs-btn-default-hover-bg: var(--rs-gray-500);
498
+ --rs-btn-default-active-bg: var(--rs-gray-300);
499
+ --rs-btn-default-active-text: var(--rs-gray-0);
500
+ --rs-btn-default-disabled-bg: var(--rs-gray-600);
501
+ --rs-btn-default-disabled-text: var(--rs-gray-400);
502
+ --rs-btn-primary-bg: var(--rs-primary-700);
503
+ --rs-btn-primary-text: var(--rs-gray-0);
504
+ --rs-btn-primary-hover-bg: var(--rs-primary-600);
505
+ --rs-btn-primary-active-bg: var(--rs-primary-400);
506
+ --rs-btn-subtle-text: var(--rs-gray-200);
507
+ --rs-btn-subtle-hover-bg: var(--rs-gray-500);
508
+ --rs-btn-subtle-hover-text: var(--rs-gray-50);
509
+ --rs-btn-subtle-active-bg: var(--rs-gray-400);
510
+ --rs-btn-subtle-active-text: var(--rs-gray-0);
511
+ --rs-btn-subtle-disabled-text: var(--rs-gray-500);
512
+ --rs-btn-ghost-border: var(--rs-primary-500);
513
+ --rs-btn-ghost-text: var(--rs-primary-500);
514
+ --rs-btn-ghost-hover-border: var(--rs-primary-400);
515
+ --rs-btn-ghost-hover-text: var(--rs-primary-400);
516
+ --rs-btn-ghost-active-border: var(--rs-primary-200);
517
+ --rs-btn-ghost-active-text: var(--rs-primary-200);
518
+ --rs-btn-link-text: var(--rs-primary-500);
519
+ --rs-btn-link-hover-text: var(--rs-primary-400);
520
+ --rs-btn-link-active-text: var(--rs-primary-200);
521
+ --rs-iconbtn-addon: var(--rs-gray-500);
522
+ --rs-iconbtn-activated-addon: var(--rs-gray-400);
523
+ --rs-iconbtn-pressed-addon: var(--rs-gray-200);
524
+ --rs-iconbtn-primary-addon: var(--rs-primary-600);
525
+ --rs-iconbtn-primary-activated-addon: var(--rs-primary-500);
526
+ --rs-iconbtn-primary-pressed-addon: var(--rs-primary-400);
527
+ --rs-divider-border: var(--rs-gray-600);
528
+ --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
529
+ --rs-loader-rotor: var(--rs-gray-0);
530
+ --rs-loader-backdrop: rgb(from var(--rs-gray-900) r g b / 83%);
531
+ --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 80%);
532
+ --rs-loader-rotor-inverse: var(--rs-gray-500);
533
+ --rs-loader-backdrop-inverse: rgb(from var(--rs-gray-0) r g b / 90%);
495
534
  --rs-message-success-header: #fff;
496
535
  --rs-message-success-text: #fff;
497
536
  --rs-message-success-icon: #fff;
498
- --rs-message-success-bg: #4caf50;
537
+ --rs-message-success-bg: var(--rs-green-500);
499
538
  --rs-message-info-header: #fff;
500
539
  --rs-message-info-text: #fff;
501
540
  --rs-message-info-icon: #fff;
502
- --rs-message-info-bg: #2196f3;
503
- --rs-message-warning-header: #0f131a;
504
- --rs-message-warning-text: #0f131a;
505
- --rs-message-warning-icon: #0f131a;
506
- --rs-message-warning-bg: #ffb300;
541
+ --rs-message-info-bg: var(--rs-blue-500);
542
+ --rs-message-warning-header: var(--rs-gray-900);
543
+ --rs-message-warning-text: var(--rs-gray-900);
544
+ --rs-message-warning-icon: var(--rs-gray-900);
545
+ --rs-message-warning-bg: var(--rs-yellow-500);
507
546
  --rs-message-error-header: #fff;
508
547
  --rs-message-error-text: #fff;
509
548
  --rs-message-error-icon: #fff;
510
- --rs-message-error-bg: #f44336;
511
- --rs-tooltip-bg: #5c6066;
512
- --rs-tooltip-text: #fff;
513
- --rs-progress-bg: #292d33;
514
- --rs-progress-bar: #34c3ff;
515
- --rs-progress-bar-success: #4caf50;
516
- --rs-progress-bar-fail: #f44336;
517
- --rs-placeholder: #3c3f43;
518
- --rs-placeholder-active: #484c50;
549
+ --rs-message-error-bg: var(--rs-red-500);
550
+ --rs-tooltip-bg: var(--rs-gray-500);
551
+ --rs-tooltip-text: var(--rs-gray-0);
552
+ --rs-progress-bg: var(--rs-gray-700);
553
+ --rs-progress-bar: var(--rs-primary-500);
554
+ --rs-progress-bar-success: var(--rs-color-green);
555
+ --rs-progress-bar-fail: var(--rs-color-red);
556
+ --rs-placeholder: var(--rs-gray-600);
557
+ --rs-placeholder-active: hsl(from var(--rs-gray-600) h s calc(l + l * 0.2));
519
558
  --rs-breadcrumb-item-active-text: #fff;
520
- --rs-dropdown-divider: #3c3f43;
521
- --rs-dropdown-item-bg-hover: #3c3f43;
522
- --rs-dropdown-item-bg-active: rgba(0, 97, 153, 0.2);
523
- --rs-dropdown-item-text-active: #34c3ff;
524
- --rs-dropdown-header-text: #5c6066;
559
+ --rs-dropdown-divider: var(--rs-gray-600);
560
+ --rs-dropdown-item-bg-hover: var(--rs-gray-600);
561
+ --rs-dropdown-item-bg-active: rgb(from var(--rs-primary-900) r g b / 20%);
562
+ --rs-dropdown-item-text-active: var(--rs-primary-500);
563
+ --rs-dropdown-header-text: var(--rs-gray-500);
525
564
  --rs-dropdown-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2), 0 4px 4px 3px rgba(0, 0, 0, 0.24);
526
- --rs-menuitem-active-bg: #3c3f43;
565
+ --rs-menuitem-active-bg: var(--rs-gray-600);
527
566
  --rs-menuitem-active-text: currentColor;
528
- --rs-steps-border: #a4a9b3;
529
- --rs-steps-state-finish: #34c3ff;
530
- --rs-steps-border-state-finish: #34c3ff;
531
- --rs-steps-state-wait: #a4a9b3;
532
- --rs-steps-state-process: #169de0;
533
- --rs-steps-state-error: #f44336;
534
- --rs-steps-border-state-error: #f44336;
535
- --rs-steps-icon-state-process: #34c3ff;
536
- --rs-steps-icon-state-error: #f44336;
537
- --rs-navs-text: #a4a9b3;
538
- --rs-navs-text-hover: #cbced4;
539
- --rs-navs-bg-hover: #6a6f76;
540
- --rs-navs-text-active: #fff;
541
- --rs-navs-bg-active: #6a6f76;
542
- --rs-navs-tab-border: #3c3f43;
543
- --rs-navs-subtle-border: #3c3f43;
544
- --rs-navs-selected: #34c3ff;
545
- --rs-navbar-default-bg: #1a1d24;
546
- --rs-navbar-default-text: #a4a9b3;
547
- --rs-navbar-default-selected-text: #34c3ff;
548
- --rs-navbar-default-hover-bg: #292d33;
549
- --rs-navbar-default-hover-text: #e9ebf0;
550
- --rs-navbar-inverse-bg: #169de0;
567
+ --rs-steps-border: var(--rs-gray-200);
568
+ --rs-steps-state-finish: var(--rs-primary-500);
569
+ --rs-steps-border-state-finish: var(--rs-primary-500);
570
+ --rs-steps-state-wait: var(--rs-gray-200);
571
+ --rs-steps-state-process: var(--rs-primary-700);
572
+ --rs-steps-state-error: var(--rs-color-red);
573
+ --rs-steps-border-state-error: var(--rs-color-red);
574
+ --rs-steps-icon-state-process: var(--rs-primary-500);
575
+ --rs-steps-icon-state-error: var(--rs-color-red);
576
+ --rs-navs-text: var(--rs-gray-200);
577
+ --rs-navs-text-hover: var(--rs-gray-100);
578
+ --rs-navs-bg-hover: var(--rs-gray-400);
579
+ --rs-navs-text-active: var(--rs-gray-0);
580
+ --rs-navs-bg-active: var(--rs-gray-400);
581
+ --rs-navs-tab-border: var(--rs-gray-600);
582
+ --rs-navs-subtle-border: var(--rs-gray-600);
583
+ --rs-navs-selected: var(--rs-primary-500);
584
+ --rs-navbar-default-bg: var(--rs-gray-800);
585
+ --rs-navbar-default-text: var(--rs-gray-200);
586
+ --rs-navbar-default-selected-text: var(--rs-primary-500);
587
+ --rs-navbar-default-hover-bg: var(--rs-gray-700);
588
+ --rs-navbar-default-hover-text: var(--rs-gray-50);
589
+ --rs-navbar-inverse-bg: var(--rs-primary-700);
551
590
  --rs-navbar-inverse-text: #fff;
552
- --rs-navbar-inverse-selected-bg: #59d0ff;
553
- --rs-navbar-inverse-hover-bg: #25b3f5;
591
+ --rs-navbar-inverse-selected-bg: var(--rs-primary-400);
592
+ --rs-navbar-inverse-hover-bg: var(--rs-primary-600);
554
593
  --rs-navbar-inverse-hover-text: #fff;
555
594
  --rs-navbar-subtle-bg: transparent;
556
- --rs-navbar-subtle-text: #a4a9b3;
557
- --rs-navbar-subtle-selected-text: #34c3ff;
558
- --rs-navbar-subtle-hover-bg: #292d33;
559
- --rs-navbar-subtle-hover-text: #e9ebf0;
560
- --rs-sidenav-default-bg: #1a1d24;
561
- --rs-sidenav-default-text: #a4a9b3;
562
- --rs-sidenav-default-selected-text: #34c3ff;
563
- --rs-sidenav-default-hover-bg: #292d33;
564
- --rs-sidenav-default-hover-text: #e9ebf0;
565
- --rs-sidenav-default-footer-border: #3c3f43;
566
- --rs-sidenav-inverse-bg: #169de0;
595
+ --rs-navbar-subtle-text: var(--rs-gray-200);
596
+ --rs-navbar-subtle-selected-text: var(--rs-primary-500);
597
+ --rs-navbar-subtle-hover-bg: var(--rs-gray-700);
598
+ --rs-navbar-subtle-hover-text: var(--rs-gray-50);
599
+ --rs-sidenav-default-bg: var(--rs-gray-800);
600
+ --rs-sidenav-default-text: var(--rs-gray-200);
601
+ --rs-sidenav-default-selected-text: var(--rs-primary-500);
602
+ --rs-sidenav-default-hover-bg: var(--rs-gray-700);
603
+ --rs-sidenav-default-hover-text: var(--rs-gray-50);
604
+ --rs-sidenav-default-footer-border: var(--rs-gray-600);
605
+ --rs-sidenav-inverse-bg: var(--rs-primary-700);
567
606
  --rs-sidenav-inverse-text: #fff;
568
- --rs-sidenav-inverse-selected-bg: #59d0ff;
569
- --rs-sidenav-inverse-hover-bg: #25b3f5;
570
- --rs-sidenav-inverse-footer-border: #25b3f5;
607
+ --rs-sidenav-inverse-selected-bg: var(--rs-primary-400);
608
+ --rs-sidenav-inverse-hover-bg: var(--rs-primary-600);
609
+ --rs-sidenav-inverse-footer-border: var(--rs-primary-600);
571
610
  --rs-sidenav-subtle-bg: transparent;
572
- --rs-sidenav-subtle-text: #a4a9b3;
573
- --rs-sidenav-subtle-selected-text: #34c3ff;
574
- --rs-sidenav-subtle-hover-bg: #292d33;
575
- --rs-sidenav-subtle-hover-text: #e9ebf0;
576
- --rs-sidenav-subtle-footer-border: #3c3f43;
577
- --rs-input-bg: #1a1d24;
578
- --rs-input-focus-border: #34c3ff;
579
- --rs-input-disabled-bg: #292d33;
580
- --rs-listbox-option-hover-bg: #3c3f43;
611
+ --rs-sidenav-subtle-text: var(--rs-gray-200);
612
+ --rs-sidenav-subtle-selected-text: var(--rs-primary-500);
613
+ --rs-sidenav-subtle-hover-bg: var(--rs-gray-700);
614
+ --rs-sidenav-subtle-hover-text: var(--rs-gray-50);
615
+ --rs-sidenav-subtle-footer-border: var(--rs-gray-600);
616
+ --rs-input-bg: var(--rs-gray-800);
617
+ --rs-input-focus-border: var(--rs-primary-500);
618
+ --rs-input-disabled-bg: var(--rs-gray-700);
619
+ --rs-listbox-option-hover-bg: var(--rs-gray-600);
581
620
  --rs-listbox-option-hover-text: currentColor;
582
- --rs-listbox-option-selected-text: #34c3ff;
583
- --rs-listbox-option-selected-bg: rgba(0, 97, 153, 0.2);
584
- --rs-listbox-option-disabled-text: #5c6066;
585
- --rs-listbox-option-disabled-selected-text: #a6e9ff;
586
- --rs-checkbox-icon: #1a1d24;
587
- --rs-checkbox-border: #6a6f76;
588
- --rs-checkbox-checked-bg: #34c3ff;
589
- --rs-checkbox-disabled-bg: #5c6066;
590
- --rs-radio-marker: #1a1d24;
591
- --rs-radio-border: #6a6f76;
592
- --rs-radio-checked-bg: #34c3ff;
593
- --rs-radio-disabled-bg: #5c6066;
594
- --rs-radio-tile-border: #858b94;
595
- --rs-radio-tile-bg: #fff;
596
- --rs-radio-tile-checked-color: #34c3ff;
597
- --rs-radio-tile-checked-mark-color: #1a1d24;
598
- --rs-radio-tile-checked-disabled-color: #006199;
599
- --rs-rate-symbol: #3c3f43;
600
- --rs-rate-symbol-checked: #ffb300;
601
- --rs-toggle-bg: #6a6f76;
621
+ --rs-listbox-option-selected-text: var(--rs-primary-500);
622
+ --rs-listbox-option-selected-bg: rgb(from var(--rs-primary-900) r g b / 20%);
623
+ --rs-listbox-option-disabled-text: var(--rs-gray-500);
624
+ --rs-listbox-option-disabled-selected-text: var(--rs-primary-200);
625
+ --rs-checkbox-icon: var(--rs-gray-800);
626
+ --rs-checkbox-border: var(--rs-gray-400);
627
+ --rs-checkbox-checked-bg: var(--rs-primary-500);
628
+ --rs-checkbox-disabled-bg: var(--rs-gray-500);
629
+ --rs-radio-marker: var(--rs-gray-800);
630
+ --rs-radio-border: var(--rs-gray-400);
631
+ --rs-radio-checked-bg: var(--rs-primary-500);
632
+ --rs-radio-disabled-bg: var(--rs-gray-500);
633
+ --rs-radio-tile-border: var(--rs-gray-300);
634
+ --rs-radio-tile-bg: var(--rs-gray-0);
635
+ --rs-radio-tile-checked-color: var(--rs-primary-500);
636
+ --rs-radio-tile-checked-mark-color: var(--rs-gray-800);
637
+ --rs-radio-tile-checked-disabled-color: var(--rs-primary-900);
638
+ --rs-rate-symbol: var(--rs-gray-600);
639
+ --rs-rate-symbol-checked: var(--rs-yellow-500);
640
+ --rs-toggle-bg: var(--rs-gray-400);
602
641
  --rs-toggle-thumb: #fff;
603
- --rs-toggle-hover-bg: #858b94;
604
- --rs-toggle-disabled-bg: #3c3f43;
605
- --rs-toggle-disabled-thumb: #5c6066;
606
- --rs-toggle-checked-bg: #169de0;
642
+ --rs-toggle-hover-bg: var(--rs-gray-300);
643
+ --rs-toggle-disabled-bg: var(--rs-gray-600);
644
+ --rs-toggle-disabled-thumb: var(--rs-gray-500);
645
+ --rs-toggle-checked-bg: var(--rs-primary-700);
607
646
  --rs-toggle-checked-thumb: #fff;
608
- --rs-toggle-checked-hover-bg: #25b3f5;
609
- --rs-toggle-checked-disabled-bg: #006199;
610
- --rs-toggle-checked-disabled-thumb: #858b94;
611
- --rs-slider-bar: #3c3f43;
612
- --rs-slider-hover-bar: #3c3f43;
613
- --rs-slider-thumb-border: #34c3ff;
614
- --rs-slider-thumb-bg: #292d33;
615
- --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(52, 195, 255, 0.25);
616
- --rs-slider-progress: #34c3ff;
617
- --rs-uploader-item-bg: #858b94;
618
- --rs-uploader-item-hover-bg: #3c3f43;
619
- --rs-uploader-overlay-bg: rgba(60, 63, 67, 0.8);
620
- --rs-uploader-dnd-bg: #292d33;
621
- --rs-uploader-dnd-border: #a4a9b3;
622
- --rs-uploader-dnd-hover-border: #34c3ff;
623
- --rs-avatar-bg: #6a6f76;
624
- --rs-avatar-text: #fff;
625
- --rs-badge-bg: #f44336;
626
- --rs-badge-text: #fff;
627
- --rs-tag-bg: #3c3f43;
628
- --rs-tag-close: #f44336;
629
- --rs-carousel-bg: #3c3f43;
630
- --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
631
- --rs-carousel-indicator-hover: #fff;
632
- --rs-carousel-indicator-active: #34c3ff;
647
+ --rs-toggle-checked-hover-bg: var(--rs-primary-600);
648
+ --rs-toggle-checked-disabled-bg: var(--rs-primary-900);
649
+ --rs-toggle-checked-disabled-thumb: var(--rs-gray-300);
650
+ --rs-slider-bar: var(--rs-gray-600);
651
+ --rs-slider-hover-bar: var(--rs-gray-600);
652
+ --rs-slider-thumb-border: var(--rs-primary-500);
653
+ --rs-slider-thumb-bg: var(--rs-gray-700);
654
+ --rs-slider-thumb-hover-shadow: 0 0 0 8px rgb(from var(--rs-primary-500) r g b / 25%);
655
+ --rs-slider-progress: var(--rs-primary-500);
656
+ --rs-uploader-item-bg: var(--rs-gray-300);
657
+ --rs-uploader-item-hover-bg: var(--rs-gray-600);
658
+ --rs-uploader-overlay-bg: rgb(from var(--rs-gray-600) r g b / 80%);
659
+ --rs-uploader-dnd-bg: var(--rs-gray-700);
660
+ --rs-uploader-dnd-border: var(--rs-gray-200);
661
+ --rs-uploader-dnd-hover-border: var(--rs-primary-500);
662
+ --rs-avatar-bg: var(--rs-gray-400);
663
+ --rs-avatar-text: var(--rs-gray-0);
664
+ --rs-badge-bg: var(--rs-color-red);
665
+ --rs-badge-text: var(--rs-gray-0);
666
+ --rs-tag-bg: var(--rs-gray-600);
667
+ --rs-tag-close: var(--rs-color-red);
668
+ --rs-carousel-bg: var(--rs-gray-600);
669
+ --rs-carousel-indicator: rgb(from var(--rs-gray-0) r g b / 40%);
670
+ --rs-carousel-indicator-hover: var(--rs-gray-0);
671
+ --rs-carousel-indicator-active: var(--rs-primary-500);
633
672
  --rs-panel-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
634
- --rs-list-bg: #0f131a;
635
- --rs-list-border: #292d33;
636
- --rs-list-hover-bg: #3c3f43;
637
- --rs-list-placeholder-bg: rgba(0, 97, 153, 0.2);
638
- --rs-list-placeholder-border: #34c3ff;
639
- --rs-timeline-indicator-bg: #5c6066;
640
- --rs-timeline-indicator-active-bg: #34c3ff;
673
+ --rs-list-bg: var(--rs-gray-900);
674
+ --rs-list-border: var(--rs-gray-700);
675
+ --rs-list-hover-bg: var(--rs-gray-600);
676
+ --rs-list-placeholder-bg: rgb(from var(--rs-primary-900) r g b / 20%);
677
+ --rs-list-placeholder-border: var(--rs-primary-500);
678
+ --rs-timeline-indicator-bg: var(--rs-gray-500);
679
+ --rs-timeline-indicator-active-bg: var(--rs-primary-500);
641
680
  --rs-table-shadow: rgba(9, 9, 9, 0.99);
642
- --rs-table-sort: #34c3ff;
643
- --rs-table-resize: #34c3ff;
644
- --rs-table-scrollbar-track: #292d33;
645
- --rs-table-scrollbar-thumb: #a4a9b3;
646
- --rs-table-scrollbar-thumb-active: #cbced4;
647
- --rs-table-scrollbar-vertical-track: #292d33;
681
+ --rs-table-sort: var(--rs-primary-500);
682
+ --rs-table-resize: var(--rs-primary-500);
683
+ --rs-table-scrollbar-track: var(--rs-gray-700);
684
+ --rs-table-scrollbar-thumb: var(--rs-gray-200);
685
+ --rs-table-scrollbar-thumb-active: var(--rs-gray-100);
686
+ --rs-table-scrollbar-vertical-track: var(--rs-gray-700);
648
687
  --rs-drawer-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
649
688
  --rs-modal-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
650
689
  --rs-form-errormessage-text: #fff;
651
- --rs-form-errormessage-bg: #f44336;
652
- --rs-form-errormessage-border: #f44336;
653
- --rs-picker-value: #34c3ff;
654
- --rs-picker-count-bg: #169de0;
690
+ --rs-form-errormessage-bg: var(--rs-color-red);
691
+ --rs-form-errormessage-border: var(--rs-color-red);
692
+ --rs-picker-value: var(--rs-primary-500);
693
+ --rs-picker-count-bg: var(--rs-primary-700);
655
694
  --rs-picker-count-text: #fff;
656
- --rs-calendar-today-bg: #169de0;
695
+ --rs-calendar-today-bg: var(--rs-primary-700);
657
696
  --rs-calendar-today-text: #fff;
658
- --rs-calendar-range-bg: rgba(0, 97, 153, 0.5);
659
- --rs-calendar-time-unit-bg: #3c3f43;
697
+ --rs-calendar-range-bg: rgb(from var(--rs-primary-900) r g b / 50%);
698
+ --rs-calendar-time-unit-bg: var(--rs-gray-600);
660
699
  --rs-calendar-date-selected-text: #fff;
661
- --rs-calendar-cell-selected-hover-bg: #1675e0;
700
+ --rs-calendar-cell-selected-hover-bg: var(--rs-primary-700);
662
701
  --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
663
702
  }
703
+ @supports not (color: rgb(from white r g b)) {
704
+ .rs-theme-dark {
705
+ --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
706
+ --rs-color-focus-ring: 0 0 0 3px rgba(52, 195, 255, 0.25);
707
+ --rs-state-focus-shadow: 0 0 0 3px rgba(52, 195, 255, 0.25);
708
+ --rs-state-focus-outline: 3px solid rgba(52, 195, 255, 0.25);
709
+ --rs-loader-ring: rgba(233, 235, 240, 0.3);
710
+ --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
711
+ --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
712
+ --rs-loader-backdrop-inverse: rgba(255, 255, 255, 0.9);
713
+ --rs-dropdown-item-bg-active: rgba(0, 97, 153, 0.2);
714
+ --rs-listbox-option-selected-bg: rgba(0, 97, 153, 0.2);
715
+ --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(52, 195, 255, 0.25);
716
+ --rs-uploader-overlay-bg: rgba(60, 63, 67, 0.8);
717
+ --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
718
+ --rs-list-placeholder-bg: rgba(0, 97, 153, 0.2);
719
+ --rs-calendar-range-bg: rgba(0, 97, 153, 0.5);
720
+ --rs-placeholder-active: #484c50;
721
+ }
722
+ }
664
723
  .rs-theme-high-contrast {
724
+ --rs-gray-0: #fff;
665
725
  --rs-gray-50: #e9ebf0;
666
726
  --rs-gray-100: #cbced4;
667
727
  --rs-gray-200: #a4a9b3;
@@ -682,6 +742,13 @@
682
742
  --rs-primary-700: #d9e000;
683
743
  --rs-primary-800: #b8c200;
684
744
  --rs-primary-900: #8f9900;
745
+ --rs-color-red: #bd1732;
746
+ --rs-color-orange: #ff9800;
747
+ --rs-color-yellow: #ffc757;
748
+ --rs-color-green: #0d822c;
749
+ --rs-color-cyan: #00bcd4;
750
+ --rs-color-blue: #1499ef;
751
+ --rs-color-violet: #673ab7;
685
752
  --rs-red-50: #fff2f5;
686
753
  --rs-red-100: #f2c2cd;
687
754
  --rs-red-200: #e691a3;
@@ -752,256 +819,273 @@
752
819
  --rs-violet-700: #531ba8;
753
820
  --rs-violet-800: #470c99;
754
821
  --rs-violet-900: #390085;
755
- --rs-state-success: #0d822c;
756
- --rs-state-info: #1499ef;
757
- --rs-state-warning: #ffc757;
758
- --rs-state-error: #bd1732;
759
- --rs-body: #0f131a;
760
- --rs-text-link: #ffff00;
761
- --rs-text-link-hover: #fffc30;
762
- --rs-text-link-active: #fffa61;
763
- --rs-text-primary: #e9ebf0;
764
- --rs-text-secondary: #a4a9b3;
765
- --rs-text-tertiary: #858b94;
766
- --rs-text-heading: #fff;
767
- --rs-text-inverse: #1a1d24;
768
- --rs-text-heading-inverse: #0f131a;
769
- --rs-text-active: #ffff00;
770
- --rs-text-disabled: #5c6066;
771
- --rs-border-primary: #cbced4;
772
- --rs-border-secondary: #292d33;
773
- --rs-bg-card: #1a1d24;
774
- --rs-bg-overlay: #1a1d24;
775
- --rs-bg-well: #0f131a;
776
- --rs-bg-active: #ffff00;
777
- --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
778
- --rs-state-hover-bg: #3c3f43;
779
- --rs-color-focus-ring: #fff;
780
- --rs-state-focus-shadow: 0 0 0 3px #0f131a, 0 0 0 5px #fff;
781
- --rs-state-focus-shadow-slim: 0 0 0 2px #fff;
782
- --rs-state-focus-outline: 3px solid rgba(255, 255, 0, 0.25);
822
+ --rs-state-success: var(--rs-color-green);
823
+ --rs-state-info: var(--rs-color-blue);
824
+ --rs-state-warning: var(--rs-color-yellow);
825
+ --rs-state-error: var(--rs-color-red);
826
+ --rs-body: var(--rs-gray-900);
827
+ --rs-text-link: var(--rs-primary-500);
828
+ --rs-text-link-hover: var(--rs-primary-400);
829
+ --rs-text-link-active: var(--rs-primary-300);
830
+ --rs-text-primary: var(--rs-gray-50);
831
+ --rs-text-secondary: var(--rs-gray-200);
832
+ --rs-text-tertiary: var(--rs-gray-300);
833
+ --rs-text-heading: var(--rs-gray-0);
834
+ --rs-text-inverse: var(--rs-gray-800);
835
+ --rs-text-heading-inverse: var(--rs-gray-900);
836
+ --rs-text-active: var(--rs-primary-500);
837
+ --rs-text-disabled: var(--rs-gray-500);
838
+ --rs-border-primary: var(--rs-gray-100);
839
+ --rs-border-secondary: var(--rs-gray-700);
840
+ --rs-bg-card: var(--rs-gray-800);
841
+ --rs-bg-overlay: var(--rs-gray-800);
842
+ --rs-bg-well: var(--rs-gray-900);
843
+ --rs-bg-active: var(--rs-primary-500);
844
+ --rs-bg-backdrop: rgb(from var(--rs-gray-900) r g b / 80%);
845
+ --rs-state-hover-bg: var(--rs-gray-600);
846
+ --rs-color-focus-ring: var(--rs-gray-0);
847
+ --rs-state-focus-shadow: 0 0 0 3px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
848
+ --rs-state-focus-shadow-slim: 0 0 0 2px var(--rs-gray-0);
849
+ --rs-state-focus-outline: 3px solid rgb(from var(--rs-primary-500) r g b / 25%);
783
850
  --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
784
851
  --rs-btn-default-bg: transparent;
785
- --rs-btn-default-text: #ffff00;
786
- --rs-btn-default-border: 1px solid #ffff00;
852
+ --rs-btn-default-text: var(--rs-primary-500);
853
+ --rs-btn-default-border: 1px solid var(--rs-primary-500);
787
854
  --rs-btn-default-hover-bg: transparent;
788
- --rs-btn-default-hover-text: #fffc30;
855
+ --rs-btn-default-hover-text: var(--rs-primary-400);
789
856
  --rs-btn-default-active-bg: transparent;
790
- --rs-btn-default-active-text: #fffa91;
857
+ --rs-btn-default-active-text: var(--rs-primary-200);
791
858
  --rs-btn-default-disabled-bg: transparent;
792
- --rs-btn-default-disabled-text: #ffff00;
793
- --rs-btn-primary-bg: #ffff00;
794
- --rs-btn-primary-text: #0f131a;
795
- --rs-btn-primary-hover-bg: #fffc30;
796
- --rs-btn-primary-active-bg: #fffa91;
797
- --rs-btn-subtle-text: #ffff00;
859
+ --rs-btn-default-disabled-text: var(--rs-primary-500);
860
+ --rs-btn-primary-bg: var(--rs-primary-500);
861
+ --rs-btn-primary-text: var(--rs-gray-900);
862
+ --rs-btn-primary-hover-bg: var(--rs-primary-400);
863
+ --rs-btn-primary-active-bg: var(--rs-primary-200);
864
+ --rs-btn-subtle-text: var(--rs-primary-500);
798
865
  --rs-btn-subtle-hover-bg: transparent;
799
- --rs-btn-subtle-hover-text: #fffc30;
866
+ --rs-btn-subtle-hover-text: var(--rs-primary-400);
800
867
  --rs-btn-subtle-active-bg: transparent;
801
- --rs-btn-subtle-active-text: #fffa91;
802
- --rs-btn-subtle-disabled-text: #5c6066;
803
- --rs-btn-ghost-border: #ffff00;
804
- --rs-btn-ghost-text: #ffff00;
805
- --rs-btn-ghost-hover-border: #fffc30;
806
- --rs-btn-ghost-hover-text: #fffc30;
807
- --rs-btn-ghost-active-border: #fffa91;
808
- --rs-btn-ghost-active-text: #fffa91;
809
- --rs-btn-link-text: #ffff00;
810
- --rs-btn-link-hover-text: #fffc30;
811
- --rs-btn-link-active-text: #fffa91;
868
+ --rs-btn-subtle-active-text: var(--rs-primary-200);
869
+ --rs-btn-subtle-disabled-text: var(--rs-gray-500);
870
+ --rs-btn-ghost-border: var(--rs-primary-500);
871
+ --rs-btn-ghost-text: var(--rs-primary-500);
872
+ --rs-btn-ghost-hover-border: var(--rs-primary-400);
873
+ --rs-btn-ghost-hover-text: var(--rs-primary-400);
874
+ --rs-btn-ghost-active-border: var(--rs-primary-200);
875
+ --rs-btn-ghost-active-text: var(--rs-primary-200);
876
+ --rs-btn-link-text: var(--rs-primary-500);
877
+ --rs-btn-link-hover-text: var(--rs-primary-400);
878
+ --rs-btn-link-active-text: var(--rs-primary-200);
812
879
  --rs-iconbtn-addon: transparent;
813
880
  --rs-iconbtn-activated-addon: transparent;
814
881
  --rs-iconbtn-pressed-addon: transparent;
815
- --rs-iconbtn-primary-addon: #fffc30;
816
- --rs-iconbtn-primary-activated-addon: #fffa61;
817
- --rs-iconbtn-primary-pressed-addon: #fffbc2;
818
- --rs-divider-border: #3c3f43;
819
- --rs-loader-ring: rgba(233, 235, 240, 0.3);
820
- --rs-loader-rotor: #fff;
821
- --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
822
- --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
823
- --rs-loader-rotor-inverse: #5c6066;
824
- --rs-loader-backdrop-inverse: rgba(255, 255, 255, 0.9);
882
+ --rs-iconbtn-primary-addon: var(--rs-primary-400);
883
+ --rs-iconbtn-primary-activated-addon: var(--rs-primary-300);
884
+ --rs-iconbtn-primary-pressed-addon: var(--rs-primary-100);
885
+ --rs-divider-border: var(--rs-gray-600);
886
+ --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
887
+ --rs-loader-rotor: var(--rs-gray-0);
888
+ --rs-loader-backdrop: rgb(from var(--rs-gray-900) r g b / 83%);
889
+ --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 80%);
890
+ --rs-loader-rotor-inverse: var(--rs-gray-500);
891
+ --rs-loader-backdrop-inverse: rgb(from var(--rs-gray-0) r g b / 90%);
825
892
  --rs-message-success-header: #fff;
826
893
  --rs-message-success-text: #fff;
827
894
  --rs-message-success-icon: #fff;
828
- --rs-message-success-bg: #007d0c;
829
- --rs-message-success-border: #82cf82;
895
+ --rs-message-success-bg: var(--rs-green-900);
896
+ --rs-message-success-border: var(--rs-green-300);
830
897
  --rs-message-info-header: #fff;
831
898
  --rs-message-info-text: #fff;
832
899
  --rs-message-info-icon: #fff;
833
- --rs-message-info-bg: #00448c;
834
- --rs-message-info-border: #2196f3;
900
+ --rs-message-info-bg: var(--rs-blue-900);
901
+ --rs-message-info-border: var(--rs-blue-500);
835
902
  --rs-message-warning-header: #fff;
836
903
  --rs-message-warning-text: #fff;
837
904
  --rs-message-warning-icon: #fff;
838
- --rs-message-warning-bg: #997500;
839
- --rs-message-warning-border: #ffb300;
905
+ --rs-message-warning-bg: var(--rs-yellow-900);
906
+ --rs-message-warning-border: var(--rs-yellow-500);
840
907
  --rs-message-error-header: #fff;
841
908
  --rs-message-error-text: #fff;
842
909
  --rs-message-error-icon: #fff;
843
- --rs-message-error-bg: #8f1300;
844
- --rs-message-error-border: #fa8682;
845
- --rs-tooltip-bg: #1a1d24;
846
- --rs-tooltip-text: #fff;
847
- --rs-progress-bg: #292d33;
848
- --rs-progress-bar: #ffff00;
849
- --rs-progress-bar-success: #4caf50;
850
- --rs-progress-bar-fail: #f44336;
851
- --rs-placeholder: #3c3f43;
852
- --rs-placeholder-active: #484c50;
910
+ --rs-message-error-bg: var(--rs-red-900);
911
+ --rs-message-error-border: var(--rs-red-300);
912
+ --rs-tooltip-bg: var(--rs-gray-800);
913
+ --rs-tooltip-text: var(--rs-gray-0);
914
+ --rs-progress-bg: var(--rs-gray-700);
915
+ --rs-progress-bar: var(--rs-primary-500);
916
+ --rs-progress-bar-success: var(--rs-color-green);
917
+ --rs-progress-bar-fail: var(--rs-color-red);
918
+ --rs-placeholder: var(--rs-gray-600);
919
+ --rs-placeholder-active: hsl(from var(--rs-gray-600) h s calc(l + l * 0.2));
853
920
  --rs-breadcrumb-item-active-text: #fff;
854
- --rs-dropdown-divider: #3c3f43;
855
- --rs-dropdown-item-bg-hover: #3c3f43;
856
- --rs-dropdown-item-bg-active: rgba(143, 153, 0, 0.2);
857
- --rs-dropdown-item-text-active: #ffff00;
858
- --rs-dropdown-header-text: #5c6066;
921
+ --rs-dropdown-divider: var(--rs-gray-600);
922
+ --rs-dropdown-item-bg-hover: var(--rs-gray-600);
923
+ --rs-dropdown-item-bg-active: rgb(from var(--rs-primary-900) r g b / 20%);
924
+ --rs-dropdown-item-text-active: var(--rs-primary-500);
925
+ --rs-dropdown-header-text: var(--rs-gray-500);
859
926
  --rs-dropdown-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2), 0 4px 4px 3px rgba(0, 0, 0, 0.24);
860
927
  --rs-menuitem-active-bg: transparent;
861
- --rs-menuitem-active-text: #ffff00;
862
- --rs-steps-border: #a4a9b3;
863
- --rs-steps-state-finish: #ffff00;
864
- --rs-steps-border-state-finish: #ffff00;
865
- --rs-steps-state-wait: #a4a9b3;
866
- --rs-steps-state-process: #d9e000;
867
- --rs-steps-state-error: #f44336;
868
- --rs-steps-border-state-error: #f44336;
869
- --rs-steps-icon-state-process: #ffff00;
870
- --rs-steps-icon-state-error: #f44336;
871
- --rs-navs-text: #a4a9b3;
872
- --rs-navs-text-hover: #ffff00;
928
+ --rs-menuitem-active-text: var(--rs-primary-500);
929
+ --rs-steps-border: var(--rs-gray-200);
930
+ --rs-steps-state-finish: var(--rs-primary-500);
931
+ --rs-steps-border-state-finish: var(--rs-primary-500);
932
+ --rs-steps-state-wait: var(--rs-gray-200);
933
+ --rs-steps-state-process: var(--rs-primary-700);
934
+ --rs-steps-state-error: var(--rs-color-red);
935
+ --rs-steps-border-state-error: var(--rs-color-red);
936
+ --rs-steps-icon-state-process: var(--rs-primary-500);
937
+ --rs-steps-icon-state-error: var(--rs-color-red);
938
+ --rs-navs-text: var(--rs-gray-200);
939
+ --rs-navs-text-hover: var(--rs-primary-500);
873
940
  --rs-navs-bg-hover: transparent;
874
- --rs-navs-text-active: #ffff00;
875
- --rs-navs-bg-active: #6a6f76;
876
- --rs-navs-tab-border: #3c3f43;
877
- --rs-navs-subtle-border: #3c3f43;
878
- --rs-navs-selected: #ffff00;
879
- --rs-navbar-default-bg: #1a1d24;
880
- --rs-navbar-default-text: #e9ebf0;
881
- --rs-navbar-default-selected-text: #ffff00;
941
+ --rs-navs-text-active: var(--rs-primary-500);
942
+ --rs-navs-bg-active: var(--rs-gray-400);
943
+ --rs-navs-tab-border: var(--rs-gray-600);
944
+ --rs-navs-subtle-border: var(--rs-gray-600);
945
+ --rs-navs-selected: var(--rs-primary-500);
946
+ --rs-navbar-default-bg: var(--rs-gray-800);
947
+ --rs-navbar-default-text: var(--rs-gray-50);
948
+ --rs-navbar-default-selected-text: var(--rs-primary-500);
882
949
  --rs-navbar-default-hover-bg: transparent;
883
- --rs-navbar-default-hover-text: #ffff00;
884
- --rs-navbar-inverse-bg: #1a1d24;
885
- --rs-navbar-inverse-text: #e9ebf0;
950
+ --rs-navbar-default-hover-text: var(--rs-primary-500);
951
+ --rs-navbar-inverse-bg: var(--rs-gray-800);
952
+ --rs-navbar-inverse-text: var(--rs-gray-50);
886
953
  --rs-navbar-inverse-selected-bg: transparent;
887
- --rs-navbar-inverse-selected-text: #ffff00;
954
+ --rs-navbar-inverse-selected-text: var(--rs-primary-500);
888
955
  --rs-navbar-inverse-hover-bg: transparent;
889
- --rs-navbar-inverse-hover-text: #ffff00;
890
- --rs-navbar-subtle-bg: #1a1d24;
891
- --rs-navbar-subtle-text: #e9ebf0;
892
- --rs-navbar-subtle-selected-text: #ffff00;
956
+ --rs-navbar-inverse-hover-text: var(--rs-primary-500);
957
+ --rs-navbar-subtle-bg: var(--rs-gray-800);
958
+ --rs-navbar-subtle-text: var(--rs-gray-50);
959
+ --rs-navbar-subtle-selected-text: var(--rs-primary-500);
893
960
  --rs-navbar-subtle-hover-bg: transparent;
894
- --rs-navbar-subtle-hover-text: #ffff00;
895
- --rs-sidenav-default-bg: #1a1d24;
896
- --rs-sidenav-default-text: #e9ebf0;
897
- --rs-sidenav-default-selected-text: #ffff00;
961
+ --rs-navbar-subtle-hover-text: var(--rs-primary-500);
962
+ --rs-sidenav-default-bg: var(--rs-gray-800);
963
+ --rs-sidenav-default-text: var(--rs-gray-50);
964
+ --rs-sidenav-default-selected-text: var(--rs-primary-500);
898
965
  --rs-sidenav-default-hover-bg: transparent;
899
- --rs-sidenav-default-hover-text: #ffff00;
900
- --rs-sidenav-default-footer-border: #e9ebf0;
901
- --rs-sidenav-inverse-bg: #1a1d24;
902
- --rs-sidenav-inverse-text: #e9ebf0;
966
+ --rs-sidenav-default-hover-text: var(--rs-primary-500);
967
+ --rs-sidenav-default-footer-border: var(--rs-gray-50);
968
+ --rs-sidenav-inverse-bg: var(--rs-gray-800);
969
+ --rs-sidenav-inverse-text: var(--rs-gray-50);
903
970
  --rs-sidenav-inverse-selected-bg: transparent;
904
- --rs-sidenav-inverse-selected-text: #ffff00;
971
+ --rs-sidenav-inverse-selected-text: var(--rs-primary-500);
905
972
  --rs-sidenav-inverse-hover-bg: transparent;
906
- --rs-sidenav-inverse-footer-border: #e9ebf0;
907
- --rs-sidenav-subtle-bg: #1a1d24;
908
- --rs-sidenav-subtle-text: #e9ebf0;
909
- --rs-sidenav-subtle-selected-text: #ffff00;
973
+ --rs-sidenav-inverse-footer-border: var(--rs-gray-50);
974
+ --rs-sidenav-subtle-bg: var(--rs-gray-800);
975
+ --rs-sidenav-subtle-text: var(--rs-gray-50);
976
+ --rs-sidenav-subtle-selected-text: var(--rs-primary-500);
910
977
  --rs-sidenav-subtle-hover-bg: transparent;
911
- --rs-sidenav-subtle-hover-text: #ffff00;
912
- --rs-sidenav-subtle-footer-border: #e9ebf0;
913
- --rs-input-bg: #1a1d24;
914
- --rs-input-focus-border: #ffff00;
915
- --rs-input-disabled-bg: #292d33;
978
+ --rs-sidenav-subtle-hover-text: var(--rs-primary-500);
979
+ --rs-sidenav-subtle-footer-border: var(--rs-gray-50);
980
+ --rs-input-bg: var(--rs-gray-800);
981
+ --rs-input-focus-border: var(--rs-primary-500);
982
+ --rs-input-disabled-bg: var(--rs-gray-700);
916
983
  --rs-listbox-option-hover-bg: transparent;
917
- --rs-listbox-option-hover-text: #ffff00;
918
- --rs-listbox-option-selected-text: #ffff00;
984
+ --rs-listbox-option-hover-text: var(--rs-primary-500);
985
+ --rs-listbox-option-selected-text: var(--rs-primary-500);
919
986
  --rs-listbox-option-selected-bg: transparent;
920
- --rs-listbox-option-disabled-text: #5c6066;
921
- --rs-listbox-option-disabled-selected-text: #fffa91;
922
- --rs-checkbox-icon: #1a1d24;
923
- --rs-checkbox-border: #cbced4;
924
- --rs-checkbox-checked-bg: #ffff00;
925
- --rs-checkbox-disabled-bg: #5c6066;
926
- --rs-radio-marker: #1a1d24;
927
- --rs-radio-border: #cbced4;
928
- --rs-radio-checked-bg: #ffff00;
929
- --rs-radio-disabled-bg: #5c6066;
930
- --rs-radio-tile-border: #858b94;
931
- --rs-radio-tile-bg: #fff;
932
- --rs-radio-tile-checked-color: #ffff00;
933
- --rs-radio-tile-checked-mark-color: #1a1d24;
934
- --rs-radio-tile-checked-disabled-color: #8f9900;
935
- --rs-rate-symbol: #cbced4;
936
- --rs-rate-symbol-checked: #ffff00;
937
- --rs-toggle-bg: #1a1d24;
938
- --rs-toggle-thumb: #cbced4;
939
- --rs-toggle-hover-bg: #1a1d24;
940
- --rs-toggle-disabled-bg: #1a1d24;
941
- --rs-toggle-disabled-thumb: #858b94;
942
- --rs-toggle-checked-bg: #ffff00;
943
- --rs-toggle-checked-thumb: #1a1d24;
944
- --rs-toggle-checked-hover-bg: #fffc30;
945
- --rs-toggle-checked-disabled-bg: #8f9900;
946
- --rs-toggle-checked-disabled-thumb: #1a1d24;
947
- --rs-slider-bar: #3c3f43;
948
- --rs-slider-hover-bar: #3c3f43;
949
- --rs-slider-thumb-border: #ffff00;
950
- --rs-slider-thumb-bg: #292d33;
951
- --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(255, 255, 0, 0.25);
952
- --rs-slider-progress: #ffff00;
953
- --rs-uploader-item-bg: #858b94;
954
- --rs-uploader-item-hover-bg: #1a1d24;
955
- --rs-uploader-item-hover-text: #ffff00;
956
- --rs-uploader-overlay-bg: rgba(60, 63, 67, 0.8);
957
- --rs-uploader-dnd-bg: #292d33;
958
- --rs-uploader-dnd-border: #a4a9b3;
959
- --rs-uploader-dnd-hover-border: #ffff00;
960
- --rs-avatar-bg: #6a6f76;
961
- --rs-avatar-text: #fff;
962
- --rs-badge-bg: #f44336;
963
- --rs-badge-text: #fff;
964
- --rs-tag-bg: #3c3f43;
965
- --rs-tag-close: #f44336;
966
- --rs-carousel-bg: #3c3f43;
967
- --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
968
- --rs-carousel-indicator-hover: #fff;
969
- --rs-carousel-indicator-active: #ffff00;
987
+ --rs-listbox-option-disabled-text: var(--rs-gray-500);
988
+ --rs-listbox-option-disabled-selected-text: var(--rs-primary-200);
989
+ --rs-checkbox-icon: var(--rs-gray-800);
990
+ --rs-checkbox-border: var(--rs-gray-100);
991
+ --rs-checkbox-checked-bg: var(--rs-primary-500);
992
+ --rs-checkbox-disabled-bg: var(--rs-gray-500);
993
+ --rs-radio-marker: var(--rs-gray-800);
994
+ --rs-radio-border: var(--rs-gray-100);
995
+ --rs-radio-checked-bg: var(--rs-primary-500);
996
+ --rs-radio-disabled-bg: var(--rs-gray-500);
997
+ --rs-radio-tile-border: var(--rs-gray-300);
998
+ --rs-radio-tile-bg: var(--rs-gray-0);
999
+ --rs-radio-tile-checked-color: var(--rs-primary-500);
1000
+ --rs-radio-tile-checked-mark-color: var(--rs-gray-800);
1001
+ --rs-radio-tile-checked-disabled-color: var(--rs-primary-900);
1002
+ --rs-rate-symbol: var(--rs-gray-100);
1003
+ --rs-rate-symbol-checked: var(--rs-primary-500);
1004
+ --rs-toggle-bg: var(--rs-gray-800);
1005
+ --rs-toggle-thumb: var(--rs-gray-100);
1006
+ --rs-toggle-hover-bg: var(--rs-gray-800);
1007
+ --rs-toggle-disabled-bg: var(--rs-gray-800);
1008
+ --rs-toggle-disabled-thumb: var(--rs-gray-300);
1009
+ --rs-toggle-checked-bg: var(--rs-primary-500);
1010
+ --rs-toggle-checked-thumb: var(--rs-gray-800);
1011
+ --rs-toggle-checked-hover-bg: var(--rs-primary-400);
1012
+ --rs-toggle-checked-disabled-bg: var(--rs-primary-900);
1013
+ --rs-toggle-checked-disabled-thumb: var(--rs-gray-800);
1014
+ --rs-slider-bar: var(--rs-gray-600);
1015
+ --rs-slider-hover-bar: var(--rs-gray-600);
1016
+ --rs-slider-thumb-border: var(--rs-primary-500);
1017
+ --rs-slider-thumb-bg: var(--rs-gray-700);
1018
+ --rs-slider-thumb-hover-shadow: 0 0 0 8px rgb(from var(--rs-primary-500) r g b / 25%);
1019
+ --rs-slider-progress: var(--rs-primary-500);
1020
+ --rs-uploader-item-bg: var(--rs-gray-300);
1021
+ --rs-uploader-item-hover-bg: var(--rs-gray-800);
1022
+ --rs-uploader-item-hover-text: var(--rs-primary-500);
1023
+ --rs-uploader-overlay-bg: rgb(from var(--rs-gray-600) r g b / 80%);
1024
+ --rs-uploader-dnd-bg: var(--rs-gray-700);
1025
+ --rs-uploader-dnd-border: var(--rs-gray-200);
1026
+ --rs-uploader-dnd-hover-border: var(--rs-primary-500);
1027
+ --rs-avatar-bg: var(--rs-gray-400);
1028
+ --rs-avatar-text: var(--rs-gray-0);
1029
+ --rs-badge-bg: var(--rs-red-500);
1030
+ --rs-badge-text: var(--rs-gray-0);
1031
+ --rs-tag-bg: var(--rs-gray-600);
1032
+ --rs-tag-close: var(--rs-color-red);
1033
+ --rs-carousel-bg: var(--rs-gray-600);
1034
+ --rs-carousel-indicator: rgb(from var(--rs-gray-0) r g b / 40%);
1035
+ --rs-carousel-indicator-hover: var(--rs-gray-0);
1036
+ --rs-carousel-indicator-active: var(--rs-primary-500);
970
1037
  --rs-panel-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
971
- --rs-pagination-item-text: #e9ebf0;
972
- --rs-pagination-item-current-text: #ffff00;
1038
+ --rs-pagination-item-text: var(--rs-gray-50);
1039
+ --rs-pagination-item-current-text: var(--rs-primary-500);
973
1040
  --rs-list-bg: transparent;
974
- --rs-list-border: #292d33;
975
- --rs-list-hover-bg: #3c3f43;
976
- --rs-list-placeholder-bg: rgba(143, 153, 0, 0.2);
977
- --rs-list-placeholder-border: #ffff00;
978
- --rs-timeline-indicator-bg: #5c6066;
979
- --rs-timeline-indicator-active-bg: #ffff00;
1041
+ --rs-list-border: var(--rs-gray-700);
1042
+ --rs-list-hover-bg: var(--rs-gray-600);
1043
+ --rs-list-placeholder-bg: rgb(from var(--rs-primary-900) r g b / 20%);
1044
+ --rs-list-placeholder-border: var(--rs-primary-500);
1045
+ --rs-timeline-indicator-bg: var(--rs-gray-500);
1046
+ --rs-timeline-indicator-active-bg: var(--rs-primary-500);
980
1047
  --rs-table-shadow: rgba(9, 9, 9, 0.99);
981
- --rs-table-sort: #ffff00;
982
- --rs-table-resize: #ffff00;
983
- --rs-table-scrollbar-track: #292d33;
984
- --rs-table-scrollbar-thumb: #a4a9b3;
985
- --rs-table-scrollbar-thumb-active: #cbced4;
986
- --rs-table-scrollbar-vertical-track: #292d33;
987
- --rs-drawer-bg: #292d33;
1048
+ --rs-table-sort: var(--rs-primary-500);
1049
+ --rs-table-resize: var(--rs-primary-500);
1050
+ --rs-table-scrollbar-track: var(--rs-gray-700);
1051
+ --rs-table-scrollbar-thumb: var(--rs-gray-200);
1052
+ --rs-table-scrollbar-thumb-active: var(--rs-gray-100);
1053
+ --rs-table-scrollbar-vertical-track: var(--rs-gray-700);
1054
+ --rs-drawer-bg: var(--rs-gray-700);
988
1055
  --rs-drawer-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
989
1056
  --rs-modal-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
990
- --rs-modal-border: 1px solid #cbced4;
1057
+ --rs-modal-border: 1px solid var(--rs-gray-100);
991
1058
  --rs-form-errormessage-text: #fff;
992
- --rs-form-errormessage-bg: #f44336;
993
- --rs-form-errormessage-border: #f44336;
994
- --rs-picker-value: #ffff00;
995
- --rs-picker-count-bg: #ffff00;
996
- --rs-picker-count-text: #0f131a;
997
- --rs-calendar-today-bg: #ffff00;
998
- --rs-calendar-today-text: #0f131a;
999
- --rs-calendar-range-bg: rgba(143, 153, 0, 0.5);
1000
- --rs-calendar-time-unit-bg: #0f131a;
1001
- --rs-calendar-date-selected-text: #0f131a;
1002
- --rs-calendar-cell-selected-hover-bg: #e9ebf0;
1059
+ --rs-form-errormessage-bg: var(--rs-red-500);
1060
+ --rs-form-errormessage-border: var(--rs-red-500);
1061
+ --rs-picker-value: var(--rs-primary-500);
1062
+ --rs-picker-count-bg: var(--rs-primary-500);
1063
+ --rs-picker-count-text: var(--rs-gray-900);
1064
+ --rs-calendar-today-bg: var(--rs-primary-500);
1065
+ --rs-calendar-today-text: var(--rs-gray-900);
1066
+ --rs-calendar-range-bg: rgb(from var(--rs-primary-900) r g b / 50%);
1067
+ --rs-calendar-time-unit-bg: var(--rs-gray-900);
1068
+ --rs-calendar-date-selected-text: var(--rs-gray-900);
1069
+ --rs-calendar-cell-selected-hover-bg: var(--rs-gray-50);
1003
1070
  --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
1004
1071
  }
1072
+ @supports not (color: rgb(from white r g b)) {
1073
+ .rs-theme-high-contrast {
1074
+ --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
1075
+ --rs-state-focus-outline: 3px solid rgba(255, 255, 0, 0.25);
1076
+ --rs-loader-ring: rgba(233, 235, 240, 0.3);
1077
+ --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
1078
+ --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
1079
+ --rs-loader-backdrop-inverse: rgba(255, 255, 255, 0.9);
1080
+ --rs-dropdown-item-bg-active: rgba(143, 153, 0, 0.2);
1081
+ --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(255, 255, 0, 0.25);
1082
+ --rs-uploader-overlay-bg: rgba(60, 63, 67, 0.8);
1083
+ --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
1084
+ --rs-list-placeholder-bg: rgba(143, 153, 0, 0.2);
1085
+ --rs-calendar-range-bg: rgba(143, 153, 0, 0.5);
1086
+ --rs-placeholder-active: #484c50;
1087
+ }
1088
+ }
1005
1089
  /* stylelint-disable */
1006
1090
  * {
1007
1091
  -webkit-box-sizing: border-box;
@@ -1638,7 +1722,7 @@ tbody.rs-anim-collapse.rs-anim-in {
1638
1722
  .rs-auto-complete-item:hover,
1639
1723
  .rs-auto-complete-item:focus,
1640
1724
  .rs-auto-complete-item-focus {
1641
- background-color: rgba(204, 233, 255, 0.5);
1725
+ background-color: rgb(from #cce9ff r g b / 50%);
1642
1726
  background-color: var(--rs-listbox-option-hover-bg);
1643
1727
  color: #1675e0;
1644
1728
  color: var(--rs-listbox-option-hover-text);
@@ -1646,7 +1730,7 @@ tbody.rs-anim-collapse.rs-anim-in {
1646
1730
  .rs-theme-high-contrast .rs-auto-complete-item:hover,
1647
1731
  .rs-theme-high-contrast .rs-auto-complete-item:focus,
1648
1732
  .rs-theme-high-contrast .rs-auto-complete-item-focus {
1649
- outline: 3px solid rgba(52, 152, 255, 0.25);
1733
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
1650
1734
  outline: 3px solid var(--rs-color-focus-ring);
1651
1735
  outline-offset: -3px;
1652
1736
  outline-width: 2px;
@@ -1939,7 +2023,7 @@ tbody.rs-anim-collapse.rs-anim-in {
1939
2023
  border-left: var(--rs-btn-default-border, none);
1940
2024
  }
1941
2025
  .rs-btn:focus-visible {
1942
- outline: 3px solid rgba(52, 152, 255, 0.25);
2026
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
1943
2027
  outline: 3px solid var(--rs-color-focus-ring);
1944
2028
  }
1945
2029
  .rs-theme-high-contrast .rs-btn:focus-visible {
@@ -2731,14 +2815,14 @@ tbody.rs-anim-collapse.rs-anim-in {
2731
2815
  height: 16px;
2732
2816
  }
2733
2817
  .rs-btn-loading > .rs-btn-spin::before {
2734
- border: 3px solid rgba(247, 247, 250, 0.8);
2818
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
2735
2819
  border: 3px solid var(--rs-loader-ring);
2736
2820
  }
2737
2821
  .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
2738
2822
  border-color: rgba(248, 247, 250, 0.3);
2739
2823
  }
2740
2824
  .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
2741
- border-color: rgba(247, 247, 250, 0.3);
2825
+ border-color: rgb(from #f7f7fa r g b / 30%);
2742
2826
  border-color: var(--rs-loader-ring-inverse);
2743
2827
  }
2744
2828
  .rs-btn-loading > .rs-btn-spin::after {
@@ -3057,7 +3141,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3057
3141
  position: relative;
3058
3142
  }
3059
3143
  .rs-calendar-table-cell-in-range::before {
3060
- background-color: rgba(204, 233, 255, 0.5);
3144
+ background-color: rgb(from #cce9ff r g b / 50%);
3061
3145
  background-color: var(--rs-calendar-range-bg);
3062
3146
  }
3063
3147
  .rs-calendar-table-cell-in-range:hover::before {
@@ -3527,13 +3611,13 @@ tbody.rs-anim-collapse.rs-anim-in {
3527
3611
  text-decoration: none;
3528
3612
  }
3529
3613
  .rs-calendar-time-dropdown-cell:hover {
3530
- background-color: rgba(204, 233, 255, 0.5);
3614
+ background-color: rgb(from #cce9ff r g b / 50%);
3531
3615
  background-color: var(--rs-listbox-option-hover-bg);
3532
3616
  color: #1675e0;
3533
3617
  color: var(--rs-listbox-option-hover-text);
3534
3618
  }
3535
3619
  .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
3536
- outline: 3px solid rgba(52, 152, 255, 0.25);
3620
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3537
3621
  outline: 3px solid var(--rs-color-focus-ring);
3538
3622
  outline-offset: -3px;
3539
3623
  outline-width: 2px;
@@ -3551,13 +3635,13 @@ tbody.rs-anim-collapse.rs-anim-in {
3551
3635
  color: var(--rs-calendar-date-selected-text);
3552
3636
  }
3553
3637
  .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
3554
- background-color: rgba(204, 233, 255, 0.5);
3638
+ background-color: rgb(from #cce9ff r g b / 50%);
3555
3639
  background-color: var(--rs-listbox-option-hover-bg);
3556
3640
  color: #1675e0;
3557
3641
  color: var(--rs-listbox-option-hover-text);
3558
3642
  }
3559
3643
  .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
3560
- outline: 3px solid rgba(52, 152, 255, 0.25);
3644
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3561
3645
  outline: 3px solid var(--rs-color-focus-ring);
3562
3646
  outline-offset: -3px;
3563
3647
  outline-width: 2px;
@@ -3682,7 +3766,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3682
3766
  .rs-carousel-label {
3683
3767
  cursor: pointer;
3684
3768
  display: block;
3685
- background-color: rgba(255, 255, 255, 0.4);
3769
+ background-color: rgb(from #fff r g b / 40%);
3686
3770
  background-color: var(--rs-carousel-indicator);
3687
3771
  -webkit-transition: background 0.3s linear;
3688
3772
  transition: background 0.3s linear;
@@ -3838,13 +3922,13 @@ tbody.rs-anim-collapse.rs-anim-in {
3838
3922
  width: 100%;
3839
3923
  }
3840
3924
  .rs-picker-cascader-row:hover {
3841
- background-color: rgba(204, 233, 255, 0.5);
3925
+ background-color: rgb(from #cce9ff r g b / 50%);
3842
3926
  background-color: var(--rs-listbox-option-hover-bg);
3843
3927
  color: #1675e0;
3844
3928
  color: var(--rs-listbox-option-hover-text);
3845
3929
  }
3846
3930
  .rs-theme-high-contrast .rs-picker-cascader-row:hover {
3847
- outline: 3px solid rgba(52, 152, 255, 0.25);
3931
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3848
3932
  outline: 3px solid var(--rs-color-focus-ring);
3849
3933
  outline-offset: -3px;
3850
3934
  outline-width: 2px;
@@ -3856,13 +3940,13 @@ tbody.rs-anim-collapse.rs-anim-in {
3856
3940
  outline-offset: 2px;
3857
3941
  }
3858
3942
  .rs-picker-cascader-row.rs-picker-cascader-row-focus {
3859
- background-color: rgba(204, 233, 255, 0.5);
3943
+ background-color: rgb(from #cce9ff r g b / 50%);
3860
3944
  background-color: var(--rs-listbox-option-hover-bg);
3861
3945
  color: #1675e0;
3862
3946
  color: var(--rs-listbox-option-hover-text);
3863
3947
  }
3864
3948
  .rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
3865
- outline: 3px solid rgba(52, 152, 255, 0.25);
3949
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3866
3950
  outline: 3px solid var(--rs-color-focus-ring);
3867
3951
  outline-offset: -3px;
3868
3952
  outline-width: 2px;
@@ -3949,7 +4033,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3949
4033
  .rs-picker-cascader-menu-item:focus,
3950
4034
  .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
3951
4035
  .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
3952
- background-color: rgba(204, 233, 255, 0.5);
4036
+ background-color: rgb(from #cce9ff r g b / 50%);
3953
4037
  background-color: var(--rs-listbox-option-hover-bg);
3954
4038
  color: #1675e0;
3955
4039
  color: var(--rs-listbox-option-hover-text);
@@ -3958,7 +4042,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3958
4042
  .rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
3959
4043
  .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
3960
4044
  .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
3961
- outline: 3px solid rgba(52, 152, 255, 0.25);
4045
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3962
4046
  outline: 3px solid var(--rs-color-focus-ring);
3963
4047
  outline-offset: -3px;
3964
4048
  outline-width: 2px;
@@ -4045,9 +4129,9 @@ tbody.rs-anim-collapse.rs-anim-in {
4045
4129
  margin-left: 0;
4046
4130
  }
4047
4131
  .rs-checkbox [type='checkbox']:focus-visible ~ .rs-checkbox-inner::before {
4048
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
4132
+ -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
4049
4133
  -webkit-box-shadow: var(--rs-state-focus-shadow);
4050
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
4134
+ box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
4051
4135
  box-shadow: var(--rs-state-focus-shadow);
4052
4136
  }
4053
4137
  .rs-checkbox-checker {
@@ -4510,13 +4594,13 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4510
4594
  height: 30px;
4511
4595
  }
4512
4596
  .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4513
- background-color: rgba(204, 233, 255, 0.5);
4597
+ background-color: rgb(from #cce9ff r g b / 50%);
4514
4598
  background-color: var(--rs-listbox-option-hover-bg);
4515
4599
  color: #1675e0;
4516
4600
  color: var(--rs-listbox-option-hover-text);
4517
4601
  }
4518
4602
  .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4519
- outline: 3px solid rgba(52, 152, 255, 0.25);
4603
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
4520
4604
  outline: 3px solid var(--rs-color-focus-ring);
4521
4605
  outline-offset: -3px;
4522
4606
  outline-width: 2px;
@@ -4547,13 +4631,13 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4547
4631
  display: inline-block;
4548
4632
  }
4549
4633
  .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4550
- background-color: rgba(204, 233, 255, 0.5);
4634
+ background-color: rgb(from #cce9ff r g b / 50%);
4551
4635
  background-color: var(--rs-listbox-option-hover-bg);
4552
4636
  color: #1675e0;
4553
4637
  color: var(--rs-listbox-option-hover-text);
4554
4638
  }
4555
4639
  .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4556
- outline: 3px solid rgba(52, 152, 255, 0.25);
4640
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
4557
4641
  outline: 3px solid var(--rs-color-focus-ring);
4558
4642
  outline-offset: -3px;
4559
4643
  outline-width: 2px;
@@ -4827,7 +4911,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4827
4911
  bottom: 0;
4828
4912
  left: 0;
4829
4913
  z-index: 1050;
4830
- background-color: rgba(39, 44, 54, 0.3);
4914
+ background-color: rgb(from #272c36 r g b / 30%);
4831
4915
  background-color: var(--rs-bg-backdrop);
4832
4916
  }
4833
4917
  .rs-drawer-backdrop.rs-anim-fade {
@@ -4870,7 +4954,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4870
4954
  color: #272c36;
4871
4955
  color: var(--rs-text-heading);
4872
4956
  font-weight: normal;
4873
- font-size: 16px;
4957
+ font-size: 18px;
4874
4958
  line-height: 36px;
4875
4959
  overflow: hidden;
4876
4960
  text-overflow: ellipsis;
@@ -5055,7 +5139,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5055
5139
  outline: 0;
5056
5140
  }
5057
5141
  .rs-dropdown-menu:focus-visible {
5058
- outline: 3px solid rgba(52, 152, 255, 0.25);
5142
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
5059
5143
  outline: 3px solid var(--rs-color-focus-ring);
5060
5144
  }
5061
5145
  .rs-theme-high-contrast .rs-dropdown-menu:focus-visible {
@@ -5114,7 +5198,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5114
5198
  }
5115
5199
  .rs-dropdown-item:focus-visible,
5116
5200
  .rs-dropdown-item.rs-dropdown-item-focus {
5117
- background-color: rgba(204, 233, 255, 0.5);
5201
+ background-color: rgb(from #cce9ff r g b / 50%);
5118
5202
  background-color: var(--rs-menuitem-active-bg);
5119
5203
  color: #1675e0;
5120
5204
  color: var(--rs-menuitem-active-text);
@@ -5151,7 +5235,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5151
5235
  position: relative;
5152
5236
  }
5153
5237
  .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle {
5154
- background-color: rgba(204, 233, 255, 0.5);
5238
+ background-color: rgb(from #cce9ff r g b / 50%);
5155
5239
  background-color: var(--rs-menuitem-active-bg);
5156
5240
  color: #1675e0;
5157
5241
  color: var(--rs-menuitem-active-text);
@@ -5204,7 +5288,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5204
5288
  }
5205
5289
  .rs-dropdown-menu > .rs-dropdown-menu-item-focus:hover,
5206
5290
  .rs-dropdown-menu > .rs-dropdown-menu-item-focus:focus {
5207
- background-color: rgba(204, 233, 255, 0.5);
5291
+ background-color: rgb(from #cce9ff r g b / 50%);
5208
5292
  background-color: var(--rs-menuitem-active-bg);
5209
5293
  color: #1675e0;
5210
5294
  color: var(--rs-menuitem-active-text);
@@ -8002,7 +8086,7 @@ textarea.rs-input {
8002
8086
  border-color: var(--rs-input-focus-border);
8003
8087
  }
8004
8088
  .rs-input:focus {
8005
- outline: 3px solid rgba(52, 152, 255, 0.25);
8089
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
8006
8090
  outline: 3px solid var(--rs-color-focus-ring);
8007
8091
  }
8008
8092
  .rs-theme-high-contrast .rs-input:focus {
@@ -8090,7 +8174,7 @@ textarea.rs-input-sm {
8090
8174
  }
8091
8175
  .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
8092
8176
  .rs-input-group:focus-within {
8093
- outline: 3px solid rgba(52, 152, 255, 0.25);
8177
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
8094
8178
  outline: 3px solid var(--rs-color-focus-ring);
8095
8179
  }
8096
8180
  .rs-theme-high-contrast .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
@@ -8902,7 +8986,7 @@ textarea.rs-picker-search-input {
8902
8986
  z-index: 1149;
8903
8987
  }
8904
8988
  .rs-list-item-holder {
8905
- background-color: rgba(242, 250, 255, 0.5);
8989
+ background-color: rgb(from #f2faff r g b / 50%);
8906
8990
  background-color: var(--rs-list-placeholder-bg);
8907
8991
  visibility: hidden;
8908
8992
  }
@@ -8963,7 +9047,7 @@ textarea.rs-picker-search-input {
8963
9047
  border-radius: 50%;
8964
9048
  }
8965
9049
  .rs-loader-spin::before {
8966
- border: 3px solid rgba(247, 247, 250, 0.8);
9050
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
8967
9051
  border: 3px solid var(--rs-loader-ring);
8968
9052
  }
8969
9053
  .rs-loader-spin::after {
@@ -8990,7 +9074,7 @@ textarea.rs-picker-search-input {
8990
9074
  left: 0;
8991
9075
  width: 100%;
8992
9076
  height: 100%;
8993
- background: rgba(255, 255, 255, 0.9);
9077
+ background: rgb(from #fff r g b / 90%);
8994
9078
  background: var(--rs-loader-backdrop);
8995
9079
  }
8996
9080
  .rs-loader-vertical {
@@ -9024,11 +9108,11 @@ textarea.rs-picker-search-input {
9024
9108
  color: var(--rs-text-inverse);
9025
9109
  }
9026
9110
  .rs-loader-inverse .rs-loader-backdrop {
9027
- background: rgba(39, 44, 54, 0.83);
9111
+ background: rgb(from #272c36 r g b / 83%);
9028
9112
  background: var(--rs-loader-backdrop-inverse);
9029
9113
  }
9030
9114
  .rs-loader-inverse .rs-loader-spin::before {
9031
- border-color: rgba(247, 247, 250, 0.3);
9115
+ border-color: rgb(from #f7f7fa r g b / 30%);
9032
9116
  border-color: var(--rs-loader-ring-inverse);
9033
9117
  }
9034
9118
  .rs-loader-inverse .rs-loader-spin::after {
@@ -9482,7 +9566,7 @@ textarea.rs-picker-search-input {
9482
9566
  width: 100vw;
9483
9567
  height: 100vh;
9484
9568
  z-index: 1049;
9485
- background-color: rgba(39, 44, 54, 0.3);
9569
+ background-color: rgb(from #272c36 r g b / 30%);
9486
9570
  background-color: var(--rs-bg-backdrop);
9487
9571
  }
9488
9572
  .rs-modal-backdrop.rs-anim-fade {
@@ -9578,8 +9662,8 @@ textarea.rs-picker-search-input {
9578
9662
  }
9579
9663
  .rs-modal-title {
9580
9664
  font-weight: normal;
9581
- font-size: 16px;
9582
- line-height: 1.25;
9665
+ font-size: 18px;
9666
+ line-height: 1.11111111;
9583
9667
  display: block;
9584
9668
  color: #272c36;
9585
9669
  color: var(--rs-text-heading);
@@ -9705,7 +9789,7 @@ textarea.rs-picker-search-input {
9705
9789
  text-decoration: underline;
9706
9790
  }
9707
9791
  .rs-nav-item:focus-visible {
9708
- outline: 3px solid rgba(52, 152, 255, 0.25);
9792
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
9709
9793
  outline: 3px solid var(--rs-color-focus-ring);
9710
9794
  outline-width: 2px;
9711
9795
  outline-offset: 0;
@@ -9942,7 +10026,7 @@ textarea.rs-picker-search-input {
9942
10026
  .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
9943
10027
  .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9944
10028
  z-index: 1;
9945
- outline: 3px solid rgba(52, 152, 255, 0.25);
10029
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
9946
10030
  outline: 3px solid var(--rs-color-focus-ring);
9947
10031
  }
9948
10032
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
@@ -9955,7 +10039,7 @@ textarea.rs-picker-search-input {
9955
10039
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
9956
10040
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
9957
10041
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9958
- outline: 3px solid rgba(52, 152, 255, 0.25);
10042
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
9959
10043
  outline: 3px solid var(--rs-color-focus-ring);
9960
10044
  outline-offset: -3px;
9961
10045
  outline-width: 2px;
@@ -10011,7 +10095,7 @@ textarea.rs-picker-search-input {
10011
10095
  .rs-navbar-nav > .rs-dropdown-item:focus-visible,
10012
10096
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus,
10013
10097
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
10014
- outline: 3px solid rgba(52, 152, 255, 0.25);
10098
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
10015
10099
  outline: 3px solid var(--rs-color-focus-ring);
10016
10100
  outline-offset: -3px;
10017
10101
  z-index: 2;
@@ -10024,7 +10108,7 @@ textarea.rs-picker-search-input {
10024
10108
  .rs-theme-high-contrast .rs-navbar-brand:focus-visible,
10025
10109
  .rs-theme-high-contrast .rs-navbar-item:focus-visible,
10026
10110
  .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
10027
- outline: 3px solid rgba(52, 152, 255, 0.25);
10111
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
10028
10112
  outline: 3px solid var(--rs-color-focus-ring);
10029
10113
  outline-offset: -3px;
10030
10114
  outline-width: 2px;
@@ -10049,7 +10133,7 @@ textarea.rs-picker-search-input {
10049
10133
  border: none;
10050
10134
  }
10051
10135
  .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
10052
- outline: 3px solid rgba(52, 152, 255, 0.25);
10136
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
10053
10137
  outline: 3px solid var(--rs-color-focus-ring);
10054
10138
  outline-offset: -3px;
10055
10139
  outline-width: 2px;
@@ -10062,7 +10146,7 @@ textarea.rs-picker-search-input {
10062
10146
  right: 16px;
10063
10147
  }
10064
10148
  .rs-navbar .rs-dropdown-item:hover {
10065
- background-color: rgba(204, 233, 255, 0.5);
10149
+ background-color: rgb(from #cce9ff r g b / 50%);
10066
10150
  background-color: var(--rs-menuitem-active-bg);
10067
10151
  color: #1675e0;
10068
10152
  color: var(--rs-menuitem-active-text);
@@ -10550,7 +10634,7 @@ textarea.rs-picker-search-input {
10550
10634
  border-left: var(--rs-btn-default-border, none);
10551
10635
  }
10552
10636
  .rs-pagination-btn:focus-visible {
10553
- outline: 3px solid rgba(52, 152, 255, 0.25);
10637
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
10554
10638
  outline: 3px solid var(--rs-color-focus-ring);
10555
10639
  }
10556
10640
  .rs-theme-high-contrast .rs-pagination-btn:focus-visible {
@@ -10922,9 +11006,9 @@ textarea.rs-picker-search-input {
10922
11006
  }
10923
11007
  .rs-picker-toggle-active,
10924
11008
  .rs-picker.rs-picker-focused {
10925
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
11009
+ -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
10926
11010
  -webkit-box-shadow: var(--rs-state-focus-shadow);
10927
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
11011
+ box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
10928
11012
  box-shadow: var(--rs-state-focus-shadow);
10929
11013
  }
10930
11014
  .rs-picker-toggle {
@@ -11002,7 +11086,7 @@ textarea.rs-picker-search-input {
11002
11086
  border-left: var(--rs-btn-default-border, none);
11003
11087
  }
11004
11088
  .rs-picker-toggle:focus-visible {
11005
- outline: 3px solid rgba(52, 152, 255, 0.25);
11089
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
11006
11090
  outline: 3px solid var(--rs-color-focus-ring);
11007
11091
  }
11008
11092
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
@@ -11850,7 +11934,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11850
11934
  border-color: var(--rs-input-focus-border);
11851
11935
  }
11852
11936
  .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
11853
- outline: 3px solid rgba(52, 152, 255, 0.25);
11937
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
11854
11938
  outline: 3px solid var(--rs-color-focus-ring);
11855
11939
  }
11856
11940
  .rs-theme-high-contrast .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
@@ -11901,13 +11985,13 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11901
11985
  .rs-check-item:not(.rs-checkbox-disabled):hover,
11902
11986
  .rs-check-item:focus,
11903
11987
  .rs-check-item.rs-check-item-focus {
11904
- background-color: rgba(204, 233, 255, 0.5);
11988
+ background-color: rgb(from #cce9ff r g b / 50%);
11905
11989
  background-color: var(--rs-listbox-option-hover-bg);
11906
11990
  }
11907
11991
  .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
11908
11992
  .rs-theme-high-contrast .rs-check-item:focus,
11909
11993
  .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
11910
- outline: 3px solid rgba(52, 152, 255, 0.25);
11994
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
11911
11995
  outline: 3px solid var(--rs-color-focus-ring);
11912
11996
  outline-offset: -3px;
11913
11997
  outline-width: 2px;
@@ -12071,8 +12155,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12071
12155
  background: linear-gradient(-45deg, #f2f2f5 25%, #e5e5ea 37%, #f2f2f5 63%);
12072
12156
  background: linear-gradient(-45deg, var(--rs-placeholder) 25%, var(--rs-placeholder-active) 37%, var(--rs-placeholder) 63%);
12073
12157
  background-size: 400% 100% !important;
12074
- -webkit-animation: placeholder-active 3s ease infinite;
12075
- animation: placeholder-active 3s ease infinite;
12158
+ -webkit-animation: placeholder-active 1.5s ease infinite;
12159
+ animation: placeholder-active 1.5s ease infinite;
12076
12160
  }
12077
12161
  @-webkit-keyframes placeholder-active {
12078
12162
  0% {
@@ -12685,9 +12769,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12685
12769
  margin-left: 0;
12686
12770
  }
12687
12771
  .rs-radio [type='radio']:focus ~ .rs-radio-inner::before {
12688
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12772
+ -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
12689
12773
  -webkit-box-shadow: var(--rs-state-focus-shadow);
12690
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12774
+ box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
12691
12775
  box-shadow: var(--rs-state-focus-shadow);
12692
12776
  }
12693
12777
  .rs-radio-checker {
@@ -13070,7 +13154,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13070
13154
  .rs-picker-select-menu-item:hover,
13071
13155
  .rs-picker-select-menu-item:focus,
13072
13156
  .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
13073
- background-color: rgba(204, 233, 255, 0.5);
13157
+ background-color: rgb(from #cce9ff r g b / 50%);
13074
13158
  background-color: var(--rs-listbox-option-hover-bg);
13075
13159
  color: #1675e0;
13076
13160
  color: var(--rs-listbox-option-hover-text);
@@ -13078,7 +13162,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13078
13162
  .rs-theme-high-contrast .rs-picker-select-menu-item:hover,
13079
13163
  .rs-theme-high-contrast .rs-picker-select-menu-item:focus,
13080
13164
  .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
13081
- outline: 3px solid rgba(52, 152, 255, 0.25);
13165
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13082
13166
  outline: 3px solid var(--rs-color-focus-ring);
13083
13167
  outline-offset: -3px;
13084
13168
  outline-width: 2px;
@@ -13167,7 +13251,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13167
13251
  outline: 0;
13168
13252
  }
13169
13253
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
13170
- outline: 3px solid rgba(52, 152, 255, 0.25);
13254
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13171
13255
  outline: 3px solid var(--rs-color-focus-ring);
13172
13256
  outline-offset: -3px;
13173
13257
  z-index: 1;
@@ -13176,7 +13260,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13176
13260
  outline-offset: 2px;
13177
13261
  }
13178
13262
  .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
13179
- outline: 3px solid rgba(52, 152, 255, 0.25);
13263
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13180
13264
  outline: 3px solid var(--rs-color-focus-ring);
13181
13265
  outline-offset: -3px;
13182
13266
  outline-width: 2px;
@@ -13203,7 +13287,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13203
13287
  border: none;
13204
13288
  }
13205
13289
  .rs-sidenav-nav .rs-sidenav-item:focus-visible {
13206
- outline: 3px solid rgba(52, 152, 255, 0.25);
13290
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13207
13291
  outline: 3px solid var(--rs-color-focus-ring);
13208
13292
  outline-offset: -3px;
13209
13293
  z-index: 1;
@@ -13212,7 +13296,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13212
13296
  outline-offset: 2px;
13213
13297
  }
13214
13298
  .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
13215
- outline: 3px solid rgba(52, 152, 255, 0.25);
13299
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13216
13300
  outline: 3px solid var(--rs-color-focus-ring);
13217
13301
  outline-offset: -3px;
13218
13302
  outline-width: 2px;
@@ -13252,7 +13336,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13252
13336
  }
13253
13337
  .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
13254
13338
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
13255
- outline: 3px solid rgba(52, 152, 255, 0.25);
13339
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13256
13340
  outline: 3px solid var(--rs-color-focus-ring);
13257
13341
  outline-offset: -3px;
13258
13342
  }
@@ -13272,7 +13356,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13272
13356
  }
13273
13357
  .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
13274
13358
  .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
13275
- outline: 3px solid rgba(52, 152, 255, 0.25);
13359
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13276
13360
  outline: 3px solid var(--rs-color-focus-ring);
13277
13361
  z-index: 2;
13278
13362
  }
@@ -13282,7 +13366,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13282
13366
  }
13283
13367
  .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
13284
13368
  .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
13285
- outline: 3px solid rgba(52, 152, 255, 0.25);
13369
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13286
13370
  outline: 3px solid var(--rs-color-focus-ring);
13287
13371
  outline-offset: -3px;
13288
13372
  outline-width: 2px;
@@ -13303,7 +13387,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13303
13387
  }
13304
13388
  .rs-sidenav-item:focus-visible,
13305
13389
  .rs-sidenav-item.rs-sidenav-item-focus {
13306
- outline: 3px solid rgba(52, 152, 255, 0.25);
13390
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13307
13391
  outline: 3px solid var(--rs-color-focus-ring);
13308
13392
  outline-offset: -3px;
13309
13393
  outline-width: 2px;
@@ -13346,7 +13430,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13346
13430
  }
13347
13431
  .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
13348
13432
  .rs-sidenav-collapse-in .rs-dropdown-item-focus {
13349
- outline: 3px solid rgba(52, 152, 255, 0.25);
13433
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13350
13434
  outline: 3px solid var(--rs-color-focus-ring);
13351
13435
  outline-offset: -3px;
13352
13436
  background: none;
@@ -13358,7 +13442,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13358
13442
  }
13359
13443
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
13360
13444
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
13361
- outline: 3px solid rgba(52, 152, 255, 0.25);
13445
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13362
13446
  outline: 3px solid var(--rs-color-focus-ring);
13363
13447
  outline-offset: -3px;
13364
13448
  outline-width: 2px;
@@ -13374,7 +13458,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13374
13458
  }
13375
13459
  .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
13376
13460
  .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
13377
- outline: 3px solid rgba(52, 152, 255, 0.25);
13461
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13378
13462
  outline: 3px solid var(--rs-color-focus-ring);
13379
13463
  outline-offset: -3px;
13380
13464
  z-index: 2;
@@ -13385,7 +13469,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13385
13469
  }
13386
13470
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
13387
13471
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
13388
- outline: 3px solid rgba(52, 152, 255, 0.25);
13472
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13389
13473
  outline: 3px solid var(--rs-color-focus-ring);
13390
13474
  outline-offset: -3px;
13391
13475
  outline-width: 2px;
@@ -13495,7 +13579,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13495
13579
  }
13496
13580
  .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
13497
13581
  .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
13498
- outline: 3px solid rgba(52, 152, 255, 0.25);
13582
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13499
13583
  outline: 3px solid var(--rs-color-focus-ring);
13500
13584
  }
13501
13585
  .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
@@ -13504,7 +13588,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13504
13588
  }
13505
13589
  .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
13506
13590
  .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
13507
- outline: 3px solid rgba(52, 152, 255, 0.25);
13591
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13508
13592
  outline: 3px solid var(--rs-color-focus-ring);
13509
13593
  outline-offset: -3px;
13510
13594
  outline-width: 2px;
@@ -13580,7 +13664,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13580
13664
  border-top-color: var(--rs-sidenav-default-footer-border);
13581
13665
  }
13582
13666
  .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active {
13583
- background-color: rgba(204, 233, 255, 0.5);
13667
+ background-color: rgb(from #cce9ff r g b / 50%);
13584
13668
  background-color: var(--rs-menuitem-active-bg);
13585
13669
  color: #1675e0;
13586
13670
  color: var(--rs-menuitem-active-text);
@@ -13876,9 +13960,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13876
13960
  }
13877
13961
  .rs-slider-handle:hover::before,
13878
13962
  .rs-slider-handle:focus::before {
13879
- -webkit-box-shadow: 0 0 0 8px rgba(52, 152, 255, 0.25);
13963
+ -webkit-box-shadow: 0 0 0 8px rgb(from #a6a6a6 r g b / 25%);
13880
13964
  -webkit-box-shadow: var(--rs-slider-thumb-hover-shadow);
13881
- box-shadow: 0 0 0 8px rgba(52, 152, 255, 0.25);
13965
+ box-shadow: 0 0 0 8px rgb(from #a6a6a6 r g b / 25%);
13882
13966
  box-shadow: var(--rs-slider-thumb-hover-shadow);
13883
13967
  }
13884
13968
  .rs-slider-handle:active::before,
@@ -14343,7 +14427,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14343
14427
  position: absolute;
14344
14428
  height: 100%;
14345
14429
  width: 100%;
14346
- background-color: rgba(255, 255, 255, 0.9);
14430
+ background-color: rgb(from #fff r g b / 90%);
14347
14431
  background-color: var(--rs-loader-backdrop);
14348
14432
  opacity: 0;
14349
14433
  -webkit-transition: opacity 0.2s ease-in;
@@ -14386,7 +14470,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14386
14470
  border-radius: 50%;
14387
14471
  }
14388
14472
  .rs-table-loader-icon::before {
14389
- border: 3px solid rgba(247, 247, 250, 0.8);
14473
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
14390
14474
  border: 3px solid var(--rs-loader-ring);
14391
14475
  }
14392
14476
  .rs-table-loader-icon::after {
@@ -14649,7 +14733,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14649
14733
  right: 0;
14650
14734
  width: 10px;
14651
14735
  bottom: 10px;
14652
- background-color: rgba(229, 229, 234, 0.4);
14736
+ background-color: rgb(from #e5e5ea r g b / 40%);
14653
14737
  background-color: var(--rs-table-scrollbar-vertical-track);
14654
14738
  }
14655
14739
  .rs-table-scrollbar-vertical .rs-table-scrollbar-handle {
@@ -15059,16 +15143,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15059
15143
  box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
15060
15144
  }
15061
15145
  .rs-toggle-input:focus-visible + .rs-toggle-presentation {
15062
- outline: 3px solid rgba(52, 152, 255, 0.25);
15146
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
15063
15147
  outline: 3px solid var(--rs-color-focus-ring);
15064
15148
  }
15065
15149
  .rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
15066
15150
  outline-offset: 2px;
15067
15151
  }
15068
15152
  .rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
15069
- -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgba(52, 152, 255, 0.25);
15153
+ -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgb(from #3498ff r g b / 25%);
15070
15154
  -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
15071
- box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgba(52, 152, 255, 0.25);
15155
+ box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgb(from #3498ff r g b / 25%);
15072
15156
  box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
15073
15157
  }
15074
15158
  .rs-toggle-presentation:hover {
@@ -15134,7 +15218,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15134
15218
  transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
15135
15219
  }
15136
15220
  .rs-toggle-loader .rs-loader-spin::before {
15137
- border-color: rgba(247, 247, 250, 0.3);
15221
+ border-color: rgb(from #f7f7fa r g b / 30%);
15138
15222
  border-color: var(--rs-toggle-loader-ring);
15139
15223
  }
15140
15224
  .rs-toggle-loader .rs-loader-spin::after {
@@ -15612,7 +15696,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15612
15696
  .rs-tree-node-label-content:hover,
15613
15697
  .rs-tree-node-label-content:focus,
15614
15698
  .rs-tree-node-label-content.rs-tree-node-label-content-focus {
15615
- background-color: rgba(204, 233, 255, 0.5);
15699
+ background-color: rgb(from #cce9ff r g b / 50%);
15616
15700
  background-color: var(--rs-listbox-option-hover-bg);
15617
15701
  color: #1675e0;
15618
15702
  color: var(--rs-listbox-option-hover-text);
@@ -15620,7 +15704,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15620
15704
  .rs-theme-high-contrast .rs-tree-node-label-content:hover,
15621
15705
  .rs-theme-high-contrast .rs-tree-node-label-content:focus,
15622
15706
  .rs-theme-high-contrast .rs-tree-node-label-content.rs-tree-node-label-content-focus {
15623
- outline: 3px solid rgba(52, 152, 255, 0.25);
15707
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
15624
15708
  outline: 3px solid var(--rs-color-focus-ring);
15625
15709
  outline-offset: -3px;
15626
15710
  outline-width: 2px;
@@ -15641,7 +15725,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15641
15725
  background-color: var(--rs-listbox-option-selected-bg);
15642
15726
  }
15643
15727
  .rs-tree-node-drag-over {
15644
- background-color: rgba(204, 233, 255, 0.5);
15728
+ background-color: rgb(from #cce9ff r g b / 50%);
15645
15729
  background-color: var(--rs-listbox-option-hover-bg);
15646
15730
  }
15647
15731
  .rs-tree-node-dragging {
@@ -15874,7 +15958,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15874
15958
  border-radius: 50%;
15875
15959
  }
15876
15960
  .rs-uploader-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before {
15877
- border: 3px solid rgba(247, 247, 250, 0.8);
15961
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
15878
15962
  border: 3px solid var(--rs-loader-ring);
15879
15963
  }
15880
15964
  .rs-uploader-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
@@ -16062,7 +16146,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16062
16146
  border-left: var(--rs-btn-default-border, none);
16063
16147
  }
16064
16148
  .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
16065
- outline: 3px solid rgba(52, 152, 255, 0.25);
16149
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
16066
16150
  outline: 3px solid var(--rs-color-focus-ring);
16067
16151
  }
16068
16152
  .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
@@ -16233,7 +16317,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16233
16317
  height: 66px;
16234
16318
  text-align: center;
16235
16319
  z-index: 3;
16236
- background-color: rgba(255, 255, 255, 0.8);
16320
+ background-color: rgb(from #fff r g b / 80%);
16237
16321
  background-color: var(--rs-uploader-overlay-bg);
16238
16322
  cursor: default;
16239
16323
  color: #f44336;
@@ -16272,7 +16356,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16272
16356
  height: 24px;
16273
16357
  line-height: 24px;
16274
16358
  text-align: center;
16275
- background-color: rgba(255, 255, 255, 0.8);
16359
+ background-color: rgb(from #fff r g b / 80%);
16276
16360
  background-color: var(--rs-uploader-overlay-bg);
16277
16361
  border-radius: 50%;
16278
16362
  visibility: hidden;
@@ -16304,7 +16388,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16304
16388
  width: 66px;
16305
16389
  height: 66px;
16306
16390
  line-height: 66px;
16307
- background-color: rgba(255, 255, 255, 0.8);
16391
+ background-color: rgb(from #fff r g b / 80%);
16308
16392
  background-color: var(--rs-uploader-overlay-bg);
16309
16393
  position: absolute;
16310
16394
  top: 0;
@@ -16333,7 +16417,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16333
16417
  border-radius: 50%;
16334
16418
  }
16335
16419
  .rs-uploader-picture .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before {
16336
- border: 3px solid rgba(247, 247, 250, 0.8);
16420
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
16337
16421
  border: 3px solid var(--rs-loader-ring);
16338
16422
  }
16339
16423
  .rs-uploader-picture .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
@@ -16489,7 +16573,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16489
16573
  border-radius: 50%;
16490
16574
  }
16491
16575
  .rs-uploader-picture-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before {
16492
- border: 3px solid rgba(247, 247, 250, 0.8);
16576
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
16493
16577
  border: 3px solid var(--rs-loader-ring);
16494
16578
  }
16495
16579
  .rs-uploader-picture-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
@@ -16535,7 +16619,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16535
16619
  display: -webkit-inline-box;
16536
16620
  display: -ms-inline-flexbox;
16537
16621
  display: inline-flex;
16538
- color: #ffb300;
16622
+ color: #2196f3;
16539
16623
  color: var(--rs-rate-symbol-checked);
16540
16624
  list-style: none;
16541
16625
  vertical-align: middle;