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-no-reset.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;
@@ -1506,7 +1590,7 @@ tbody.rs-anim-collapse.rs-anim-in {
1506
1590
  .rs-auto-complete-item:hover,
1507
1591
  .rs-auto-complete-item:focus,
1508
1592
  .rs-auto-complete-item-focus {
1509
- background-color: rgba(204, 233, 255, 0.5);
1593
+ background-color: rgb(from #cce9ff r g b / 50%);
1510
1594
  background-color: var(--rs-listbox-option-hover-bg);
1511
1595
  color: #1675e0;
1512
1596
  color: var(--rs-listbox-option-hover-text);
@@ -1514,7 +1598,7 @@ tbody.rs-anim-collapse.rs-anim-in {
1514
1598
  .rs-theme-high-contrast .rs-auto-complete-item:hover,
1515
1599
  .rs-theme-high-contrast .rs-auto-complete-item:focus,
1516
1600
  .rs-theme-high-contrast .rs-auto-complete-item-focus {
1517
- outline: 3px solid rgba(52, 152, 255, 0.25);
1601
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
1518
1602
  outline: 3px solid var(--rs-color-focus-ring);
1519
1603
  outline-offset: -3px;
1520
1604
  outline-width: 2px;
@@ -1807,7 +1891,7 @@ tbody.rs-anim-collapse.rs-anim-in {
1807
1891
  border-left: var(--rs-btn-default-border, none);
1808
1892
  }
1809
1893
  .rs-btn:focus-visible {
1810
- outline: 3px solid rgba(52, 152, 255, 0.25);
1894
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
1811
1895
  outline: 3px solid var(--rs-color-focus-ring);
1812
1896
  }
1813
1897
  .rs-theme-high-contrast .rs-btn:focus-visible {
@@ -2599,14 +2683,14 @@ tbody.rs-anim-collapse.rs-anim-in {
2599
2683
  height: 16px;
2600
2684
  }
2601
2685
  .rs-btn-loading > .rs-btn-spin::before {
2602
- border: 3px solid rgba(247, 247, 250, 0.8);
2686
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
2603
2687
  border: 3px solid var(--rs-loader-ring);
2604
2688
  }
2605
2689
  .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
2606
2690
  border-color: rgba(248, 247, 250, 0.3);
2607
2691
  }
2608
2692
  .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
2609
- border-color: rgba(247, 247, 250, 0.3);
2693
+ border-color: rgb(from #f7f7fa r g b / 30%);
2610
2694
  border-color: var(--rs-loader-ring-inverse);
2611
2695
  }
2612
2696
  .rs-btn-loading > .rs-btn-spin::after {
@@ -2925,7 +3009,7 @@ tbody.rs-anim-collapse.rs-anim-in {
2925
3009
  position: relative;
2926
3010
  }
2927
3011
  .rs-calendar-table-cell-in-range::before {
2928
- background-color: rgba(204, 233, 255, 0.5);
3012
+ background-color: rgb(from #cce9ff r g b / 50%);
2929
3013
  background-color: var(--rs-calendar-range-bg);
2930
3014
  }
2931
3015
  .rs-calendar-table-cell-in-range:hover::before {
@@ -3395,13 +3479,13 @@ tbody.rs-anim-collapse.rs-anim-in {
3395
3479
  text-decoration: none;
3396
3480
  }
3397
3481
  .rs-calendar-time-dropdown-cell:hover {
3398
- background-color: rgba(204, 233, 255, 0.5);
3482
+ background-color: rgb(from #cce9ff r g b / 50%);
3399
3483
  background-color: var(--rs-listbox-option-hover-bg);
3400
3484
  color: #1675e0;
3401
3485
  color: var(--rs-listbox-option-hover-text);
3402
3486
  }
3403
3487
  .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
3404
- outline: 3px solid rgba(52, 152, 255, 0.25);
3488
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3405
3489
  outline: 3px solid var(--rs-color-focus-ring);
3406
3490
  outline-offset: -3px;
3407
3491
  outline-width: 2px;
@@ -3419,13 +3503,13 @@ tbody.rs-anim-collapse.rs-anim-in {
3419
3503
  color: var(--rs-calendar-date-selected-text);
3420
3504
  }
3421
3505
  .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
3422
- background-color: rgba(204, 233, 255, 0.5);
3506
+ background-color: rgb(from #cce9ff r g b / 50%);
3423
3507
  background-color: var(--rs-listbox-option-hover-bg);
3424
3508
  color: #1675e0;
3425
3509
  color: var(--rs-listbox-option-hover-text);
3426
3510
  }
3427
3511
  .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
3428
- outline: 3px solid rgba(52, 152, 255, 0.25);
3512
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3429
3513
  outline: 3px solid var(--rs-color-focus-ring);
3430
3514
  outline-offset: -3px;
3431
3515
  outline-width: 2px;
@@ -3550,7 +3634,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3550
3634
  .rs-carousel-label {
3551
3635
  cursor: pointer;
3552
3636
  display: block;
3553
- background-color: rgba(255, 255, 255, 0.4);
3637
+ background-color: rgb(from #fff r g b / 40%);
3554
3638
  background-color: var(--rs-carousel-indicator);
3555
3639
  -webkit-transition: background 0.3s linear;
3556
3640
  transition: background 0.3s linear;
@@ -3706,13 +3790,13 @@ tbody.rs-anim-collapse.rs-anim-in {
3706
3790
  width: 100%;
3707
3791
  }
3708
3792
  .rs-picker-cascader-row:hover {
3709
- background-color: rgba(204, 233, 255, 0.5);
3793
+ background-color: rgb(from #cce9ff r g b / 50%);
3710
3794
  background-color: var(--rs-listbox-option-hover-bg);
3711
3795
  color: #1675e0;
3712
3796
  color: var(--rs-listbox-option-hover-text);
3713
3797
  }
3714
3798
  .rs-theme-high-contrast .rs-picker-cascader-row:hover {
3715
- outline: 3px solid rgba(52, 152, 255, 0.25);
3799
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3716
3800
  outline: 3px solid var(--rs-color-focus-ring);
3717
3801
  outline-offset: -3px;
3718
3802
  outline-width: 2px;
@@ -3724,13 +3808,13 @@ tbody.rs-anim-collapse.rs-anim-in {
3724
3808
  outline-offset: 2px;
3725
3809
  }
3726
3810
  .rs-picker-cascader-row.rs-picker-cascader-row-focus {
3727
- background-color: rgba(204, 233, 255, 0.5);
3811
+ background-color: rgb(from #cce9ff r g b / 50%);
3728
3812
  background-color: var(--rs-listbox-option-hover-bg);
3729
3813
  color: #1675e0;
3730
3814
  color: var(--rs-listbox-option-hover-text);
3731
3815
  }
3732
3816
  .rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
3733
- outline: 3px solid rgba(52, 152, 255, 0.25);
3817
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3734
3818
  outline: 3px solid var(--rs-color-focus-ring);
3735
3819
  outline-offset: -3px;
3736
3820
  outline-width: 2px;
@@ -3817,7 +3901,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3817
3901
  .rs-picker-cascader-menu-item:focus,
3818
3902
  .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
3819
3903
  .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
3820
- background-color: rgba(204, 233, 255, 0.5);
3904
+ background-color: rgb(from #cce9ff r g b / 50%);
3821
3905
  background-color: var(--rs-listbox-option-hover-bg);
3822
3906
  color: #1675e0;
3823
3907
  color: var(--rs-listbox-option-hover-text);
@@ -3826,7 +3910,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3826
3910
  .rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
3827
3911
  .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
3828
3912
  .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
3829
- outline: 3px solid rgba(52, 152, 255, 0.25);
3913
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3830
3914
  outline: 3px solid var(--rs-color-focus-ring);
3831
3915
  outline-offset: -3px;
3832
3916
  outline-width: 2px;
@@ -3913,9 +3997,9 @@ tbody.rs-anim-collapse.rs-anim-in {
3913
3997
  margin-left: 0;
3914
3998
  }
3915
3999
  .rs-checkbox [type='checkbox']:focus-visible ~ .rs-checkbox-inner::before {
3916
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
4000
+ -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
3917
4001
  -webkit-box-shadow: var(--rs-state-focus-shadow);
3918
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
4002
+ box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
3919
4003
  box-shadow: var(--rs-state-focus-shadow);
3920
4004
  }
3921
4005
  .rs-checkbox-checker {
@@ -4378,13 +4462,13 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4378
4462
  height: 30px;
4379
4463
  }
4380
4464
  .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4381
- background-color: rgba(204, 233, 255, 0.5);
4465
+ background-color: rgb(from #cce9ff r g b / 50%);
4382
4466
  background-color: var(--rs-listbox-option-hover-bg);
4383
4467
  color: #1675e0;
4384
4468
  color: var(--rs-listbox-option-hover-text);
4385
4469
  }
4386
4470
  .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4387
- outline: 3px solid rgba(52, 152, 255, 0.25);
4471
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
4388
4472
  outline: 3px solid var(--rs-color-focus-ring);
4389
4473
  outline-offset: -3px;
4390
4474
  outline-width: 2px;
@@ -4415,13 +4499,13 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4415
4499
  display: inline-block;
4416
4500
  }
4417
4501
  .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4418
- background-color: rgba(204, 233, 255, 0.5);
4502
+ background-color: rgb(from #cce9ff r g b / 50%);
4419
4503
  background-color: var(--rs-listbox-option-hover-bg);
4420
4504
  color: #1675e0;
4421
4505
  color: var(--rs-listbox-option-hover-text);
4422
4506
  }
4423
4507
  .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4424
- outline: 3px solid rgba(52, 152, 255, 0.25);
4508
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
4425
4509
  outline: 3px solid var(--rs-color-focus-ring);
4426
4510
  outline-offset: -3px;
4427
4511
  outline-width: 2px;
@@ -4695,7 +4779,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4695
4779
  bottom: 0;
4696
4780
  left: 0;
4697
4781
  z-index: 1050;
4698
- background-color: rgba(39, 44, 54, 0.3);
4782
+ background-color: rgb(from #272c36 r g b / 30%);
4699
4783
  background-color: var(--rs-bg-backdrop);
4700
4784
  }
4701
4785
  .rs-drawer-backdrop.rs-anim-fade {
@@ -4738,7 +4822,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4738
4822
  color: #272c36;
4739
4823
  color: var(--rs-text-heading);
4740
4824
  font-weight: normal;
4741
- font-size: 16px;
4825
+ font-size: 18px;
4742
4826
  line-height: 36px;
4743
4827
  overflow: hidden;
4744
4828
  text-overflow: ellipsis;
@@ -4923,7 +5007,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4923
5007
  outline: 0;
4924
5008
  }
4925
5009
  .rs-dropdown-menu:focus-visible {
4926
- outline: 3px solid rgba(52, 152, 255, 0.25);
5010
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
4927
5011
  outline: 3px solid var(--rs-color-focus-ring);
4928
5012
  }
4929
5013
  .rs-theme-high-contrast .rs-dropdown-menu:focus-visible {
@@ -4982,7 +5066,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4982
5066
  }
4983
5067
  .rs-dropdown-item:focus-visible,
4984
5068
  .rs-dropdown-item.rs-dropdown-item-focus {
4985
- background-color: rgba(204, 233, 255, 0.5);
5069
+ background-color: rgb(from #cce9ff r g b / 50%);
4986
5070
  background-color: var(--rs-menuitem-active-bg);
4987
5071
  color: #1675e0;
4988
5072
  color: var(--rs-menuitem-active-text);
@@ -5019,7 +5103,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5019
5103
  position: relative;
5020
5104
  }
5021
5105
  .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle {
5022
- background-color: rgba(204, 233, 255, 0.5);
5106
+ background-color: rgb(from #cce9ff r g b / 50%);
5023
5107
  background-color: var(--rs-menuitem-active-bg);
5024
5108
  color: #1675e0;
5025
5109
  color: var(--rs-menuitem-active-text);
@@ -5072,7 +5156,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5072
5156
  }
5073
5157
  .rs-dropdown-menu > .rs-dropdown-menu-item-focus:hover,
5074
5158
  .rs-dropdown-menu > .rs-dropdown-menu-item-focus:focus {
5075
- background-color: rgba(204, 233, 255, 0.5);
5159
+ background-color: rgb(from #cce9ff r g b / 50%);
5076
5160
  background-color: var(--rs-menuitem-active-bg);
5077
5161
  color: #1675e0;
5078
5162
  color: var(--rs-menuitem-active-text);
@@ -7870,7 +7954,7 @@ textarea.rs-input {
7870
7954
  border-color: var(--rs-input-focus-border);
7871
7955
  }
7872
7956
  .rs-input:focus {
7873
- outline: 3px solid rgba(52, 152, 255, 0.25);
7957
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
7874
7958
  outline: 3px solid var(--rs-color-focus-ring);
7875
7959
  }
7876
7960
  .rs-theme-high-contrast .rs-input:focus {
@@ -7958,7 +8042,7 @@ textarea.rs-input-sm {
7958
8042
  }
7959
8043
  .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
7960
8044
  .rs-input-group:focus-within {
7961
- outline: 3px solid rgba(52, 152, 255, 0.25);
8045
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
7962
8046
  outline: 3px solid var(--rs-color-focus-ring);
7963
8047
  }
7964
8048
  .rs-theme-high-contrast .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
@@ -8770,7 +8854,7 @@ textarea.rs-picker-search-input {
8770
8854
  z-index: 1149;
8771
8855
  }
8772
8856
  .rs-list-item-holder {
8773
- background-color: rgba(242, 250, 255, 0.5);
8857
+ background-color: rgb(from #f2faff r g b / 50%);
8774
8858
  background-color: var(--rs-list-placeholder-bg);
8775
8859
  visibility: hidden;
8776
8860
  }
@@ -8831,7 +8915,7 @@ textarea.rs-picker-search-input {
8831
8915
  border-radius: 50%;
8832
8916
  }
8833
8917
  .rs-loader-spin::before {
8834
- border: 3px solid rgba(247, 247, 250, 0.8);
8918
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
8835
8919
  border: 3px solid var(--rs-loader-ring);
8836
8920
  }
8837
8921
  .rs-loader-spin::after {
@@ -8858,7 +8942,7 @@ textarea.rs-picker-search-input {
8858
8942
  left: 0;
8859
8943
  width: 100%;
8860
8944
  height: 100%;
8861
- background: rgba(255, 255, 255, 0.9);
8945
+ background: rgb(from #fff r g b / 90%);
8862
8946
  background: var(--rs-loader-backdrop);
8863
8947
  }
8864
8948
  .rs-loader-vertical {
@@ -8892,11 +8976,11 @@ textarea.rs-picker-search-input {
8892
8976
  color: var(--rs-text-inverse);
8893
8977
  }
8894
8978
  .rs-loader-inverse .rs-loader-backdrop {
8895
- background: rgba(39, 44, 54, 0.83);
8979
+ background: rgb(from #272c36 r g b / 83%);
8896
8980
  background: var(--rs-loader-backdrop-inverse);
8897
8981
  }
8898
8982
  .rs-loader-inverse .rs-loader-spin::before {
8899
- border-color: rgba(247, 247, 250, 0.3);
8983
+ border-color: rgb(from #f7f7fa r g b / 30%);
8900
8984
  border-color: var(--rs-loader-ring-inverse);
8901
8985
  }
8902
8986
  .rs-loader-inverse .rs-loader-spin::after {
@@ -9350,7 +9434,7 @@ textarea.rs-picker-search-input {
9350
9434
  width: 100vw;
9351
9435
  height: 100vh;
9352
9436
  z-index: 1049;
9353
- background-color: rgba(39, 44, 54, 0.3);
9437
+ background-color: rgb(from #272c36 r g b / 30%);
9354
9438
  background-color: var(--rs-bg-backdrop);
9355
9439
  }
9356
9440
  .rs-modal-backdrop.rs-anim-fade {
@@ -9446,8 +9530,8 @@ textarea.rs-picker-search-input {
9446
9530
  }
9447
9531
  .rs-modal-title {
9448
9532
  font-weight: normal;
9449
- font-size: 16px;
9450
- line-height: 1.25;
9533
+ font-size: 18px;
9534
+ line-height: 1.11111111;
9451
9535
  display: block;
9452
9536
  color: #272c36;
9453
9537
  color: var(--rs-text-heading);
@@ -9573,7 +9657,7 @@ textarea.rs-picker-search-input {
9573
9657
  text-decoration: underline;
9574
9658
  }
9575
9659
  .rs-nav-item:focus-visible {
9576
- outline: 3px solid rgba(52, 152, 255, 0.25);
9660
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
9577
9661
  outline: 3px solid var(--rs-color-focus-ring);
9578
9662
  outline-width: 2px;
9579
9663
  outline-offset: 0;
@@ -9810,7 +9894,7 @@ textarea.rs-picker-search-input {
9810
9894
  .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
9811
9895
  .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9812
9896
  z-index: 1;
9813
- outline: 3px solid rgba(52, 152, 255, 0.25);
9897
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
9814
9898
  outline: 3px solid var(--rs-color-focus-ring);
9815
9899
  }
9816
9900
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
@@ -9823,7 +9907,7 @@ textarea.rs-picker-search-input {
9823
9907
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
9824
9908
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
9825
9909
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9826
- outline: 3px solid rgba(52, 152, 255, 0.25);
9910
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
9827
9911
  outline: 3px solid var(--rs-color-focus-ring);
9828
9912
  outline-offset: -3px;
9829
9913
  outline-width: 2px;
@@ -9879,7 +9963,7 @@ textarea.rs-picker-search-input {
9879
9963
  .rs-navbar-nav > .rs-dropdown-item:focus-visible,
9880
9964
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus,
9881
9965
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
9882
- outline: 3px solid rgba(52, 152, 255, 0.25);
9966
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
9883
9967
  outline: 3px solid var(--rs-color-focus-ring);
9884
9968
  outline-offset: -3px;
9885
9969
  z-index: 2;
@@ -9892,7 +9976,7 @@ textarea.rs-picker-search-input {
9892
9976
  .rs-theme-high-contrast .rs-navbar-brand:focus-visible,
9893
9977
  .rs-theme-high-contrast .rs-navbar-item:focus-visible,
9894
9978
  .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
9895
- outline: 3px solid rgba(52, 152, 255, 0.25);
9979
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
9896
9980
  outline: 3px solid var(--rs-color-focus-ring);
9897
9981
  outline-offset: -3px;
9898
9982
  outline-width: 2px;
@@ -9917,7 +10001,7 @@ textarea.rs-picker-search-input {
9917
10001
  border: none;
9918
10002
  }
9919
10003
  .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
9920
- outline: 3px solid rgba(52, 152, 255, 0.25);
10004
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
9921
10005
  outline: 3px solid var(--rs-color-focus-ring);
9922
10006
  outline-offset: -3px;
9923
10007
  outline-width: 2px;
@@ -9930,7 +10014,7 @@ textarea.rs-picker-search-input {
9930
10014
  right: 16px;
9931
10015
  }
9932
10016
  .rs-navbar .rs-dropdown-item:hover {
9933
- background-color: rgba(204, 233, 255, 0.5);
10017
+ background-color: rgb(from #cce9ff r g b / 50%);
9934
10018
  background-color: var(--rs-menuitem-active-bg);
9935
10019
  color: #1675e0;
9936
10020
  color: var(--rs-menuitem-active-text);
@@ -10418,7 +10502,7 @@ textarea.rs-picker-search-input {
10418
10502
  border-left: var(--rs-btn-default-border, none);
10419
10503
  }
10420
10504
  .rs-pagination-btn:focus-visible {
10421
- outline: 3px solid rgba(52, 152, 255, 0.25);
10505
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
10422
10506
  outline: 3px solid var(--rs-color-focus-ring);
10423
10507
  }
10424
10508
  .rs-theme-high-contrast .rs-pagination-btn:focus-visible {
@@ -10790,9 +10874,9 @@ textarea.rs-picker-search-input {
10790
10874
  }
10791
10875
  .rs-picker-toggle-active,
10792
10876
  .rs-picker.rs-picker-focused {
10793
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
10877
+ -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
10794
10878
  -webkit-box-shadow: var(--rs-state-focus-shadow);
10795
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
10879
+ box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
10796
10880
  box-shadow: var(--rs-state-focus-shadow);
10797
10881
  }
10798
10882
  .rs-picker-toggle {
@@ -10870,7 +10954,7 @@ textarea.rs-picker-search-input {
10870
10954
  border-left: var(--rs-btn-default-border, none);
10871
10955
  }
10872
10956
  .rs-picker-toggle:focus-visible {
10873
- outline: 3px solid rgba(52, 152, 255, 0.25);
10957
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
10874
10958
  outline: 3px solid var(--rs-color-focus-ring);
10875
10959
  }
10876
10960
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
@@ -11718,7 +11802,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11718
11802
  border-color: var(--rs-input-focus-border);
11719
11803
  }
11720
11804
  .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
11721
- outline: 3px solid rgba(52, 152, 255, 0.25);
11805
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
11722
11806
  outline: 3px solid var(--rs-color-focus-ring);
11723
11807
  }
11724
11808
  .rs-theme-high-contrast .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
@@ -11769,13 +11853,13 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11769
11853
  .rs-check-item:not(.rs-checkbox-disabled):hover,
11770
11854
  .rs-check-item:focus,
11771
11855
  .rs-check-item.rs-check-item-focus {
11772
- background-color: rgba(204, 233, 255, 0.5);
11856
+ background-color: rgb(from #cce9ff r g b / 50%);
11773
11857
  background-color: var(--rs-listbox-option-hover-bg);
11774
11858
  }
11775
11859
  .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
11776
11860
  .rs-theme-high-contrast .rs-check-item:focus,
11777
11861
  .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
11778
- outline: 3px solid rgba(52, 152, 255, 0.25);
11862
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
11779
11863
  outline: 3px solid var(--rs-color-focus-ring);
11780
11864
  outline-offset: -3px;
11781
11865
  outline-width: 2px;
@@ -11939,8 +12023,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11939
12023
  background: linear-gradient(-45deg, #f2f2f5 25%, #e5e5ea 37%, #f2f2f5 63%);
11940
12024
  background: linear-gradient(-45deg, var(--rs-placeholder) 25%, var(--rs-placeholder-active) 37%, var(--rs-placeholder) 63%);
11941
12025
  background-size: 400% 100% !important;
11942
- -webkit-animation: placeholder-active 3s ease infinite;
11943
- animation: placeholder-active 3s ease infinite;
12026
+ -webkit-animation: placeholder-active 1.5s ease infinite;
12027
+ animation: placeholder-active 1.5s ease infinite;
11944
12028
  }
11945
12029
  @-webkit-keyframes placeholder-active {
11946
12030
  0% {
@@ -12553,9 +12637,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12553
12637
  margin-left: 0;
12554
12638
  }
12555
12639
  .rs-radio [type='radio']:focus ~ .rs-radio-inner::before {
12556
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12640
+ -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
12557
12641
  -webkit-box-shadow: var(--rs-state-focus-shadow);
12558
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12642
+ box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
12559
12643
  box-shadow: var(--rs-state-focus-shadow);
12560
12644
  }
12561
12645
  .rs-radio-checker {
@@ -12938,7 +13022,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12938
13022
  .rs-picker-select-menu-item:hover,
12939
13023
  .rs-picker-select-menu-item:focus,
12940
13024
  .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
12941
- background-color: rgba(204, 233, 255, 0.5);
13025
+ background-color: rgb(from #cce9ff r g b / 50%);
12942
13026
  background-color: var(--rs-listbox-option-hover-bg);
12943
13027
  color: #1675e0;
12944
13028
  color: var(--rs-listbox-option-hover-text);
@@ -12946,7 +13030,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12946
13030
  .rs-theme-high-contrast .rs-picker-select-menu-item:hover,
12947
13031
  .rs-theme-high-contrast .rs-picker-select-menu-item:focus,
12948
13032
  .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
12949
- outline: 3px solid rgba(52, 152, 255, 0.25);
13033
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
12950
13034
  outline: 3px solid var(--rs-color-focus-ring);
12951
13035
  outline-offset: -3px;
12952
13036
  outline-width: 2px;
@@ -13035,7 +13119,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13035
13119
  outline: 0;
13036
13120
  }
13037
13121
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
13038
- outline: 3px solid rgba(52, 152, 255, 0.25);
13122
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13039
13123
  outline: 3px solid var(--rs-color-focus-ring);
13040
13124
  outline-offset: -3px;
13041
13125
  z-index: 1;
@@ -13044,7 +13128,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13044
13128
  outline-offset: 2px;
13045
13129
  }
13046
13130
  .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
13047
- outline: 3px solid rgba(52, 152, 255, 0.25);
13131
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13048
13132
  outline: 3px solid var(--rs-color-focus-ring);
13049
13133
  outline-offset: -3px;
13050
13134
  outline-width: 2px;
@@ -13071,7 +13155,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13071
13155
  border: none;
13072
13156
  }
13073
13157
  .rs-sidenav-nav .rs-sidenav-item:focus-visible {
13074
- outline: 3px solid rgba(52, 152, 255, 0.25);
13158
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13075
13159
  outline: 3px solid var(--rs-color-focus-ring);
13076
13160
  outline-offset: -3px;
13077
13161
  z-index: 1;
@@ -13080,7 +13164,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13080
13164
  outline-offset: 2px;
13081
13165
  }
13082
13166
  .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
13083
- outline: 3px solid rgba(52, 152, 255, 0.25);
13167
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13084
13168
  outline: 3px solid var(--rs-color-focus-ring);
13085
13169
  outline-offset: -3px;
13086
13170
  outline-width: 2px;
@@ -13120,7 +13204,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13120
13204
  }
13121
13205
  .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
13122
13206
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
13123
- outline: 3px solid rgba(52, 152, 255, 0.25);
13207
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13124
13208
  outline: 3px solid var(--rs-color-focus-ring);
13125
13209
  outline-offset: -3px;
13126
13210
  }
@@ -13140,7 +13224,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13140
13224
  }
13141
13225
  .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
13142
13226
  .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
13143
- outline: 3px solid rgba(52, 152, 255, 0.25);
13227
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13144
13228
  outline: 3px solid var(--rs-color-focus-ring);
13145
13229
  z-index: 2;
13146
13230
  }
@@ -13150,7 +13234,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13150
13234
  }
13151
13235
  .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
13152
13236
  .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
13153
- outline: 3px solid rgba(52, 152, 255, 0.25);
13237
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13154
13238
  outline: 3px solid var(--rs-color-focus-ring);
13155
13239
  outline-offset: -3px;
13156
13240
  outline-width: 2px;
@@ -13171,7 +13255,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13171
13255
  }
13172
13256
  .rs-sidenav-item:focus-visible,
13173
13257
  .rs-sidenav-item.rs-sidenav-item-focus {
13174
- outline: 3px solid rgba(52, 152, 255, 0.25);
13258
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13175
13259
  outline: 3px solid var(--rs-color-focus-ring);
13176
13260
  outline-offset: -3px;
13177
13261
  outline-width: 2px;
@@ -13214,7 +13298,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13214
13298
  }
13215
13299
  .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
13216
13300
  .rs-sidenav-collapse-in .rs-dropdown-item-focus {
13217
- outline: 3px solid rgba(52, 152, 255, 0.25);
13301
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13218
13302
  outline: 3px solid var(--rs-color-focus-ring);
13219
13303
  outline-offset: -3px;
13220
13304
  background: none;
@@ -13226,7 +13310,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13226
13310
  }
13227
13311
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
13228
13312
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
13229
- outline: 3px solid rgba(52, 152, 255, 0.25);
13313
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13230
13314
  outline: 3px solid var(--rs-color-focus-ring);
13231
13315
  outline-offset: -3px;
13232
13316
  outline-width: 2px;
@@ -13242,7 +13326,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13242
13326
  }
13243
13327
  .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
13244
13328
  .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
13245
- outline: 3px solid rgba(52, 152, 255, 0.25);
13329
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13246
13330
  outline: 3px solid var(--rs-color-focus-ring);
13247
13331
  outline-offset: -3px;
13248
13332
  z-index: 2;
@@ -13253,7 +13337,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13253
13337
  }
13254
13338
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
13255
13339
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
13256
- outline: 3px solid rgba(52, 152, 255, 0.25);
13340
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13257
13341
  outline: 3px solid var(--rs-color-focus-ring);
13258
13342
  outline-offset: -3px;
13259
13343
  outline-width: 2px;
@@ -13363,7 +13447,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13363
13447
  }
13364
13448
  .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
13365
13449
  .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
13366
- outline: 3px solid rgba(52, 152, 255, 0.25);
13450
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13367
13451
  outline: 3px solid var(--rs-color-focus-ring);
13368
13452
  }
13369
13453
  .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
@@ -13372,7 +13456,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13372
13456
  }
13373
13457
  .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
13374
13458
  .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
13375
- outline: 3px solid rgba(52, 152, 255, 0.25);
13459
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13376
13460
  outline: 3px solid var(--rs-color-focus-ring);
13377
13461
  outline-offset: -3px;
13378
13462
  outline-width: 2px;
@@ -13448,7 +13532,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13448
13532
  border-top-color: var(--rs-sidenav-default-footer-border);
13449
13533
  }
13450
13534
  .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active {
13451
- background-color: rgba(204, 233, 255, 0.5);
13535
+ background-color: rgb(from #cce9ff r g b / 50%);
13452
13536
  background-color: var(--rs-menuitem-active-bg);
13453
13537
  color: #1675e0;
13454
13538
  color: var(--rs-menuitem-active-text);
@@ -13744,9 +13828,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13744
13828
  }
13745
13829
  .rs-slider-handle:hover::before,
13746
13830
  .rs-slider-handle:focus::before {
13747
- -webkit-box-shadow: 0 0 0 8px rgba(52, 152, 255, 0.25);
13831
+ -webkit-box-shadow: 0 0 0 8px rgb(from #a6a6a6 r g b / 25%);
13748
13832
  -webkit-box-shadow: var(--rs-slider-thumb-hover-shadow);
13749
- box-shadow: 0 0 0 8px rgba(52, 152, 255, 0.25);
13833
+ box-shadow: 0 0 0 8px rgb(from #a6a6a6 r g b / 25%);
13750
13834
  box-shadow: var(--rs-slider-thumb-hover-shadow);
13751
13835
  }
13752
13836
  .rs-slider-handle:active::before,
@@ -14211,7 +14295,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14211
14295
  position: absolute;
14212
14296
  height: 100%;
14213
14297
  width: 100%;
14214
- background-color: rgba(255, 255, 255, 0.9);
14298
+ background-color: rgb(from #fff r g b / 90%);
14215
14299
  background-color: var(--rs-loader-backdrop);
14216
14300
  opacity: 0;
14217
14301
  -webkit-transition: opacity 0.2s ease-in;
@@ -14254,7 +14338,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14254
14338
  border-radius: 50%;
14255
14339
  }
14256
14340
  .rs-table-loader-icon::before {
14257
- border: 3px solid rgba(247, 247, 250, 0.8);
14341
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
14258
14342
  border: 3px solid var(--rs-loader-ring);
14259
14343
  }
14260
14344
  .rs-table-loader-icon::after {
@@ -14517,7 +14601,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14517
14601
  right: 0;
14518
14602
  width: 10px;
14519
14603
  bottom: 10px;
14520
- background-color: rgba(229, 229, 234, 0.4);
14604
+ background-color: rgb(from #e5e5ea r g b / 40%);
14521
14605
  background-color: var(--rs-table-scrollbar-vertical-track);
14522
14606
  }
14523
14607
  .rs-table-scrollbar-vertical .rs-table-scrollbar-handle {
@@ -14927,16 +15011,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14927
15011
  box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
14928
15012
  }
14929
15013
  .rs-toggle-input:focus-visible + .rs-toggle-presentation {
14930
- outline: 3px solid rgba(52, 152, 255, 0.25);
15014
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
14931
15015
  outline: 3px solid var(--rs-color-focus-ring);
14932
15016
  }
14933
15017
  .rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
14934
15018
  outline-offset: 2px;
14935
15019
  }
14936
15020
  .rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
14937
- -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgba(52, 152, 255, 0.25);
15021
+ -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgb(from #3498ff r g b / 25%);
14938
15022
  -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
14939
- box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgba(52, 152, 255, 0.25);
15023
+ box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgb(from #3498ff r g b / 25%);
14940
15024
  box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
14941
15025
  }
14942
15026
  .rs-toggle-presentation:hover {
@@ -15002,7 +15086,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15002
15086
  transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
15003
15087
  }
15004
15088
  .rs-toggle-loader .rs-loader-spin::before {
15005
- border-color: rgba(247, 247, 250, 0.3);
15089
+ border-color: rgb(from #f7f7fa r g b / 30%);
15006
15090
  border-color: var(--rs-toggle-loader-ring);
15007
15091
  }
15008
15092
  .rs-toggle-loader .rs-loader-spin::after {
@@ -15480,7 +15564,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15480
15564
  .rs-tree-node-label-content:hover,
15481
15565
  .rs-tree-node-label-content:focus,
15482
15566
  .rs-tree-node-label-content.rs-tree-node-label-content-focus {
15483
- background-color: rgba(204, 233, 255, 0.5);
15567
+ background-color: rgb(from #cce9ff r g b / 50%);
15484
15568
  background-color: var(--rs-listbox-option-hover-bg);
15485
15569
  color: #1675e0;
15486
15570
  color: var(--rs-listbox-option-hover-text);
@@ -15488,7 +15572,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15488
15572
  .rs-theme-high-contrast .rs-tree-node-label-content:hover,
15489
15573
  .rs-theme-high-contrast .rs-tree-node-label-content:focus,
15490
15574
  .rs-theme-high-contrast .rs-tree-node-label-content.rs-tree-node-label-content-focus {
15491
- outline: 3px solid rgba(52, 152, 255, 0.25);
15575
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
15492
15576
  outline: 3px solid var(--rs-color-focus-ring);
15493
15577
  outline-offset: -3px;
15494
15578
  outline-width: 2px;
@@ -15509,7 +15593,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15509
15593
  background-color: var(--rs-listbox-option-selected-bg);
15510
15594
  }
15511
15595
  .rs-tree-node-drag-over {
15512
- background-color: rgba(204, 233, 255, 0.5);
15596
+ background-color: rgb(from #cce9ff r g b / 50%);
15513
15597
  background-color: var(--rs-listbox-option-hover-bg);
15514
15598
  }
15515
15599
  .rs-tree-node-dragging {
@@ -15742,7 +15826,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15742
15826
  border-radius: 50%;
15743
15827
  }
15744
15828
  .rs-uploader-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before {
15745
- border: 3px solid rgba(247, 247, 250, 0.8);
15829
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
15746
15830
  border: 3px solid var(--rs-loader-ring);
15747
15831
  }
15748
15832
  .rs-uploader-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
@@ -15930,7 +16014,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15930
16014
  border-left: var(--rs-btn-default-border, none);
15931
16015
  }
15932
16016
  .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
15933
- outline: 3px solid rgba(52, 152, 255, 0.25);
16017
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
15934
16018
  outline: 3px solid var(--rs-color-focus-ring);
15935
16019
  }
15936
16020
  .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
@@ -16101,7 +16185,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16101
16185
  height: 66px;
16102
16186
  text-align: center;
16103
16187
  z-index: 3;
16104
- background-color: rgba(255, 255, 255, 0.8);
16188
+ background-color: rgb(from #fff r g b / 80%);
16105
16189
  background-color: var(--rs-uploader-overlay-bg);
16106
16190
  cursor: default;
16107
16191
  color: #f44336;
@@ -16140,7 +16224,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16140
16224
  height: 24px;
16141
16225
  line-height: 24px;
16142
16226
  text-align: center;
16143
- background-color: rgba(255, 255, 255, 0.8);
16227
+ background-color: rgb(from #fff r g b / 80%);
16144
16228
  background-color: var(--rs-uploader-overlay-bg);
16145
16229
  border-radius: 50%;
16146
16230
  visibility: hidden;
@@ -16172,7 +16256,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16172
16256
  width: 66px;
16173
16257
  height: 66px;
16174
16258
  line-height: 66px;
16175
- background-color: rgba(255, 255, 255, 0.8);
16259
+ background-color: rgb(from #fff r g b / 80%);
16176
16260
  background-color: var(--rs-uploader-overlay-bg);
16177
16261
  position: absolute;
16178
16262
  top: 0;
@@ -16201,7 +16285,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16201
16285
  border-radius: 50%;
16202
16286
  }
16203
16287
  .rs-uploader-picture .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before {
16204
- border: 3px solid rgba(247, 247, 250, 0.8);
16288
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
16205
16289
  border: 3px solid var(--rs-loader-ring);
16206
16290
  }
16207
16291
  .rs-uploader-picture .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
@@ -16357,7 +16441,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16357
16441
  border-radius: 50%;
16358
16442
  }
16359
16443
  .rs-uploader-picture-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before {
16360
- border: 3px solid rgba(247, 247, 250, 0.8);
16444
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
16361
16445
  border: 3px solid var(--rs-loader-ring);
16362
16446
  }
16363
16447
  .rs-uploader-picture-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
@@ -16403,7 +16487,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16403
16487
  display: -webkit-inline-box;
16404
16488
  display: -ms-inline-flexbox;
16405
16489
  display: inline-flex;
16406
- color: #ffb300;
16490
+ color: #2196f3;
16407
16491
  color: var(--rs-rate-symbol-checked);
16408
16492
  list-style: none;
16409
16493
  vertical-align: middle;