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-rtl.css CHANGED
@@ -1,5 +1,6 @@
1
1
  :root,
2
2
  .rs-theme-light {
3
+ --rs-gray-0: #fff;
3
4
  --rs-gray-50: #f7f7fa;
4
5
  --rs-gray-100: #f2f2f5;
5
6
  --rs-gray-200: #e5e5ea;
@@ -20,6 +21,13 @@
20
21
  --rs-primary-700: #1675e0;
21
22
  --rs-primary-800: #0a5dc2;
22
23
  --rs-primary-900: #004299;
24
+ --rs-color-red: #f44336;
25
+ --rs-color-orange: #fa8900;
26
+ --rs-color-yellow: #ffb300;
27
+ --rs-color-green: #4caf50;
28
+ --rs-color-cyan: #00bcd4;
29
+ --rs-color-blue: #2196f3;
30
+ --rs-color-violet: #673ab7;
23
31
  --rs-red-50: #fff2f2;
24
32
  --rs-red-100: #fccfcf;
25
33
  --rs-red-200: #faa9a7;
@@ -90,251 +98,275 @@
90
98
  --rs-violet-700: #531ba8;
91
99
  --rs-violet-800: #470c99;
92
100
  --rs-violet-900: #390085;
93
- --rs-state-success: #4caf50;
94
- --rs-state-info: #2196f3;
95
- --rs-state-warning: #ffb300;
96
- --rs-state-error: #f44336;
97
- --rs-body: #fff;
101
+ --rs-state-success: var(--rs-color-green);
102
+ --rs-state-info: var(--rs-color-blue);
103
+ --rs-state-warning: var(--rs-color-yellow);
104
+ --rs-state-error: var(--rs-color-red);
105
+ --rs-body: var(--rs-gray-0);
98
106
  --rs-bg-success: #edfae1;
99
107
  --rs-bg-info: #e9f5fe;
100
108
  --rs-bg-warning: #fff9e6;
101
109
  --rs-bg-error: #fde9ef;
102
- --rs-text-link: #1675e0;
103
- --rs-text-link-hover: #0a5dc2;
104
- --rs-text-link-active: #004299;
105
- --rs-text-primary: #575757;
106
- --rs-text-secondary: #8e8e93;
107
- --rs-text-tertiary: #a6a6a6;
108
- --rs-text-heading: #272c36;
109
- --rs-text-inverse: #f7f7fa;
110
- --rs-text-heading-inverse: #fff;
111
- --rs-text-active: #1675e0;
112
- --rs-text-disabled: #c5c6c7;
113
- --rs-text-error: #f44336;
114
- --rs-border-primary: #e5e5ea;
115
- --rs-border-secondary: #f2f2f5;
116
- --rs-bg-card: #fff;
117
- --rs-bg-overlay: #fff;
118
- --rs-bg-well: #f7f7fa;
119
- --rs-bg-active: #3498ff;
120
- --rs-bg-backdrop: rgba(39, 44, 54, 0.3);
121
- --rs-state-hover-bg: #f2faff;
122
- --rs-color-focus-ring: rgba(52, 152, 255, 0.25);
123
- --rs-state-focus-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
124
- --rs-state-focus-outline: 3px solid rgba(52, 152, 255, 0.25);
110
+ --rs-text-link: var(--rs-primary-700);
111
+ --rs-text-link-hover: var(--rs-primary-800);
112
+ --rs-text-link-active: var(--rs-primary-900);
113
+ --rs-text-primary: var(--rs-gray-800);
114
+ --rs-text-secondary: var(--rs-gray-600);
115
+ --rs-text-tertiary: var(--rs-gray-500);
116
+ --rs-text-heading: var(--rs-gray-900);
117
+ --rs-text-inverse: var(--rs-gray-50);
118
+ --rs-text-heading-inverse: var(--rs-gray-0);
119
+ --rs-text-active: var(--rs-primary-700);
120
+ --rs-text-disabled: var(--rs-gray-400);
121
+ --rs-text-error: var(--rs-color-red);
122
+ --rs-border-primary: var(--rs-gray-200);
123
+ --rs-border-secondary: var(--rs-gray-100);
124
+ --rs-bg-card: var(--rs-gray-0);
125
+ --rs-bg-overlay: var(--rs-gray-0);
126
+ --rs-bg-well: var(--rs-gray-50);
127
+ --rs-bg-active: var(--rs-primary-500);
128
+ --rs-bg-backdrop: rgb(from var(--rs-gray-900) r g b / 30%);
129
+ --rs-state-hover-bg: var(--rs-primary-50);
130
+ --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
131
+ --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-primary-500) r g b / 25%);
132
+ --rs-state-focus-outline: 3px solid rgb(from var(--rs-primary-500) r g b / 25%);
125
133
  --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
126
- --rs-btn-default-bg: #f7f7fa;
127
- --rs-btn-default-text: #575757;
128
- --rs-btn-default-hover-bg: #e5e5ea;
129
- --rs-btn-default-active-bg: #d9d9d9;
130
- --rs-btn-default-active-text: #272c36;
131
- --rs-btn-default-disabled-bg: #f7f7fa;
132
- --rs-btn-default-disabled-text: #c5c6c7;
133
- --rs-btn-primary-bg: #3498ff;
134
- --rs-btn-primary-text: #fff;
135
- --rs-btn-primary-hover-bg: #2589f5;
136
- --rs-btn-primary-active-bg: #1675e0;
137
- --rs-btn-subtle-text: #575757;
138
- --rs-btn-subtle-hover-bg: #e5e5ea;
139
- --rs-btn-subtle-hover-text: #575757;
140
- --rs-btn-subtle-active-bg: #e5e5ea;
141
- --rs-btn-subtle-active-text: #272c36;
142
- --rs-btn-subtle-disabled-text: #c5c6c7;
143
- --rs-btn-ghost-border: #1675e0;
144
- --rs-btn-ghost-text: #1675e0;
145
- --rs-btn-ghost-hover-border: #0a5dc2;
146
- --rs-btn-ghost-hover-text: #0a5dc2;
147
- --rs-btn-ghost-active-border: #004299;
148
- --rs-btn-ghost-active-text: #004299;
149
- --rs-btn-link-text: #1675e0;
150
- --rs-btn-link-hover-text: #0a5dc2;
151
- --rs-btn-link-active-text: #004299;
152
- --rs-iconbtn-addon: #f2f2f5;
153
- --rs-iconbtn-activated-addon: #d9d9d9;
154
- --rs-iconbtn-pressed-addon: #c5c6c7;
155
- --rs-iconbtn-primary-addon: #2589f5;
156
- --rs-iconbtn-primary-activated-addon: #1675e0;
157
- --rs-iconbtn-primary-pressed-addon: #0a5dc2;
158
- --rs-divider-border: #e5e5ea;
159
- --rs-loader-ring: rgba(247, 247, 250, 0.8);
160
- --rs-loader-rotor: #a6a6a6;
161
- --rs-loader-backdrop: rgba(255, 255, 255, 0.9);
162
- --rs-loader-ring-inverse: rgba(247, 247, 250, 0.3);
163
- --rs-loader-rotor-inverse: #fff;
164
- --rs-loader-backdrop-inverse: rgba(39, 44, 54, 0.83);
134
+ --rs-btn-default-bg: var(--rs-gray-50);
135
+ --rs-btn-default-text: var(--rs-gray-800);
136
+ --rs-btn-default-hover-bg: var(--rs-gray-200);
137
+ --rs-btn-default-active-bg: var(--rs-gray-300);
138
+ --rs-btn-default-active-text: var(--rs-gray-900);
139
+ --rs-btn-default-disabled-bg: var(--rs-gray-50);
140
+ --rs-btn-default-disabled-text: var(--rs-gray-400);
141
+ --rs-btn-primary-bg: var(--rs-primary-500);
142
+ --rs-btn-primary-text: var(--rs-gray-0);
143
+ --rs-btn-primary-hover-bg: var(--rs-primary-600);
144
+ --rs-btn-primary-active-bg: var(--rs-primary-700);
145
+ --rs-btn-subtle-text: var(--rs-gray-800);
146
+ --rs-btn-subtle-hover-bg: var(--rs-gray-200);
147
+ --rs-btn-subtle-hover-text: var(--rs-gray-800);
148
+ --rs-btn-subtle-active-bg: var(--rs-gray-200);
149
+ --rs-btn-subtle-active-text: var(--rs-gray-900);
150
+ --rs-btn-subtle-disabled-text: var(--rs-gray-400);
151
+ --rs-btn-ghost-border: var(--rs-primary-700);
152
+ --rs-btn-ghost-text: var(--rs-primary-700);
153
+ --rs-btn-ghost-hover-border: var(--rs-primary-800);
154
+ --rs-btn-ghost-hover-text: var(--rs-primary-800);
155
+ --rs-btn-ghost-active-border: var(--rs-primary-900);
156
+ --rs-btn-ghost-active-text: var(--rs-primary-900);
157
+ --rs-btn-link-text: var(--rs-primary-700);
158
+ --rs-btn-link-hover-text: var(--rs-primary-800);
159
+ --rs-btn-link-active-text: var(--rs-primary-900);
160
+ --rs-iconbtn-addon: var(--rs-gray-100);
161
+ --rs-iconbtn-activated-addon: var(--rs-gray-300);
162
+ --rs-iconbtn-pressed-addon: var(--rs-gray-400);
163
+ --rs-iconbtn-primary-addon: var(--rs-primary-600);
164
+ --rs-iconbtn-primary-activated-addon: var(--rs-primary-700);
165
+ --rs-iconbtn-primary-pressed-addon: var(--rs-primary-800);
166
+ --rs-divider-border: var(--rs-gray-200);
167
+ --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 80%);
168
+ --rs-loader-rotor: var(--rs-gray-500);
169
+ --rs-loader-backdrop: rgb(from var(--rs-gray-0) r g b / 90%);
170
+ --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 30%);
171
+ --rs-loader-rotor-inverse: var(--rs-gray-0);
172
+ --rs-loader-backdrop-inverse: rgb(from var(--rs-gray-900) r g b / 83%);
165
173
  --rs-message-success-header: var(--rs-text-heading);
166
174
  --rs-message-success-text: var(--rs-text-primary);
167
- --rs-message-success-icon: #4caf50;
168
- --rs-message-success-bg: #eeffed;
175
+ --rs-message-success-icon: var(--rs-color-green);
176
+ --rs-message-success-bg: var(--rs-green-50);
169
177
  --rs-message-info-header: var(--rs-text-heading);
170
178
  --rs-message-info-text: var(--rs-text-primary);
171
- --rs-message-info-icon: #2196f3;
172
- --rs-message-info-bg: #f0f9ff;
179
+ --rs-message-info-icon: var(--rs-color-blue);
180
+ --rs-message-info-bg: var(--rs-blue-50);
173
181
  --rs-message-warning-header: var(--rs-text-heading);
174
182
  --rs-message-warning-text: var(--rs-text-primary);
175
- --rs-message-warning-icon: #ffb300;
176
- --rs-message-warning-bg: #fffaf2;
183
+ --rs-message-warning-icon: var(--rs-color-yellow);
184
+ --rs-message-warning-bg: var(--rs-yellow-50);
177
185
  --rs-message-error-header: var(--rs-text-heading);
178
186
  --rs-message-error-text: var(--rs-text-primary);
179
- --rs-message-error-icon: #f44336;
180
- --rs-message-error-bg: #fff2f2;
181
- --rs-tooltip-bg: #272c36;
182
- --rs-tooltip-text: #fff;
183
- --rs-progress-bg: #e5e5ea;
184
- --rs-progress-bar: #3498ff;
185
- --rs-progress-bar-success: #4caf50;
186
- --rs-progress-bar-fail: #f44336;
187
- --rs-placeholder: #f2f2f5;
188
- --rs-placeholder-active: #e5e5ea;
189
- --rs-breadcrumb-item-active-text: #272c36;
190
- --rs-dropdown-divider: #e5e5ea;
191
- --rs-dropdown-item-bg-hover: rgba(204, 233, 255, 0.5);
192
- --rs-dropdown-item-bg-active: #f2faff;
193
- --rs-dropdown-item-text-active: #1675e0;
194
- --rs-dropdown-header-text: #a6a6a6;
187
+ --rs-message-error-icon: var(--rs-color-red);
188
+ --rs-message-error-bg: var(--rs-red-50);
189
+ --rs-tooltip-bg: var(--rs-gray-900);
190
+ --rs-tooltip-text: var(--rs-gray-0);
191
+ --rs-progress-bg: var(--rs-gray-200);
192
+ --rs-progress-bar: var(--rs-primary-500);
193
+ --rs-progress-bar-success: var(--rs-color-green);
194
+ --rs-progress-bar-fail: var(--rs-color-red);
195
+ --rs-placeholder: var(--rs-gray-100);
196
+ --rs-placeholder-active: var(--rs-gray-200);
197
+ --rs-breadcrumb-item-active-text: var(--rs-gray-900);
198
+ --rs-dropdown-divider: var(--rs-gray-200);
199
+ --rs-dropdown-item-bg-hover: rgb(from var(--rs-primary-100) r g b / 50%);
200
+ --rs-dropdown-item-bg-active: var(--rs-primary-50);
201
+ --rs-dropdown-item-text-active: var(--rs-primary-700);
202
+ --rs-dropdown-header-text: var(--rs-gray-500);
195
203
  --rs-dropdown-shadow: 0 0 10px rgba(0, 0, 0, 0.06), 0 4px 4px rgba(0, 0, 0, 0.12);
196
- --rs-menuitem-active-bg: rgba(204, 233, 255, 0.5);
197
- --rs-menuitem-active-text: #1675e0;
198
- --rs-steps-border: #8e8e93;
199
- --rs-steps-state-finish: #3498ff;
200
- --rs-steps-border-state-finish: #3498ff;
201
- --rs-steps-state-wait: #8e8e93;
202
- --rs-steps-state-process: #3498ff;
203
- --rs-steps-state-error: #f44336;
204
- --rs-steps-border-state-error: #f44336;
205
- --rs-steps-icon-state-process: #3498ff;
206
- --rs-steps-icon-state-error: #f44336;
207
- --rs-navs-text: #575757;
208
- --rs-navs-text-hover: #575757;
209
- --rs-navs-bg-hover: #e5e5ea;
210
- --rs-navs-text-active: #272c36;
211
- --rs-navs-bg-active: #e5e5ea;
212
- --rs-navs-tab-border: #d9d9d9;
213
- --rs-navs-subtle-border: #f7f7fa;
214
- --rs-navs-selected: #1675e0;
215
- --rs-navbar-default-bg: #f7f7fa;
216
- --rs-navbar-default-text: #575757;
217
- --rs-navbar-default-selected-text: #1675e0;
218
- --rs-navbar-default-hover-bg: #e5e5ea;
219
- --rs-navbar-default-hover-text: #575757;
220
- --rs-navbar-inverse-bg: #3498ff;
204
+ --rs-menuitem-active-bg: rgb(from var(--rs-primary-100) r g b / 50%);
205
+ --rs-menuitem-active-text: var(--rs-primary-700);
206
+ --rs-steps-border: var(--rs-gray-600);
207
+ --rs-steps-state-finish: var(--rs-primary-500);
208
+ --rs-steps-border-state-finish: var(--rs-primary-500);
209
+ --rs-steps-state-wait: var(--rs-gray-600);
210
+ --rs-steps-state-process: var(--rs-primary-500);
211
+ --rs-steps-state-error: var(--rs-color-red);
212
+ --rs-steps-border-state-error: var(--rs-color-red);
213
+ --rs-steps-icon-state-process: var(--rs-primary-500);
214
+ --rs-steps-icon-state-error: var(--rs-color-red);
215
+ --rs-navs-text: var(--rs-gray-800);
216
+ --rs-navs-text-hover: var(--rs-gray-800);
217
+ --rs-navs-bg-hover: var(--rs-gray-200);
218
+ --rs-navs-text-active: var(--rs-gray-900);
219
+ --rs-navs-bg-active: var(--rs-gray-200);
220
+ --rs-navs-tab-border: var(--rs-gray-300);
221
+ --rs-navs-subtle-border: var(--rs-gray-50);
222
+ --rs-navs-selected: var(--rs-primary-700);
223
+ --rs-navbar-default-bg: var(--rs-gray-50);
224
+ --rs-navbar-default-text: var(--rs-gray-800);
225
+ --rs-navbar-default-selected-text: var(--rs-primary-700);
226
+ --rs-navbar-default-hover-bg: var(--rs-gray-200);
227
+ --rs-navbar-default-hover-text: var(--rs-gray-800);
228
+ --rs-navbar-inverse-bg: var(--rs-primary-500);
221
229
  --rs-navbar-inverse-text: #fff;
222
- --rs-navbar-inverse-selected-bg: #1675e0;
223
- --rs-navbar-inverse-hover-bg: #2589f5;
230
+ --rs-navbar-inverse-selected-bg: var(--rs-primary-700);
231
+ --rs-navbar-inverse-hover-bg: var(--rs-primary-600);
224
232
  --rs-navbar-inverse-hover-text: #fff;
225
233
  --rs-navbar-subtle-bg: #fff;
226
- --rs-navbar-subtle-text: #575757;
227
- --rs-navbar-subtle-selected-text: #1675e0;
228
- --rs-navbar-subtle-hover-bg: #f7f7fa;
229
- --rs-navbar-subtle-hover-text: #575757;
230
- --rs-sidenav-default-bg: #f7f7fa;
231
- --rs-sidenav-default-text: #575757;
232
- --rs-sidenav-default-selected-text: #1675e0;
233
- --rs-sidenav-default-hover-bg: #e5e5ea;
234
- --rs-sidenav-default-hover-text: #575757;
235
- --rs-sidenav-default-footer-border: #e5e5ea;
236
- --rs-sidenav-inverse-bg: #3498ff;
234
+ --rs-navbar-subtle-text: var(--rs-gray-800);
235
+ --rs-navbar-subtle-selected-text: var(--rs-primary-700);
236
+ --rs-navbar-subtle-hover-bg: var(--rs-gray-50);
237
+ --rs-navbar-subtle-hover-text: var(--rs-gray-800);
238
+ --rs-sidenav-default-bg: var(--rs-gray-50);
239
+ --rs-sidenav-default-text: var(--rs-gray-800);
240
+ --rs-sidenav-default-selected-text: var(--rs-primary-700);
241
+ --rs-sidenav-default-hover-bg: var(--rs-gray-200);
242
+ --rs-sidenav-default-hover-text: var(--rs-gray-800);
243
+ --rs-sidenav-default-footer-border: var(--rs-gray-200);
244
+ --rs-sidenav-inverse-bg: var(--rs-primary-500);
237
245
  --rs-sidenav-inverse-text: #fff;
238
- --rs-sidenav-inverse-selected-bg: #1675e0;
239
- --rs-sidenav-inverse-hover-bg: #2589f5;
240
- --rs-sidenav-inverse-footer-border: #2589f5;
246
+ --rs-sidenav-inverse-selected-bg: var(--rs-primary-700);
247
+ --rs-sidenav-inverse-hover-bg: var(--rs-primary-600);
248
+ --rs-sidenav-inverse-footer-border: var(--rs-primary-600);
241
249
  --rs-sidenav-subtle-bg: #fff;
242
- --rs-sidenav-subtle-text: #575757;
243
- --rs-sidenav-subtle-selected-text: #1675e0;
244
- --rs-sidenav-subtle-hover-bg: #f7f7fa;
245
- --rs-sidenav-subtle-hover-text: #575757;
246
- --rs-sidenav-subtle-footer-border: #e5e5ea;
247
- --rs-input-bg: #fff;
248
- --rs-input-focus-border: #3498ff;
249
- --rs-input-disabled-bg: #f7f7fa;
250
- --rs-listbox-option-hover-bg: rgba(204, 233, 255, 0.5);
251
- --rs-listbox-option-hover-text: #1675e0;
252
- --rs-listbox-option-selected-text: #1675e0;
253
- --rs-listbox-option-selected-bg: #f2faff;
254
- --rs-listbox-option-disabled-text: #c5c6c7;
255
- --rs-listbox-option-disabled-selected-text: #a6d7ff;
250
+ --rs-sidenav-subtle-text: var(--rs-gray-800);
251
+ --rs-sidenav-subtle-selected-text: var(--rs-primary-700);
252
+ --rs-sidenav-subtle-hover-bg: var(--rs-gray-50);
253
+ --rs-sidenav-subtle-hover-text: var(--rs-gray-800);
254
+ --rs-sidenav-subtle-footer-border: var(--rs-gray-200);
255
+ --rs-input-bg: var(--rs-gray-0);
256
+ --rs-input-focus-border: var(--rs-primary-500);
257
+ --rs-input-disabled-bg: var(--rs-gray-50);
258
+ --rs-listbox-option-hover-bg: rgb(from var(--rs-primary-100) r g b / 50%);
259
+ --rs-listbox-option-hover-text: var(--rs-primary-700);
260
+ --rs-listbox-option-selected-text: var(--rs-primary-700);
261
+ --rs-listbox-option-selected-bg: var(--rs-primary-50);
262
+ --rs-listbox-option-disabled-text: var(--rs-gray-400);
263
+ --rs-listbox-option-disabled-selected-text: var(--rs-primary-200);
256
264
  --rs-checkbox-icon: #fff;
257
- --rs-checkbox-border: #d9d9d9;
258
- --rs-checkbox-checked-bg: #3498ff;
259
- --rs-checkbox-disabled-bg: #f7f7fa;
265
+ --rs-checkbox-border: var(--rs-gray-300);
266
+ --rs-checkbox-checked-bg: var(--rs-primary-500);
267
+ --rs-checkbox-disabled-bg: var(--rs-gray-50);
260
268
  --rs-radio-marker: #fff;
261
- --rs-radio-border: #d9d9d9;
262
- --rs-radio-checked-bg: #3498ff;
263
- --rs-radio-disabled-bg: #f7f7fa;
264
- --rs-radio-tile-border: #d9d9d9;
265
- --rs-radio-tile-bg: #fff;
266
- --rs-radio-tile-checked-color: #3498ff;
269
+ --rs-radio-border: var(--rs-gray-300);
270
+ --rs-radio-checked-bg: var(--rs-primary-500);
271
+ --rs-radio-disabled-bg: var(--rs-gray-50);
272
+ --rs-radio-tile-border: var(--rs-gray-300);
273
+ --rs-radio-tile-bg: var(--rs-gray-0);
274
+ --rs-radio-tile-checked-color: var(--rs-primary-500);
267
275
  --rs-radio-tile-checked-mark-color: #fff;
268
- --rs-radio-tile-checked-disabled-color: #cce9ff;
276
+ --rs-radio-tile-checked-disabled-color: var(--rs-primary-100);
269
277
  --rs-radio-tile-icon-size: 32px;
270
- --rs-rate-symbol: #8e8e93;
271
- --rs-rate-symbol-checked: #ffb300;
272
- --rs-toggle-bg: #d9d9d9;
278
+ --rs-rate-symbol: var(--rs-gray-600);
279
+ --rs-rate-symbol-checked: var(--rs-blue-500);
280
+ --rs-toggle-bg: var(--rs-gray-300);
273
281
  --rs-toggle-thumb: #fff;
274
- --rs-toggle-loader-ring: rgba(247, 247, 250, 0.3);
275
- --rs-toggle-loader-rotor: #fff;
276
- --rs-toggle-hover-bg: #c5c6c7;
277
- --rs-toggle-disabled-bg: #f7f7fa;
282
+ --rs-toggle-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
283
+ --rs-toggle-loader-rotor: var(--rs-gray-0);
284
+ --rs-toggle-hover-bg: var(--rs-gray-400);
285
+ --rs-toggle-disabled-bg: var(--rs-gray-50);
278
286
  --rs-toggle-disabled-thumb: #fff;
279
- --rs-toggle-checked-bg: #3498ff;
287
+ --rs-toggle-checked-bg: var(--rs-primary-500);
280
288
  --rs-toggle-checked-thumb: #fff;
281
- --rs-toggle-checked-hover-bg: #2589f5;
282
- --rs-toggle-checked-disabled-bg: #cce9ff;
289
+ --rs-toggle-checked-hover-bg: var(--rs-primary-600);
290
+ --rs-toggle-checked-disabled-bg: var(--rs-primary-100);
283
291
  --rs-toggle-checked-disabled-thumb: #fff;
284
- --rs-slider-bar: #f2f2f5;
285
- --rs-slider-hover-bar: #e5e5ea;
286
- --rs-slider-thumb-border: #3498ff;
292
+ --rs-slider-bar: var(--rs-gray-100);
293
+ --rs-slider-hover-bar: var(--rs-gray-200);
294
+ --rs-slider-thumb-border: var(--rs-primary-500);
287
295
  --rs-slider-thumb-bg: #fff;
288
- --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(52, 152, 255, 0.25);
289
- --rs-slider-progress: #3498ff;
290
- --rs-uploader-item-bg: #d9d9d9;
291
- --rs-uploader-item-hover-bg: #f7f7fa;
292
- --rs-uploader-overlay-bg: rgba(255, 255, 255, 0.8);
293
- --rs-uploader-dnd-bg: #fff;
294
- --rs-uploader-dnd-border: #e5e5ea;
295
- --rs-uploader-dnd-hover-border: #3498ff;
296
- --rs-avatar-bg: #d9d9d9;
297
- --rs-avatar-text: #fff;
298
- --rs-badge-bg: #f44336;
299
- --rs-badge-text: #fff;
300
- --rs-tag-bg: #f7f7fa;
301
- --rs-tag-close: #f44336;
302
- --rs-carousel-bg: #8e8e93;
303
- --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
304
- --rs-carousel-indicator-hover: #fff;
305
- --rs-carousel-indicator-active: #3498ff;
296
+ --rs-slider-thumb-hover-shadow: 0 0 0 8px rgb(from var(--rs-gray-500) r g b / 25%);
297
+ --rs-slider-progress: var(--rs-primary-500);
298
+ --rs-uploader-item-bg: var(--rs-gray-300);
299
+ --rs-uploader-item-hover-bg: var(--rs-gray-50);
300
+ --rs-uploader-overlay-bg: rgb(from #fff r g b / 80%);
301
+ --rs-uploader-dnd-bg: var(--rs-gray-0);
302
+ --rs-uploader-dnd-border: var(--rs-gray-200);
303
+ --rs-uploader-dnd-hover-border: var(--rs-primary-500);
304
+ --rs-avatar-bg: var(--rs-gray-300);
305
+ --rs-avatar-text: var(--rs-gray-0);
306
+ --rs-badge-bg: var(--rs-color-red);
307
+ --rs-badge-text: var(--rs-gray-0);
308
+ --rs-tag-bg: var(--rs-gray-50);
309
+ --rs-tag-close: var(--rs-color-red);
310
+ --rs-carousel-bg: var(--rs-gray-600);
311
+ --rs-carousel-indicator: rgb(from var(--rs-gray-0) r g b / 40%);
312
+ --rs-carousel-indicator-hover: var(--rs-gray-0);
313
+ --rs-carousel-indicator-active: var(--rs-primary-500);
306
314
  --rs-panel-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
307
- --rs-list-bg: #fff;
308
- --rs-list-border: #e5e5ea;
309
- --rs-list-hover-bg: #f2faff;
310
- --rs-list-placeholder-bg: rgba(242, 250, 255, 0.5);
311
- --rs-list-placeholder-border: #3498ff;
312
- --rs-timeline-indicator-bg: #d9d9d9;
313
- --rs-timeline-indicator-active-bg: #3498ff;
315
+ --rs-list-bg: var(--rs-gray-0);
316
+ --rs-list-border: var(--rs-gray-200);
317
+ --rs-list-hover-bg: var(--rs-primary-50);
318
+ --rs-list-placeholder-bg: rgb(from var(--rs-primary-50) r g b / 50%);
319
+ --rs-list-placeholder-border: var(--rs-primary-500);
320
+ --rs-timeline-indicator-bg: var(--rs-gray-300);
321
+ --rs-timeline-indicator-active-bg: var(--rs-primary-500);
314
322
  --rs-table-shadow: rgba(9, 9, 9, 0.08);
315
- --rs-table-sort: #3498ff;
316
- --rs-table-resize: #3498ff;
317
- --rs-table-scrollbar-track: #e5e5ea;
318
- --rs-table-scrollbar-thumb: #575757;
319
- --rs-table-scrollbar-thumb-active: #272c36;
320
- --rs-table-scrollbar-vertical-track: rgba(229, 229, 234, 0.4);
323
+ --rs-table-sort: var(--rs-primary-500);
324
+ --rs-table-resize: var(--rs-primary-500);
325
+ --rs-table-scrollbar-track: var(--rs-gray-200);
326
+ --rs-table-scrollbar-thumb: var(--rs-gray-800);
327
+ --rs-table-scrollbar-thumb-active: var(--rs-gray-900);
328
+ --rs-table-scrollbar-vertical-track: rgb(from var(--rs-gray-200) r g b / 40%);
321
329
  --rs-drawer-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
322
330
  --rs-modal-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
323
- --rs-form-errormessage-text: #f44336;
331
+ --rs-form-errormessage-text: var(--rs-color-red);
324
332
  --rs-form-errormessage-bg: #fff;
325
- --rs-form-errormessage-border: #e5e5ea;
326
- --rs-picker-value: #1675e0;
327
- --rs-picker-count-bg: #3498ff;
333
+ --rs-form-errormessage-border: var(--rs-gray-200);
334
+ --rs-picker-value: var(--rs-primary-700);
335
+ --rs-picker-count-bg: var(--rs-primary-500);
328
336
  --rs-picker-count-text: #fff;
329
- --rs-calendar-today-bg: #3498ff;
337
+ --rs-calendar-today-bg: var(--rs-primary-500);
330
338
  --rs-calendar-today-text: #fff;
331
- --rs-calendar-range-bg: rgba(204, 233, 255, 0.5);
332
- --rs-calendar-time-unit-bg: #f7f7fa;
339
+ --rs-calendar-range-bg: rgb(from var(--rs-primary-100) r g b / 50%);
340
+ --rs-calendar-time-unit-bg: var(--rs-gray-50);
333
341
  --rs-calendar-date-selected-text: #fff;
334
- --rs-calendar-cell-selected-hover-bg: #1675e0;
342
+ --rs-calendar-cell-selected-hover-bg: var(--rs-primary-700);
335
343
  --rs-popover-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
336
344
  }
345
+ @supports not (color: rgb(from white r g b)) {
346
+ :root,
347
+ .rs-theme-light {
348
+ --rs-bg-backdrop: rgba(39, 44, 54, 0.3);
349
+ --rs-color-focus-ring: rgba(52, 152, 255, 0.25);
350
+ --rs-state-focus-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
351
+ --rs-state-focus-outline: 3px solid rgba(52, 152, 255, 0.25);
352
+ --rs-loader-ring: rgba(247, 247, 250, 0.8);
353
+ --rs-loader-backdrop: rgba(255, 255, 255, 0.9);
354
+ --rs-loader-ring-inverse: rgba(247, 247, 250, 0.3);
355
+ --rs-loader-backdrop-inverse: rgba(39, 44, 54, 0.83);
356
+ --rs-dropdown-item-bg-hover: rgba(204, 233, 255, 0.5);
357
+ --rs-menuitem-active-bg: rgba(204, 233, 255, 0.5);
358
+ --rs-listbox-option-hover-bg: rgba(204, 233, 255, 0.5);
359
+ --rs-toggle-loader-ring: rgba(247, 247, 250, 0.3);
360
+ --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(52, 152, 255, 0.25);
361
+ --rs-uploader-overlay-bg: rgba(255, 255, 255, 0.8);
362
+ --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
363
+ --rs-list-placeholder-bg: rgba(242, 250, 255, 0.5);
364
+ --rs-table-scrollbar-vertical-track: rgba(229, 229, 234, 0.4);
365
+ --rs-calendar-range-bg: rgba(204, 233, 255, 0.5);
366
+ }
367
+ }
337
368
  .rs-theme-dark {
369
+ --rs-gray-0: #fff;
338
370
  --rs-gray-50: #e9ebf0;
339
371
  --rs-gray-100: #cbced4;
340
372
  --rs-gray-200: #a4a9b3;
@@ -355,6 +387,13 @@
355
387
  --rs-primary-700: #169de0;
356
388
  --rs-primary-800: #0a81c2;
357
389
  --rs-primary-900: #006199;
390
+ --rs-color-red: #f04f43;
391
+ --rs-color-orange: #ff9800;
392
+ --rs-color-yellow: #ffc757;
393
+ --rs-color-green: #58b15b;
394
+ --rs-color-cyan: #00bcd4;
395
+ --rs-color-blue: #1499ef;
396
+ --rs-color-violet: #673ab7;
358
397
  --rs-red-50: #ffeded;
359
398
  --rs-red-100: #fccaca;
360
399
  --rs-red-200: #faa9a7;
@@ -425,243 +464,264 @@
425
464
  --rs-violet-700: #531ba8;
426
465
  --rs-violet-800: #470c99;
427
466
  --rs-violet-900: #390085;
428
- --rs-state-success: #58b15b;
429
- --rs-state-info: #1499ef;
430
- --rs-state-warning: #ffc757;
431
- --rs-state-error: #f04f43;
432
- --rs-body: #0f131a;
433
- --rs-text-link: #34c3ff;
434
- --rs-text-link-hover: #59d0ff;
435
- --rs-text-link-active: #80ddff;
436
- --rs-text-primary: #e9ebf0;
437
- --rs-text-secondary: #a4a9b3;
438
- --rs-text-tertiary: #858b94;
439
- --rs-text-heading: #fff;
440
- --rs-text-inverse: #1a1d24;
441
- --rs-text-heading-inverse: #0f131a;
442
- --rs-text-active: #34c3ff;
443
- --rs-text-disabled: #5c6066;
444
- --rs-border-primary: #3c3f43;
445
- --rs-border-secondary: #292d33;
446
- --rs-bg-card: #1a1d24;
447
- --rs-bg-overlay: #292d33;
448
- --rs-bg-well: #0f131a;
449
- --rs-bg-active: #169de0;
450
- --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
451
- --rs-state-hover-bg: #3c3f43;
452
- --rs-color-focus-ring: 0 0 0 3px rgba(52, 195, 255, 0.25);
453
- --rs-state-focus-shadow: 0 0 0 3px rgba(52, 195, 255, 0.25);
454
- --rs-state-focus-outline: 3px solid rgba(52, 195, 255, 0.25);
467
+ --rs-state-success: var(--rs-color-green);
468
+ --rs-state-info: var(--rs-color-blue);
469
+ --rs-state-warning: var(--rs-color-yellow);
470
+ --rs-state-error: var(--rs-color-red);
471
+ --rs-body: var(--rs-gray-900);
472
+ --rs-text-link: var(--rs-primary-500);
473
+ --rs-text-link-hover: var(--rs-primary-400);
474
+ --rs-text-link-active: var(--rs-primary-300);
475
+ --rs-text-primary: var(--rs-gray-50);
476
+ --rs-text-secondary: var(--rs-gray-200);
477
+ --rs-text-tertiary: var(--rs-gray-300);
478
+ --rs-text-heading: var(--rs-gray-0);
479
+ --rs-text-inverse: var(--rs-gray-800);
480
+ --rs-text-heading-inverse: var(--rs-gray-900);
481
+ --rs-text-active: var(--rs-primary-500);
482
+ --rs-text-disabled: var(--rs-gray-500);
483
+ --rs-border-primary: var(--rs-gray-600);
484
+ --rs-border-secondary: var(--rs-gray-700);
485
+ --rs-bg-card: var(--rs-gray-800);
486
+ --rs-bg-overlay: var(--rs-gray-700);
487
+ --rs-bg-well: var(--rs-gray-900);
488
+ --rs-bg-active: var(--rs-primary-700);
489
+ --rs-bg-backdrop: rgb(from var(--rs-gray-900) r g b / 80%);
490
+ --rs-state-hover-bg: var(--rs-gray-600);
491
+ --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
492
+ --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
493
+ --rs-state-focus-outline: 3px solid rgb(from var(--rs-gray-500) r g b / 25%);
455
494
  --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
456
- --rs-btn-default-bg: #3c3f43;
457
- --rs-btn-default-text: #e9ebf0;
458
- --rs-btn-default-hover-bg: #5c6066;
459
- --rs-btn-default-active-bg: #858b94;
460
- --rs-btn-default-active-text: #fff;
461
- --rs-btn-default-disabled-bg: #3c3f43;
462
- --rs-btn-default-disabled-text: #6a6f76;
463
- --rs-btn-primary-bg: #169de0;
464
- --rs-btn-primary-text: #fff;
465
- --rs-btn-primary-hover-bg: #25b3f5;
466
- --rs-btn-primary-active-bg: #59d0ff;
467
- --rs-btn-subtle-text: #a4a9b3;
468
- --rs-btn-subtle-hover-bg: #5c6066;
469
- --rs-btn-subtle-hover-text: #e9ebf0;
470
- --rs-btn-subtle-active-bg: #6a6f76;
471
- --rs-btn-subtle-active-text: #fff;
472
- --rs-btn-subtle-disabled-text: #5c6066;
473
- --rs-btn-ghost-border: #34c3ff;
474
- --rs-btn-ghost-text: #34c3ff;
475
- --rs-btn-ghost-hover-border: #59d0ff;
476
- --rs-btn-ghost-hover-text: #59d0ff;
477
- --rs-btn-ghost-active-border: #a6e9ff;
478
- --rs-btn-ghost-active-text: #a6e9ff;
479
- --rs-btn-link-text: #34c3ff;
480
- --rs-btn-link-hover-text: #59d0ff;
481
- --rs-btn-link-active-text: #a6e9ff;
482
- --rs-iconbtn-addon: #5c6066;
483
- --rs-iconbtn-activated-addon: #6a6f76;
484
- --rs-iconbtn-pressed-addon: #a4a9b3;
485
- --rs-iconbtn-primary-addon: #25b3f5;
486
- --rs-iconbtn-primary-activated-addon: #34c3ff;
487
- --rs-iconbtn-primary-pressed-addon: #59d0ff;
488
- --rs-divider-border: #3c3f43;
489
- --rs-loader-ring: rgba(233, 235, 240, 0.3);
490
- --rs-loader-rotor: #fff;
491
- --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
492
- --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
493
- --rs-loader-rotor-inverse: #5c6066;
494
- --rs-loader-backdrop-inverse: rgba(255, 255, 255, 0.9);
495
+ --rs-btn-default-bg: var(--rs-gray-600);
496
+ --rs-btn-default-text: var(--rs-gray-50);
497
+ --rs-btn-default-hover-bg: var(--rs-gray-500);
498
+ --rs-btn-default-active-bg: var(--rs-gray-300);
499
+ --rs-btn-default-active-text: var(--rs-gray-0);
500
+ --rs-btn-default-disabled-bg: var(--rs-gray-600);
501
+ --rs-btn-default-disabled-text: var(--rs-gray-400);
502
+ --rs-btn-primary-bg: var(--rs-primary-700);
503
+ --rs-btn-primary-text: var(--rs-gray-0);
504
+ --rs-btn-primary-hover-bg: var(--rs-primary-600);
505
+ --rs-btn-primary-active-bg: var(--rs-primary-400);
506
+ --rs-btn-subtle-text: var(--rs-gray-200);
507
+ --rs-btn-subtle-hover-bg: var(--rs-gray-500);
508
+ --rs-btn-subtle-hover-text: var(--rs-gray-50);
509
+ --rs-btn-subtle-active-bg: var(--rs-gray-400);
510
+ --rs-btn-subtle-active-text: var(--rs-gray-0);
511
+ --rs-btn-subtle-disabled-text: var(--rs-gray-500);
512
+ --rs-btn-ghost-border: var(--rs-primary-500);
513
+ --rs-btn-ghost-text: var(--rs-primary-500);
514
+ --rs-btn-ghost-hover-border: var(--rs-primary-400);
515
+ --rs-btn-ghost-hover-text: var(--rs-primary-400);
516
+ --rs-btn-ghost-active-border: var(--rs-primary-200);
517
+ --rs-btn-ghost-active-text: var(--rs-primary-200);
518
+ --rs-btn-link-text: var(--rs-primary-500);
519
+ --rs-btn-link-hover-text: var(--rs-primary-400);
520
+ --rs-btn-link-active-text: var(--rs-primary-200);
521
+ --rs-iconbtn-addon: var(--rs-gray-500);
522
+ --rs-iconbtn-activated-addon: var(--rs-gray-400);
523
+ --rs-iconbtn-pressed-addon: var(--rs-gray-200);
524
+ --rs-iconbtn-primary-addon: var(--rs-primary-600);
525
+ --rs-iconbtn-primary-activated-addon: var(--rs-primary-500);
526
+ --rs-iconbtn-primary-pressed-addon: var(--rs-primary-400);
527
+ --rs-divider-border: var(--rs-gray-600);
528
+ --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
529
+ --rs-loader-rotor: var(--rs-gray-0);
530
+ --rs-loader-backdrop: rgb(from var(--rs-gray-900) r g b / 83%);
531
+ --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 80%);
532
+ --rs-loader-rotor-inverse: var(--rs-gray-500);
533
+ --rs-loader-backdrop-inverse: rgb(from var(--rs-gray-0) r g b / 90%);
495
534
  --rs-message-success-header: #fff;
496
535
  --rs-message-success-text: #fff;
497
536
  --rs-message-success-icon: #fff;
498
- --rs-message-success-bg: #4caf50;
537
+ --rs-message-success-bg: var(--rs-green-500);
499
538
  --rs-message-info-header: #fff;
500
539
  --rs-message-info-text: #fff;
501
540
  --rs-message-info-icon: #fff;
502
- --rs-message-info-bg: #2196f3;
503
- --rs-message-warning-header: #0f131a;
504
- --rs-message-warning-text: #0f131a;
505
- --rs-message-warning-icon: #0f131a;
506
- --rs-message-warning-bg: #ffb300;
541
+ --rs-message-info-bg: var(--rs-blue-500);
542
+ --rs-message-warning-header: var(--rs-gray-900);
543
+ --rs-message-warning-text: var(--rs-gray-900);
544
+ --rs-message-warning-icon: var(--rs-gray-900);
545
+ --rs-message-warning-bg: var(--rs-yellow-500);
507
546
  --rs-message-error-header: #fff;
508
547
  --rs-message-error-text: #fff;
509
548
  --rs-message-error-icon: #fff;
510
- --rs-message-error-bg: #f44336;
511
- --rs-tooltip-bg: #5c6066;
512
- --rs-tooltip-text: #fff;
513
- --rs-progress-bg: #292d33;
514
- --rs-progress-bar: #34c3ff;
515
- --rs-progress-bar-success: #4caf50;
516
- --rs-progress-bar-fail: #f44336;
517
- --rs-placeholder: #3c3f43;
518
- --rs-placeholder-active: #484c50;
549
+ --rs-message-error-bg: var(--rs-red-500);
550
+ --rs-tooltip-bg: var(--rs-gray-500);
551
+ --rs-tooltip-text: var(--rs-gray-0);
552
+ --rs-progress-bg: var(--rs-gray-700);
553
+ --rs-progress-bar: var(--rs-primary-500);
554
+ --rs-progress-bar-success: var(--rs-color-green);
555
+ --rs-progress-bar-fail: var(--rs-color-red);
556
+ --rs-placeholder: var(--rs-gray-600);
557
+ --rs-placeholder-active: hsl(from var(--rs-gray-600) h s calc(l + l * 0.2));
519
558
  --rs-breadcrumb-item-active-text: #fff;
520
- --rs-dropdown-divider: #3c3f43;
521
- --rs-dropdown-item-bg-hover: #3c3f43;
522
- --rs-dropdown-item-bg-active: rgba(0, 97, 153, 0.2);
523
- --rs-dropdown-item-text-active: #34c3ff;
524
- --rs-dropdown-header-text: #5c6066;
559
+ --rs-dropdown-divider: var(--rs-gray-600);
560
+ --rs-dropdown-item-bg-hover: var(--rs-gray-600);
561
+ --rs-dropdown-item-bg-active: rgb(from var(--rs-primary-900) r g b / 20%);
562
+ --rs-dropdown-item-text-active: var(--rs-primary-500);
563
+ --rs-dropdown-header-text: var(--rs-gray-500);
525
564
  --rs-dropdown-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2), 0 4px 4px 3px rgba(0, 0, 0, 0.24);
526
- --rs-menuitem-active-bg: #3c3f43;
565
+ --rs-menuitem-active-bg: var(--rs-gray-600);
527
566
  --rs-menuitem-active-text: currentColor;
528
- --rs-steps-border: #a4a9b3;
529
- --rs-steps-state-finish: #34c3ff;
530
- --rs-steps-border-state-finish: #34c3ff;
531
- --rs-steps-state-wait: #a4a9b3;
532
- --rs-steps-state-process: #169de0;
533
- --rs-steps-state-error: #f44336;
534
- --rs-steps-border-state-error: #f44336;
535
- --rs-steps-icon-state-process: #34c3ff;
536
- --rs-steps-icon-state-error: #f44336;
537
- --rs-navs-text: #a4a9b3;
538
- --rs-navs-text-hover: #cbced4;
539
- --rs-navs-bg-hover: #6a6f76;
540
- --rs-navs-text-active: #fff;
541
- --rs-navs-bg-active: #6a6f76;
542
- --rs-navs-tab-border: #3c3f43;
543
- --rs-navs-subtle-border: #3c3f43;
544
- --rs-navs-selected: #34c3ff;
545
- --rs-navbar-default-bg: #1a1d24;
546
- --rs-navbar-default-text: #a4a9b3;
547
- --rs-navbar-default-selected-text: #34c3ff;
548
- --rs-navbar-default-hover-bg: #292d33;
549
- --rs-navbar-default-hover-text: #e9ebf0;
550
- --rs-navbar-inverse-bg: #169de0;
567
+ --rs-steps-border: var(--rs-gray-200);
568
+ --rs-steps-state-finish: var(--rs-primary-500);
569
+ --rs-steps-border-state-finish: var(--rs-primary-500);
570
+ --rs-steps-state-wait: var(--rs-gray-200);
571
+ --rs-steps-state-process: var(--rs-primary-700);
572
+ --rs-steps-state-error: var(--rs-color-red);
573
+ --rs-steps-border-state-error: var(--rs-color-red);
574
+ --rs-steps-icon-state-process: var(--rs-primary-500);
575
+ --rs-steps-icon-state-error: var(--rs-color-red);
576
+ --rs-navs-text: var(--rs-gray-200);
577
+ --rs-navs-text-hover: var(--rs-gray-100);
578
+ --rs-navs-bg-hover: var(--rs-gray-400);
579
+ --rs-navs-text-active: var(--rs-gray-0);
580
+ --rs-navs-bg-active: var(--rs-gray-400);
581
+ --rs-navs-tab-border: var(--rs-gray-600);
582
+ --rs-navs-subtle-border: var(--rs-gray-600);
583
+ --rs-navs-selected: var(--rs-primary-500);
584
+ --rs-navbar-default-bg: var(--rs-gray-800);
585
+ --rs-navbar-default-text: var(--rs-gray-200);
586
+ --rs-navbar-default-selected-text: var(--rs-primary-500);
587
+ --rs-navbar-default-hover-bg: var(--rs-gray-700);
588
+ --rs-navbar-default-hover-text: var(--rs-gray-50);
589
+ --rs-navbar-inverse-bg: var(--rs-primary-700);
551
590
  --rs-navbar-inverse-text: #fff;
552
- --rs-navbar-inverse-selected-bg: #59d0ff;
553
- --rs-navbar-inverse-hover-bg: #25b3f5;
591
+ --rs-navbar-inverse-selected-bg: var(--rs-primary-400);
592
+ --rs-navbar-inverse-hover-bg: var(--rs-primary-600);
554
593
  --rs-navbar-inverse-hover-text: #fff;
555
594
  --rs-navbar-subtle-bg: transparent;
556
- --rs-navbar-subtle-text: #a4a9b3;
557
- --rs-navbar-subtle-selected-text: #34c3ff;
558
- --rs-navbar-subtle-hover-bg: #292d33;
559
- --rs-navbar-subtle-hover-text: #e9ebf0;
560
- --rs-sidenav-default-bg: #1a1d24;
561
- --rs-sidenav-default-text: #a4a9b3;
562
- --rs-sidenav-default-selected-text: #34c3ff;
563
- --rs-sidenav-default-hover-bg: #292d33;
564
- --rs-sidenav-default-hover-text: #e9ebf0;
565
- --rs-sidenav-default-footer-border: #3c3f43;
566
- --rs-sidenav-inverse-bg: #169de0;
595
+ --rs-navbar-subtle-text: var(--rs-gray-200);
596
+ --rs-navbar-subtle-selected-text: var(--rs-primary-500);
597
+ --rs-navbar-subtle-hover-bg: var(--rs-gray-700);
598
+ --rs-navbar-subtle-hover-text: var(--rs-gray-50);
599
+ --rs-sidenav-default-bg: var(--rs-gray-800);
600
+ --rs-sidenav-default-text: var(--rs-gray-200);
601
+ --rs-sidenav-default-selected-text: var(--rs-primary-500);
602
+ --rs-sidenav-default-hover-bg: var(--rs-gray-700);
603
+ --rs-sidenav-default-hover-text: var(--rs-gray-50);
604
+ --rs-sidenav-default-footer-border: var(--rs-gray-600);
605
+ --rs-sidenav-inverse-bg: var(--rs-primary-700);
567
606
  --rs-sidenav-inverse-text: #fff;
568
- --rs-sidenav-inverse-selected-bg: #59d0ff;
569
- --rs-sidenav-inverse-hover-bg: #25b3f5;
570
- --rs-sidenav-inverse-footer-border: #25b3f5;
607
+ --rs-sidenav-inverse-selected-bg: var(--rs-primary-400);
608
+ --rs-sidenav-inverse-hover-bg: var(--rs-primary-600);
609
+ --rs-sidenav-inverse-footer-border: var(--rs-primary-600);
571
610
  --rs-sidenav-subtle-bg: transparent;
572
- --rs-sidenav-subtle-text: #a4a9b3;
573
- --rs-sidenav-subtle-selected-text: #34c3ff;
574
- --rs-sidenav-subtle-hover-bg: #292d33;
575
- --rs-sidenav-subtle-hover-text: #e9ebf0;
576
- --rs-sidenav-subtle-footer-border: #3c3f43;
577
- --rs-input-bg: #1a1d24;
578
- --rs-input-focus-border: #34c3ff;
579
- --rs-input-disabled-bg: #292d33;
580
- --rs-listbox-option-hover-bg: #3c3f43;
611
+ --rs-sidenav-subtle-text: var(--rs-gray-200);
612
+ --rs-sidenav-subtle-selected-text: var(--rs-primary-500);
613
+ --rs-sidenav-subtle-hover-bg: var(--rs-gray-700);
614
+ --rs-sidenav-subtle-hover-text: var(--rs-gray-50);
615
+ --rs-sidenav-subtle-footer-border: var(--rs-gray-600);
616
+ --rs-input-bg: var(--rs-gray-800);
617
+ --rs-input-focus-border: var(--rs-primary-500);
618
+ --rs-input-disabled-bg: var(--rs-gray-700);
619
+ --rs-listbox-option-hover-bg: var(--rs-gray-600);
581
620
  --rs-listbox-option-hover-text: currentColor;
582
- --rs-listbox-option-selected-text: #34c3ff;
583
- --rs-listbox-option-selected-bg: rgba(0, 97, 153, 0.2);
584
- --rs-listbox-option-disabled-text: #5c6066;
585
- --rs-listbox-option-disabled-selected-text: #a6e9ff;
586
- --rs-checkbox-icon: #1a1d24;
587
- --rs-checkbox-border: #6a6f76;
588
- --rs-checkbox-checked-bg: #34c3ff;
589
- --rs-checkbox-disabled-bg: #5c6066;
590
- --rs-radio-marker: #1a1d24;
591
- --rs-radio-border: #6a6f76;
592
- --rs-radio-checked-bg: #34c3ff;
593
- --rs-radio-disabled-bg: #5c6066;
594
- --rs-radio-tile-border: #858b94;
595
- --rs-radio-tile-bg: #fff;
596
- --rs-radio-tile-checked-color: #34c3ff;
597
- --rs-radio-tile-checked-mark-color: #1a1d24;
598
- --rs-radio-tile-checked-disabled-color: #006199;
599
- --rs-rate-symbol: #3c3f43;
600
- --rs-rate-symbol-checked: #ffb300;
601
- --rs-toggle-bg: #6a6f76;
621
+ --rs-listbox-option-selected-text: var(--rs-primary-500);
622
+ --rs-listbox-option-selected-bg: rgb(from var(--rs-primary-900) r g b / 20%);
623
+ --rs-listbox-option-disabled-text: var(--rs-gray-500);
624
+ --rs-listbox-option-disabled-selected-text: var(--rs-primary-200);
625
+ --rs-checkbox-icon: var(--rs-gray-800);
626
+ --rs-checkbox-border: var(--rs-gray-400);
627
+ --rs-checkbox-checked-bg: var(--rs-primary-500);
628
+ --rs-checkbox-disabled-bg: var(--rs-gray-500);
629
+ --rs-radio-marker: var(--rs-gray-800);
630
+ --rs-radio-border: var(--rs-gray-400);
631
+ --rs-radio-checked-bg: var(--rs-primary-500);
632
+ --rs-radio-disabled-bg: var(--rs-gray-500);
633
+ --rs-radio-tile-border: var(--rs-gray-300);
634
+ --rs-radio-tile-bg: var(--rs-gray-0);
635
+ --rs-radio-tile-checked-color: var(--rs-primary-500);
636
+ --rs-radio-tile-checked-mark-color: var(--rs-gray-800);
637
+ --rs-radio-tile-checked-disabled-color: var(--rs-primary-900);
638
+ --rs-rate-symbol: var(--rs-gray-600);
639
+ --rs-rate-symbol-checked: var(--rs-yellow-500);
640
+ --rs-toggle-bg: var(--rs-gray-400);
602
641
  --rs-toggle-thumb: #fff;
603
- --rs-toggle-hover-bg: #858b94;
604
- --rs-toggle-disabled-bg: #3c3f43;
605
- --rs-toggle-disabled-thumb: #5c6066;
606
- --rs-toggle-checked-bg: #169de0;
642
+ --rs-toggle-hover-bg: var(--rs-gray-300);
643
+ --rs-toggle-disabled-bg: var(--rs-gray-600);
644
+ --rs-toggle-disabled-thumb: var(--rs-gray-500);
645
+ --rs-toggle-checked-bg: var(--rs-primary-700);
607
646
  --rs-toggle-checked-thumb: #fff;
608
- --rs-toggle-checked-hover-bg: #25b3f5;
609
- --rs-toggle-checked-disabled-bg: #006199;
610
- --rs-toggle-checked-disabled-thumb: #858b94;
611
- --rs-slider-bar: #3c3f43;
612
- --rs-slider-hover-bar: #3c3f43;
613
- --rs-slider-thumb-border: #34c3ff;
614
- --rs-slider-thumb-bg: #292d33;
615
- --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(52, 195, 255, 0.25);
616
- --rs-slider-progress: #34c3ff;
617
- --rs-uploader-item-bg: #858b94;
618
- --rs-uploader-item-hover-bg: #3c3f43;
619
- --rs-uploader-overlay-bg: rgba(60, 63, 67, 0.8);
620
- --rs-uploader-dnd-bg: #292d33;
621
- --rs-uploader-dnd-border: #a4a9b3;
622
- --rs-uploader-dnd-hover-border: #34c3ff;
623
- --rs-avatar-bg: #6a6f76;
624
- --rs-avatar-text: #fff;
625
- --rs-badge-bg: #f44336;
626
- --rs-badge-text: #fff;
627
- --rs-tag-bg: #3c3f43;
628
- --rs-tag-close: #f44336;
629
- --rs-carousel-bg: #3c3f43;
630
- --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
631
- --rs-carousel-indicator-hover: #fff;
632
- --rs-carousel-indicator-active: #34c3ff;
647
+ --rs-toggle-checked-hover-bg: var(--rs-primary-600);
648
+ --rs-toggle-checked-disabled-bg: var(--rs-primary-900);
649
+ --rs-toggle-checked-disabled-thumb: var(--rs-gray-300);
650
+ --rs-slider-bar: var(--rs-gray-600);
651
+ --rs-slider-hover-bar: var(--rs-gray-600);
652
+ --rs-slider-thumb-border: var(--rs-primary-500);
653
+ --rs-slider-thumb-bg: var(--rs-gray-700);
654
+ --rs-slider-thumb-hover-shadow: 0 0 0 8px rgb(from var(--rs-primary-500) r g b / 25%);
655
+ --rs-slider-progress: var(--rs-primary-500);
656
+ --rs-uploader-item-bg: var(--rs-gray-300);
657
+ --rs-uploader-item-hover-bg: var(--rs-gray-600);
658
+ --rs-uploader-overlay-bg: rgb(from var(--rs-gray-600) r g b / 80%);
659
+ --rs-uploader-dnd-bg: var(--rs-gray-700);
660
+ --rs-uploader-dnd-border: var(--rs-gray-200);
661
+ --rs-uploader-dnd-hover-border: var(--rs-primary-500);
662
+ --rs-avatar-bg: var(--rs-gray-400);
663
+ --rs-avatar-text: var(--rs-gray-0);
664
+ --rs-badge-bg: var(--rs-color-red);
665
+ --rs-badge-text: var(--rs-gray-0);
666
+ --rs-tag-bg: var(--rs-gray-600);
667
+ --rs-tag-close: var(--rs-color-red);
668
+ --rs-carousel-bg: var(--rs-gray-600);
669
+ --rs-carousel-indicator: rgb(from var(--rs-gray-0) r g b / 40%);
670
+ --rs-carousel-indicator-hover: var(--rs-gray-0);
671
+ --rs-carousel-indicator-active: var(--rs-primary-500);
633
672
  --rs-panel-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
634
- --rs-list-bg: #0f131a;
635
- --rs-list-border: #292d33;
636
- --rs-list-hover-bg: #3c3f43;
637
- --rs-list-placeholder-bg: rgba(0, 97, 153, 0.2);
638
- --rs-list-placeholder-border: #34c3ff;
639
- --rs-timeline-indicator-bg: #5c6066;
640
- --rs-timeline-indicator-active-bg: #34c3ff;
673
+ --rs-list-bg: var(--rs-gray-900);
674
+ --rs-list-border: var(--rs-gray-700);
675
+ --rs-list-hover-bg: var(--rs-gray-600);
676
+ --rs-list-placeholder-bg: rgb(from var(--rs-primary-900) r g b / 20%);
677
+ --rs-list-placeholder-border: var(--rs-primary-500);
678
+ --rs-timeline-indicator-bg: var(--rs-gray-500);
679
+ --rs-timeline-indicator-active-bg: var(--rs-primary-500);
641
680
  --rs-table-shadow: rgba(9, 9, 9, 0.99);
642
- --rs-table-sort: #34c3ff;
643
- --rs-table-resize: #34c3ff;
644
- --rs-table-scrollbar-track: #292d33;
645
- --rs-table-scrollbar-thumb: #a4a9b3;
646
- --rs-table-scrollbar-thumb-active: #cbced4;
647
- --rs-table-scrollbar-vertical-track: #292d33;
681
+ --rs-table-sort: var(--rs-primary-500);
682
+ --rs-table-resize: var(--rs-primary-500);
683
+ --rs-table-scrollbar-track: var(--rs-gray-700);
684
+ --rs-table-scrollbar-thumb: var(--rs-gray-200);
685
+ --rs-table-scrollbar-thumb-active: var(--rs-gray-100);
686
+ --rs-table-scrollbar-vertical-track: var(--rs-gray-700);
648
687
  --rs-drawer-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
649
688
  --rs-modal-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
650
689
  --rs-form-errormessage-text: #fff;
651
- --rs-form-errormessage-bg: #f44336;
652
- --rs-form-errormessage-border: #f44336;
653
- --rs-picker-value: #34c3ff;
654
- --rs-picker-count-bg: #169de0;
690
+ --rs-form-errormessage-bg: var(--rs-color-red);
691
+ --rs-form-errormessage-border: var(--rs-color-red);
692
+ --rs-picker-value: var(--rs-primary-500);
693
+ --rs-picker-count-bg: var(--rs-primary-700);
655
694
  --rs-picker-count-text: #fff;
656
- --rs-calendar-today-bg: #169de0;
695
+ --rs-calendar-today-bg: var(--rs-primary-700);
657
696
  --rs-calendar-today-text: #fff;
658
- --rs-calendar-range-bg: rgba(0, 97, 153, 0.5);
659
- --rs-calendar-time-unit-bg: #3c3f43;
697
+ --rs-calendar-range-bg: rgb(from var(--rs-primary-900) r g b / 50%);
698
+ --rs-calendar-time-unit-bg: var(--rs-gray-600);
660
699
  --rs-calendar-date-selected-text: #fff;
661
- --rs-calendar-cell-selected-hover-bg: #1675e0;
700
+ --rs-calendar-cell-selected-hover-bg: var(--rs-primary-700);
662
701
  --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
663
702
  }
703
+ @supports not (color: rgb(from white r g b)) {
704
+ .rs-theme-dark {
705
+ --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
706
+ --rs-color-focus-ring: 0 0 0 3px rgba(52, 195, 255, 0.25);
707
+ --rs-state-focus-shadow: 0 0 0 3px rgba(52, 195, 255, 0.25);
708
+ --rs-state-focus-outline: 3px solid rgba(52, 195, 255, 0.25);
709
+ --rs-loader-ring: rgba(233, 235, 240, 0.3);
710
+ --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
711
+ --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
712
+ --rs-loader-backdrop-inverse: rgba(255, 255, 255, 0.9);
713
+ --rs-dropdown-item-bg-active: rgba(0, 97, 153, 0.2);
714
+ --rs-listbox-option-selected-bg: rgba(0, 97, 153, 0.2);
715
+ --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(52, 195, 255, 0.25);
716
+ --rs-uploader-overlay-bg: rgba(60, 63, 67, 0.8);
717
+ --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
718
+ --rs-list-placeholder-bg: rgba(0, 97, 153, 0.2);
719
+ --rs-calendar-range-bg: rgba(0, 97, 153, 0.5);
720
+ --rs-placeholder-active: #484c50;
721
+ }
722
+ }
664
723
  .rs-theme-high-contrast {
724
+ --rs-gray-0: #fff;
665
725
  --rs-gray-50: #e9ebf0;
666
726
  --rs-gray-100: #cbced4;
667
727
  --rs-gray-200: #a4a9b3;
@@ -682,6 +742,13 @@
682
742
  --rs-primary-700: #d9e000;
683
743
  --rs-primary-800: #b8c200;
684
744
  --rs-primary-900: #8f9900;
745
+ --rs-color-red: #bd1732;
746
+ --rs-color-orange: #ff9800;
747
+ --rs-color-yellow: #ffc757;
748
+ --rs-color-green: #0d822c;
749
+ --rs-color-cyan: #00bcd4;
750
+ --rs-color-blue: #1499ef;
751
+ --rs-color-violet: #673ab7;
685
752
  --rs-red-50: #fff2f5;
686
753
  --rs-red-100: #f2c2cd;
687
754
  --rs-red-200: #e691a3;
@@ -752,256 +819,273 @@
752
819
  --rs-violet-700: #531ba8;
753
820
  --rs-violet-800: #470c99;
754
821
  --rs-violet-900: #390085;
755
- --rs-state-success: #0d822c;
756
- --rs-state-info: #1499ef;
757
- --rs-state-warning: #ffc757;
758
- --rs-state-error: #bd1732;
759
- --rs-body: #0f131a;
760
- --rs-text-link: #ffff00;
761
- --rs-text-link-hover: #fffc30;
762
- --rs-text-link-active: #fffa61;
763
- --rs-text-primary: #e9ebf0;
764
- --rs-text-secondary: #a4a9b3;
765
- --rs-text-tertiary: #858b94;
766
- --rs-text-heading: #fff;
767
- --rs-text-inverse: #1a1d24;
768
- --rs-text-heading-inverse: #0f131a;
769
- --rs-text-active: #ffff00;
770
- --rs-text-disabled: #5c6066;
771
- --rs-border-primary: #cbced4;
772
- --rs-border-secondary: #292d33;
773
- --rs-bg-card: #1a1d24;
774
- --rs-bg-overlay: #1a1d24;
775
- --rs-bg-well: #0f131a;
776
- --rs-bg-active: #ffff00;
777
- --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
778
- --rs-state-hover-bg: #3c3f43;
779
- --rs-color-focus-ring: #fff;
780
- --rs-state-focus-shadow: 0 0 0 3px #0f131a, 0 0 0 5px #fff;
781
- --rs-state-focus-shadow-slim: 0 0 0 2px #fff;
782
- --rs-state-focus-outline: 3px solid rgba(255, 255, 0, 0.25);
822
+ --rs-state-success: var(--rs-color-green);
823
+ --rs-state-info: var(--rs-color-blue);
824
+ --rs-state-warning: var(--rs-color-yellow);
825
+ --rs-state-error: var(--rs-color-red);
826
+ --rs-body: var(--rs-gray-900);
827
+ --rs-text-link: var(--rs-primary-500);
828
+ --rs-text-link-hover: var(--rs-primary-400);
829
+ --rs-text-link-active: var(--rs-primary-300);
830
+ --rs-text-primary: var(--rs-gray-50);
831
+ --rs-text-secondary: var(--rs-gray-200);
832
+ --rs-text-tertiary: var(--rs-gray-300);
833
+ --rs-text-heading: var(--rs-gray-0);
834
+ --rs-text-inverse: var(--rs-gray-800);
835
+ --rs-text-heading-inverse: var(--rs-gray-900);
836
+ --rs-text-active: var(--rs-primary-500);
837
+ --rs-text-disabled: var(--rs-gray-500);
838
+ --rs-border-primary: var(--rs-gray-100);
839
+ --rs-border-secondary: var(--rs-gray-700);
840
+ --rs-bg-card: var(--rs-gray-800);
841
+ --rs-bg-overlay: var(--rs-gray-800);
842
+ --rs-bg-well: var(--rs-gray-900);
843
+ --rs-bg-active: var(--rs-primary-500);
844
+ --rs-bg-backdrop: rgb(from var(--rs-gray-900) r g b / 80%);
845
+ --rs-state-hover-bg: var(--rs-gray-600);
846
+ --rs-color-focus-ring: var(--rs-gray-0);
847
+ --rs-state-focus-shadow: 0 0 0 3px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
848
+ --rs-state-focus-shadow-slim: 0 0 0 2px var(--rs-gray-0);
849
+ --rs-state-focus-outline: 3px solid rgb(from var(--rs-primary-500) r g b / 25%);
783
850
  --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
784
851
  --rs-btn-default-bg: transparent;
785
- --rs-btn-default-text: #ffff00;
786
- --rs-btn-default-border: 1px solid #ffff00;
852
+ --rs-btn-default-text: var(--rs-primary-500);
853
+ --rs-btn-default-border: 1px solid var(--rs-primary-500);
787
854
  --rs-btn-default-hover-bg: transparent;
788
- --rs-btn-default-hover-text: #fffc30;
855
+ --rs-btn-default-hover-text: var(--rs-primary-400);
789
856
  --rs-btn-default-active-bg: transparent;
790
- --rs-btn-default-active-text: #fffa91;
857
+ --rs-btn-default-active-text: var(--rs-primary-200);
791
858
  --rs-btn-default-disabled-bg: transparent;
792
- --rs-btn-default-disabled-text: #ffff00;
793
- --rs-btn-primary-bg: #ffff00;
794
- --rs-btn-primary-text: #0f131a;
795
- --rs-btn-primary-hover-bg: #fffc30;
796
- --rs-btn-primary-active-bg: #fffa91;
797
- --rs-btn-subtle-text: #ffff00;
859
+ --rs-btn-default-disabled-text: var(--rs-primary-500);
860
+ --rs-btn-primary-bg: var(--rs-primary-500);
861
+ --rs-btn-primary-text: var(--rs-gray-900);
862
+ --rs-btn-primary-hover-bg: var(--rs-primary-400);
863
+ --rs-btn-primary-active-bg: var(--rs-primary-200);
864
+ --rs-btn-subtle-text: var(--rs-primary-500);
798
865
  --rs-btn-subtle-hover-bg: transparent;
799
- --rs-btn-subtle-hover-text: #fffc30;
866
+ --rs-btn-subtle-hover-text: var(--rs-primary-400);
800
867
  --rs-btn-subtle-active-bg: transparent;
801
- --rs-btn-subtle-active-text: #fffa91;
802
- --rs-btn-subtle-disabled-text: #5c6066;
803
- --rs-btn-ghost-border: #ffff00;
804
- --rs-btn-ghost-text: #ffff00;
805
- --rs-btn-ghost-hover-border: #fffc30;
806
- --rs-btn-ghost-hover-text: #fffc30;
807
- --rs-btn-ghost-active-border: #fffa91;
808
- --rs-btn-ghost-active-text: #fffa91;
809
- --rs-btn-link-text: #ffff00;
810
- --rs-btn-link-hover-text: #fffc30;
811
- --rs-btn-link-active-text: #fffa91;
868
+ --rs-btn-subtle-active-text: var(--rs-primary-200);
869
+ --rs-btn-subtle-disabled-text: var(--rs-gray-500);
870
+ --rs-btn-ghost-border: var(--rs-primary-500);
871
+ --rs-btn-ghost-text: var(--rs-primary-500);
872
+ --rs-btn-ghost-hover-border: var(--rs-primary-400);
873
+ --rs-btn-ghost-hover-text: var(--rs-primary-400);
874
+ --rs-btn-ghost-active-border: var(--rs-primary-200);
875
+ --rs-btn-ghost-active-text: var(--rs-primary-200);
876
+ --rs-btn-link-text: var(--rs-primary-500);
877
+ --rs-btn-link-hover-text: var(--rs-primary-400);
878
+ --rs-btn-link-active-text: var(--rs-primary-200);
812
879
  --rs-iconbtn-addon: transparent;
813
880
  --rs-iconbtn-activated-addon: transparent;
814
881
  --rs-iconbtn-pressed-addon: transparent;
815
- --rs-iconbtn-primary-addon: #fffc30;
816
- --rs-iconbtn-primary-activated-addon: #fffa61;
817
- --rs-iconbtn-primary-pressed-addon: #fffbc2;
818
- --rs-divider-border: #3c3f43;
819
- --rs-loader-ring: rgba(233, 235, 240, 0.3);
820
- --rs-loader-rotor: #fff;
821
- --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
822
- --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
823
- --rs-loader-rotor-inverse: #5c6066;
824
- --rs-loader-backdrop-inverse: rgba(255, 255, 255, 0.9);
882
+ --rs-iconbtn-primary-addon: var(--rs-primary-400);
883
+ --rs-iconbtn-primary-activated-addon: var(--rs-primary-300);
884
+ --rs-iconbtn-primary-pressed-addon: var(--rs-primary-100);
885
+ --rs-divider-border: var(--rs-gray-600);
886
+ --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
887
+ --rs-loader-rotor: var(--rs-gray-0);
888
+ --rs-loader-backdrop: rgb(from var(--rs-gray-900) r g b / 83%);
889
+ --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 80%);
890
+ --rs-loader-rotor-inverse: var(--rs-gray-500);
891
+ --rs-loader-backdrop-inverse: rgb(from var(--rs-gray-0) r g b / 90%);
825
892
  --rs-message-success-header: #fff;
826
893
  --rs-message-success-text: #fff;
827
894
  --rs-message-success-icon: #fff;
828
- --rs-message-success-bg: #007d0c;
829
- --rs-message-success-border: #82cf82;
895
+ --rs-message-success-bg: var(--rs-green-900);
896
+ --rs-message-success-border: var(--rs-green-300);
830
897
  --rs-message-info-header: #fff;
831
898
  --rs-message-info-text: #fff;
832
899
  --rs-message-info-icon: #fff;
833
- --rs-message-info-bg: #00448c;
834
- --rs-message-info-border: #2196f3;
900
+ --rs-message-info-bg: var(--rs-blue-900);
901
+ --rs-message-info-border: var(--rs-blue-500);
835
902
  --rs-message-warning-header: #fff;
836
903
  --rs-message-warning-text: #fff;
837
904
  --rs-message-warning-icon: #fff;
838
- --rs-message-warning-bg: #997500;
839
- --rs-message-warning-border: #ffb300;
905
+ --rs-message-warning-bg: var(--rs-yellow-900);
906
+ --rs-message-warning-border: var(--rs-yellow-500);
840
907
  --rs-message-error-header: #fff;
841
908
  --rs-message-error-text: #fff;
842
909
  --rs-message-error-icon: #fff;
843
- --rs-message-error-bg: #8f1300;
844
- --rs-message-error-border: #fa8682;
845
- --rs-tooltip-bg: #1a1d24;
846
- --rs-tooltip-text: #fff;
847
- --rs-progress-bg: #292d33;
848
- --rs-progress-bar: #ffff00;
849
- --rs-progress-bar-success: #4caf50;
850
- --rs-progress-bar-fail: #f44336;
851
- --rs-placeholder: #3c3f43;
852
- --rs-placeholder-active: #484c50;
910
+ --rs-message-error-bg: var(--rs-red-900);
911
+ --rs-message-error-border: var(--rs-red-300);
912
+ --rs-tooltip-bg: var(--rs-gray-800);
913
+ --rs-tooltip-text: var(--rs-gray-0);
914
+ --rs-progress-bg: var(--rs-gray-700);
915
+ --rs-progress-bar: var(--rs-primary-500);
916
+ --rs-progress-bar-success: var(--rs-color-green);
917
+ --rs-progress-bar-fail: var(--rs-color-red);
918
+ --rs-placeholder: var(--rs-gray-600);
919
+ --rs-placeholder-active: hsl(from var(--rs-gray-600) h s calc(l + l * 0.2));
853
920
  --rs-breadcrumb-item-active-text: #fff;
854
- --rs-dropdown-divider: #3c3f43;
855
- --rs-dropdown-item-bg-hover: #3c3f43;
856
- --rs-dropdown-item-bg-active: rgba(143, 153, 0, 0.2);
857
- --rs-dropdown-item-text-active: #ffff00;
858
- --rs-dropdown-header-text: #5c6066;
921
+ --rs-dropdown-divider: var(--rs-gray-600);
922
+ --rs-dropdown-item-bg-hover: var(--rs-gray-600);
923
+ --rs-dropdown-item-bg-active: rgb(from var(--rs-primary-900) r g b / 20%);
924
+ --rs-dropdown-item-text-active: var(--rs-primary-500);
925
+ --rs-dropdown-header-text: var(--rs-gray-500);
859
926
  --rs-dropdown-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2), 0 4px 4px 3px rgba(0, 0, 0, 0.24);
860
927
  --rs-menuitem-active-bg: transparent;
861
- --rs-menuitem-active-text: #ffff00;
862
- --rs-steps-border: #a4a9b3;
863
- --rs-steps-state-finish: #ffff00;
864
- --rs-steps-border-state-finish: #ffff00;
865
- --rs-steps-state-wait: #a4a9b3;
866
- --rs-steps-state-process: #d9e000;
867
- --rs-steps-state-error: #f44336;
868
- --rs-steps-border-state-error: #f44336;
869
- --rs-steps-icon-state-process: #ffff00;
870
- --rs-steps-icon-state-error: #f44336;
871
- --rs-navs-text: #a4a9b3;
872
- --rs-navs-text-hover: #ffff00;
928
+ --rs-menuitem-active-text: var(--rs-primary-500);
929
+ --rs-steps-border: var(--rs-gray-200);
930
+ --rs-steps-state-finish: var(--rs-primary-500);
931
+ --rs-steps-border-state-finish: var(--rs-primary-500);
932
+ --rs-steps-state-wait: var(--rs-gray-200);
933
+ --rs-steps-state-process: var(--rs-primary-700);
934
+ --rs-steps-state-error: var(--rs-color-red);
935
+ --rs-steps-border-state-error: var(--rs-color-red);
936
+ --rs-steps-icon-state-process: var(--rs-primary-500);
937
+ --rs-steps-icon-state-error: var(--rs-color-red);
938
+ --rs-navs-text: var(--rs-gray-200);
939
+ --rs-navs-text-hover: var(--rs-primary-500);
873
940
  --rs-navs-bg-hover: transparent;
874
- --rs-navs-text-active: #ffff00;
875
- --rs-navs-bg-active: #6a6f76;
876
- --rs-navs-tab-border: #3c3f43;
877
- --rs-navs-subtle-border: #3c3f43;
878
- --rs-navs-selected: #ffff00;
879
- --rs-navbar-default-bg: #1a1d24;
880
- --rs-navbar-default-text: #e9ebf0;
881
- --rs-navbar-default-selected-text: #ffff00;
941
+ --rs-navs-text-active: var(--rs-primary-500);
942
+ --rs-navs-bg-active: var(--rs-gray-400);
943
+ --rs-navs-tab-border: var(--rs-gray-600);
944
+ --rs-navs-subtle-border: var(--rs-gray-600);
945
+ --rs-navs-selected: var(--rs-primary-500);
946
+ --rs-navbar-default-bg: var(--rs-gray-800);
947
+ --rs-navbar-default-text: var(--rs-gray-50);
948
+ --rs-navbar-default-selected-text: var(--rs-primary-500);
882
949
  --rs-navbar-default-hover-bg: transparent;
883
- --rs-navbar-default-hover-text: #ffff00;
884
- --rs-navbar-inverse-bg: #1a1d24;
885
- --rs-navbar-inverse-text: #e9ebf0;
950
+ --rs-navbar-default-hover-text: var(--rs-primary-500);
951
+ --rs-navbar-inverse-bg: var(--rs-gray-800);
952
+ --rs-navbar-inverse-text: var(--rs-gray-50);
886
953
  --rs-navbar-inverse-selected-bg: transparent;
887
- --rs-navbar-inverse-selected-text: #ffff00;
954
+ --rs-navbar-inverse-selected-text: var(--rs-primary-500);
888
955
  --rs-navbar-inverse-hover-bg: transparent;
889
- --rs-navbar-inverse-hover-text: #ffff00;
890
- --rs-navbar-subtle-bg: #1a1d24;
891
- --rs-navbar-subtle-text: #e9ebf0;
892
- --rs-navbar-subtle-selected-text: #ffff00;
956
+ --rs-navbar-inverse-hover-text: var(--rs-primary-500);
957
+ --rs-navbar-subtle-bg: var(--rs-gray-800);
958
+ --rs-navbar-subtle-text: var(--rs-gray-50);
959
+ --rs-navbar-subtle-selected-text: var(--rs-primary-500);
893
960
  --rs-navbar-subtle-hover-bg: transparent;
894
- --rs-navbar-subtle-hover-text: #ffff00;
895
- --rs-sidenav-default-bg: #1a1d24;
896
- --rs-sidenav-default-text: #e9ebf0;
897
- --rs-sidenav-default-selected-text: #ffff00;
961
+ --rs-navbar-subtle-hover-text: var(--rs-primary-500);
962
+ --rs-sidenav-default-bg: var(--rs-gray-800);
963
+ --rs-sidenav-default-text: var(--rs-gray-50);
964
+ --rs-sidenav-default-selected-text: var(--rs-primary-500);
898
965
  --rs-sidenav-default-hover-bg: transparent;
899
- --rs-sidenav-default-hover-text: #ffff00;
900
- --rs-sidenav-default-footer-border: #e9ebf0;
901
- --rs-sidenav-inverse-bg: #1a1d24;
902
- --rs-sidenav-inverse-text: #e9ebf0;
966
+ --rs-sidenav-default-hover-text: var(--rs-primary-500);
967
+ --rs-sidenav-default-footer-border: var(--rs-gray-50);
968
+ --rs-sidenav-inverse-bg: var(--rs-gray-800);
969
+ --rs-sidenav-inverse-text: var(--rs-gray-50);
903
970
  --rs-sidenav-inverse-selected-bg: transparent;
904
- --rs-sidenav-inverse-selected-text: #ffff00;
971
+ --rs-sidenav-inverse-selected-text: var(--rs-primary-500);
905
972
  --rs-sidenav-inverse-hover-bg: transparent;
906
- --rs-sidenav-inverse-footer-border: #e9ebf0;
907
- --rs-sidenav-subtle-bg: #1a1d24;
908
- --rs-sidenav-subtle-text: #e9ebf0;
909
- --rs-sidenav-subtle-selected-text: #ffff00;
973
+ --rs-sidenav-inverse-footer-border: var(--rs-gray-50);
974
+ --rs-sidenav-subtle-bg: var(--rs-gray-800);
975
+ --rs-sidenav-subtle-text: var(--rs-gray-50);
976
+ --rs-sidenav-subtle-selected-text: var(--rs-primary-500);
910
977
  --rs-sidenav-subtle-hover-bg: transparent;
911
- --rs-sidenav-subtle-hover-text: #ffff00;
912
- --rs-sidenav-subtle-footer-border: #e9ebf0;
913
- --rs-input-bg: #1a1d24;
914
- --rs-input-focus-border: #ffff00;
915
- --rs-input-disabled-bg: #292d33;
978
+ --rs-sidenav-subtle-hover-text: var(--rs-primary-500);
979
+ --rs-sidenav-subtle-footer-border: var(--rs-gray-50);
980
+ --rs-input-bg: var(--rs-gray-800);
981
+ --rs-input-focus-border: var(--rs-primary-500);
982
+ --rs-input-disabled-bg: var(--rs-gray-700);
916
983
  --rs-listbox-option-hover-bg: transparent;
917
- --rs-listbox-option-hover-text: #ffff00;
918
- --rs-listbox-option-selected-text: #ffff00;
984
+ --rs-listbox-option-hover-text: var(--rs-primary-500);
985
+ --rs-listbox-option-selected-text: var(--rs-primary-500);
919
986
  --rs-listbox-option-selected-bg: transparent;
920
- --rs-listbox-option-disabled-text: #5c6066;
921
- --rs-listbox-option-disabled-selected-text: #fffa91;
922
- --rs-checkbox-icon: #1a1d24;
923
- --rs-checkbox-border: #cbced4;
924
- --rs-checkbox-checked-bg: #ffff00;
925
- --rs-checkbox-disabled-bg: #5c6066;
926
- --rs-radio-marker: #1a1d24;
927
- --rs-radio-border: #cbced4;
928
- --rs-radio-checked-bg: #ffff00;
929
- --rs-radio-disabled-bg: #5c6066;
930
- --rs-radio-tile-border: #858b94;
931
- --rs-radio-tile-bg: #fff;
932
- --rs-radio-tile-checked-color: #ffff00;
933
- --rs-radio-tile-checked-mark-color: #1a1d24;
934
- --rs-radio-tile-checked-disabled-color: #8f9900;
935
- --rs-rate-symbol: #cbced4;
936
- --rs-rate-symbol-checked: #ffff00;
937
- --rs-toggle-bg: #1a1d24;
938
- --rs-toggle-thumb: #cbced4;
939
- --rs-toggle-hover-bg: #1a1d24;
940
- --rs-toggle-disabled-bg: #1a1d24;
941
- --rs-toggle-disabled-thumb: #858b94;
942
- --rs-toggle-checked-bg: #ffff00;
943
- --rs-toggle-checked-thumb: #1a1d24;
944
- --rs-toggle-checked-hover-bg: #fffc30;
945
- --rs-toggle-checked-disabled-bg: #8f9900;
946
- --rs-toggle-checked-disabled-thumb: #1a1d24;
947
- --rs-slider-bar: #3c3f43;
948
- --rs-slider-hover-bar: #3c3f43;
949
- --rs-slider-thumb-border: #ffff00;
950
- --rs-slider-thumb-bg: #292d33;
951
- --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(255, 255, 0, 0.25);
952
- --rs-slider-progress: #ffff00;
953
- --rs-uploader-item-bg: #858b94;
954
- --rs-uploader-item-hover-bg: #1a1d24;
955
- --rs-uploader-item-hover-text: #ffff00;
956
- --rs-uploader-overlay-bg: rgba(60, 63, 67, 0.8);
957
- --rs-uploader-dnd-bg: #292d33;
958
- --rs-uploader-dnd-border: #a4a9b3;
959
- --rs-uploader-dnd-hover-border: #ffff00;
960
- --rs-avatar-bg: #6a6f76;
961
- --rs-avatar-text: #fff;
962
- --rs-badge-bg: #f44336;
963
- --rs-badge-text: #fff;
964
- --rs-tag-bg: #3c3f43;
965
- --rs-tag-close: #f44336;
966
- --rs-carousel-bg: #3c3f43;
967
- --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
968
- --rs-carousel-indicator-hover: #fff;
969
- --rs-carousel-indicator-active: #ffff00;
987
+ --rs-listbox-option-disabled-text: var(--rs-gray-500);
988
+ --rs-listbox-option-disabled-selected-text: var(--rs-primary-200);
989
+ --rs-checkbox-icon: var(--rs-gray-800);
990
+ --rs-checkbox-border: var(--rs-gray-100);
991
+ --rs-checkbox-checked-bg: var(--rs-primary-500);
992
+ --rs-checkbox-disabled-bg: var(--rs-gray-500);
993
+ --rs-radio-marker: var(--rs-gray-800);
994
+ --rs-radio-border: var(--rs-gray-100);
995
+ --rs-radio-checked-bg: var(--rs-primary-500);
996
+ --rs-radio-disabled-bg: var(--rs-gray-500);
997
+ --rs-radio-tile-border: var(--rs-gray-300);
998
+ --rs-radio-tile-bg: var(--rs-gray-0);
999
+ --rs-radio-tile-checked-color: var(--rs-primary-500);
1000
+ --rs-radio-tile-checked-mark-color: var(--rs-gray-800);
1001
+ --rs-radio-tile-checked-disabled-color: var(--rs-primary-900);
1002
+ --rs-rate-symbol: var(--rs-gray-100);
1003
+ --rs-rate-symbol-checked: var(--rs-primary-500);
1004
+ --rs-toggle-bg: var(--rs-gray-800);
1005
+ --rs-toggle-thumb: var(--rs-gray-100);
1006
+ --rs-toggle-hover-bg: var(--rs-gray-800);
1007
+ --rs-toggle-disabled-bg: var(--rs-gray-800);
1008
+ --rs-toggle-disabled-thumb: var(--rs-gray-300);
1009
+ --rs-toggle-checked-bg: var(--rs-primary-500);
1010
+ --rs-toggle-checked-thumb: var(--rs-gray-800);
1011
+ --rs-toggle-checked-hover-bg: var(--rs-primary-400);
1012
+ --rs-toggle-checked-disabled-bg: var(--rs-primary-900);
1013
+ --rs-toggle-checked-disabled-thumb: var(--rs-gray-800);
1014
+ --rs-slider-bar: var(--rs-gray-600);
1015
+ --rs-slider-hover-bar: var(--rs-gray-600);
1016
+ --rs-slider-thumb-border: var(--rs-primary-500);
1017
+ --rs-slider-thumb-bg: var(--rs-gray-700);
1018
+ --rs-slider-thumb-hover-shadow: 0 0 0 8px rgb(from var(--rs-primary-500) r g b / 25%);
1019
+ --rs-slider-progress: var(--rs-primary-500);
1020
+ --rs-uploader-item-bg: var(--rs-gray-300);
1021
+ --rs-uploader-item-hover-bg: var(--rs-gray-800);
1022
+ --rs-uploader-item-hover-text: var(--rs-primary-500);
1023
+ --rs-uploader-overlay-bg: rgb(from var(--rs-gray-600) r g b / 80%);
1024
+ --rs-uploader-dnd-bg: var(--rs-gray-700);
1025
+ --rs-uploader-dnd-border: var(--rs-gray-200);
1026
+ --rs-uploader-dnd-hover-border: var(--rs-primary-500);
1027
+ --rs-avatar-bg: var(--rs-gray-400);
1028
+ --rs-avatar-text: var(--rs-gray-0);
1029
+ --rs-badge-bg: var(--rs-red-500);
1030
+ --rs-badge-text: var(--rs-gray-0);
1031
+ --rs-tag-bg: var(--rs-gray-600);
1032
+ --rs-tag-close: var(--rs-color-red);
1033
+ --rs-carousel-bg: var(--rs-gray-600);
1034
+ --rs-carousel-indicator: rgb(from var(--rs-gray-0) r g b / 40%);
1035
+ --rs-carousel-indicator-hover: var(--rs-gray-0);
1036
+ --rs-carousel-indicator-active: var(--rs-primary-500);
970
1037
  --rs-panel-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
971
- --rs-pagination-item-text: #e9ebf0;
972
- --rs-pagination-item-current-text: #ffff00;
1038
+ --rs-pagination-item-text: var(--rs-gray-50);
1039
+ --rs-pagination-item-current-text: var(--rs-primary-500);
973
1040
  --rs-list-bg: transparent;
974
- --rs-list-border: #292d33;
975
- --rs-list-hover-bg: #3c3f43;
976
- --rs-list-placeholder-bg: rgba(143, 153, 0, 0.2);
977
- --rs-list-placeholder-border: #ffff00;
978
- --rs-timeline-indicator-bg: #5c6066;
979
- --rs-timeline-indicator-active-bg: #ffff00;
1041
+ --rs-list-border: var(--rs-gray-700);
1042
+ --rs-list-hover-bg: var(--rs-gray-600);
1043
+ --rs-list-placeholder-bg: rgb(from var(--rs-primary-900) r g b / 20%);
1044
+ --rs-list-placeholder-border: var(--rs-primary-500);
1045
+ --rs-timeline-indicator-bg: var(--rs-gray-500);
1046
+ --rs-timeline-indicator-active-bg: var(--rs-primary-500);
980
1047
  --rs-table-shadow: rgba(9, 9, 9, 0.99);
981
- --rs-table-sort: #ffff00;
982
- --rs-table-resize: #ffff00;
983
- --rs-table-scrollbar-track: #292d33;
984
- --rs-table-scrollbar-thumb: #a4a9b3;
985
- --rs-table-scrollbar-thumb-active: #cbced4;
986
- --rs-table-scrollbar-vertical-track: #292d33;
987
- --rs-drawer-bg: #292d33;
1048
+ --rs-table-sort: var(--rs-primary-500);
1049
+ --rs-table-resize: var(--rs-primary-500);
1050
+ --rs-table-scrollbar-track: var(--rs-gray-700);
1051
+ --rs-table-scrollbar-thumb: var(--rs-gray-200);
1052
+ --rs-table-scrollbar-thumb-active: var(--rs-gray-100);
1053
+ --rs-table-scrollbar-vertical-track: var(--rs-gray-700);
1054
+ --rs-drawer-bg: var(--rs-gray-700);
988
1055
  --rs-drawer-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
989
1056
  --rs-modal-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
990
- --rs-modal-border: 1px solid #cbced4;
1057
+ --rs-modal-border: 1px solid var(--rs-gray-100);
991
1058
  --rs-form-errormessage-text: #fff;
992
- --rs-form-errormessage-bg: #f44336;
993
- --rs-form-errormessage-border: #f44336;
994
- --rs-picker-value: #ffff00;
995
- --rs-picker-count-bg: #ffff00;
996
- --rs-picker-count-text: #0f131a;
997
- --rs-calendar-today-bg: #ffff00;
998
- --rs-calendar-today-text: #0f131a;
999
- --rs-calendar-range-bg: rgba(143, 153, 0, 0.5);
1000
- --rs-calendar-time-unit-bg: #0f131a;
1001
- --rs-calendar-date-selected-text: #0f131a;
1002
- --rs-calendar-cell-selected-hover-bg: #e9ebf0;
1059
+ --rs-form-errormessage-bg: var(--rs-red-500);
1060
+ --rs-form-errormessage-border: var(--rs-red-500);
1061
+ --rs-picker-value: var(--rs-primary-500);
1062
+ --rs-picker-count-bg: var(--rs-primary-500);
1063
+ --rs-picker-count-text: var(--rs-gray-900);
1064
+ --rs-calendar-today-bg: var(--rs-primary-500);
1065
+ --rs-calendar-today-text: var(--rs-gray-900);
1066
+ --rs-calendar-range-bg: rgb(from var(--rs-primary-900) r g b / 50%);
1067
+ --rs-calendar-time-unit-bg: var(--rs-gray-900);
1068
+ --rs-calendar-date-selected-text: var(--rs-gray-900);
1069
+ --rs-calendar-cell-selected-hover-bg: var(--rs-gray-50);
1003
1070
  --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
1004
1071
  }
1072
+ @supports not (color: rgb(from white r g b)) {
1073
+ .rs-theme-high-contrast {
1074
+ --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
1075
+ --rs-state-focus-outline: 3px solid rgba(255, 255, 0, 0.25);
1076
+ --rs-loader-ring: rgba(233, 235, 240, 0.3);
1077
+ --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
1078
+ --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
1079
+ --rs-loader-backdrop-inverse: rgba(255, 255, 255, 0.9);
1080
+ --rs-dropdown-item-bg-active: rgba(143, 153, 0, 0.2);
1081
+ --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(255, 255, 0, 0.25);
1082
+ --rs-uploader-overlay-bg: rgba(60, 63, 67, 0.8);
1083
+ --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
1084
+ --rs-list-placeholder-bg: rgba(143, 153, 0, 0.2);
1085
+ --rs-calendar-range-bg: rgba(143, 153, 0, 0.5);
1086
+ --rs-placeholder-active: #484c50;
1087
+ }
1088
+ }
1005
1089
  /* stylelint-disable */
1006
1090
  * {
1007
1091
  -webkit-box-sizing: border-box;
@@ -1638,7 +1722,7 @@ tbody.rs-anim-collapse.rs-anim-in {
1638
1722
  .rs-auto-complete-item:hover,
1639
1723
  .rs-auto-complete-item:focus,
1640
1724
  .rs-auto-complete-item-focus {
1641
- background-color: rgba(204, 233, 255, 0.5);
1725
+ background-color: rgb(from #cce9ff r g b / 50%);
1642
1726
  background-color: var(--rs-listbox-option-hover-bg);
1643
1727
  color: #1675e0;
1644
1728
  color: var(--rs-listbox-option-hover-text);
@@ -1646,7 +1730,7 @@ tbody.rs-anim-collapse.rs-anim-in {
1646
1730
  .rs-theme-high-contrast .rs-auto-complete-item:hover,
1647
1731
  .rs-theme-high-contrast .rs-auto-complete-item:focus,
1648
1732
  .rs-theme-high-contrast .rs-auto-complete-item-focus {
1649
- outline: 3px solid rgba(52, 152, 255, 0.25);
1733
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
1650
1734
  outline: 3px solid var(--rs-color-focus-ring);
1651
1735
  outline-offset: -3px;
1652
1736
  outline-width: 2px;
@@ -1939,7 +2023,7 @@ tbody.rs-anim-collapse.rs-anim-in {
1939
2023
  border-right: var(--rs-btn-default-border, none);
1940
2024
  }
1941
2025
  .rs-btn:focus-visible {
1942
- outline: 3px solid rgba(52, 152, 255, 0.25);
2026
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
1943
2027
  outline: 3px solid var(--rs-color-focus-ring);
1944
2028
  }
1945
2029
  .rs-theme-high-contrast .rs-btn:focus-visible {
@@ -2731,14 +2815,14 @@ tbody.rs-anim-collapse.rs-anim-in {
2731
2815
  height: 16px;
2732
2816
  }
2733
2817
  .rs-btn-loading > .rs-btn-spin::before {
2734
- border: 3px solid rgba(247, 247, 250, 0.8);
2818
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
2735
2819
  border: 3px solid var(--rs-loader-ring);
2736
2820
  }
2737
2821
  .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
2738
2822
  border-color: rgba(248, 247, 250, 0.3);
2739
2823
  }
2740
2824
  .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
2741
- border-color: rgba(247, 247, 250, 0.3);
2825
+ border-color: rgb(from #f7f7fa r g b / 30%);
2742
2826
  border-color: var(--rs-loader-ring-inverse);
2743
2827
  }
2744
2828
  .rs-btn-loading > .rs-btn-spin::after {
@@ -3057,7 +3141,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3057
3141
  position: relative;
3058
3142
  }
3059
3143
  .rs-calendar-table-cell-in-range::before {
3060
- background-color: rgba(204, 233, 255, 0.5);
3144
+ background-color: rgb(from #cce9ff r g b / 50%);
3061
3145
  background-color: var(--rs-calendar-range-bg);
3062
3146
  }
3063
3147
  .rs-calendar-table-cell-in-range:hover::before {
@@ -3525,13 +3609,13 @@ tbody.rs-anim-collapse.rs-anim-in {
3525
3609
  text-decoration: none;
3526
3610
  }
3527
3611
  .rs-calendar-time-dropdown-cell:hover {
3528
- background-color: rgba(204, 233, 255, 0.5);
3612
+ background-color: rgb(from #cce9ff r g b / 50%);
3529
3613
  background-color: var(--rs-listbox-option-hover-bg);
3530
3614
  color: #1675e0;
3531
3615
  color: var(--rs-listbox-option-hover-text);
3532
3616
  }
3533
3617
  .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
3534
- outline: 3px solid rgba(52, 152, 255, 0.25);
3618
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3535
3619
  outline: 3px solid var(--rs-color-focus-ring);
3536
3620
  outline-offset: -3px;
3537
3621
  outline-width: 2px;
@@ -3549,13 +3633,13 @@ tbody.rs-anim-collapse.rs-anim-in {
3549
3633
  color: var(--rs-calendar-date-selected-text);
3550
3634
  }
3551
3635
  .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
3552
- background-color: rgba(204, 233, 255, 0.5);
3636
+ background-color: rgb(from #cce9ff r g b / 50%);
3553
3637
  background-color: var(--rs-listbox-option-hover-bg);
3554
3638
  color: #1675e0;
3555
3639
  color: var(--rs-listbox-option-hover-text);
3556
3640
  }
3557
3641
  .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
3558
- outline: 3px solid rgba(52, 152, 255, 0.25);
3642
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3559
3643
  outline: 3px solid var(--rs-color-focus-ring);
3560
3644
  outline-offset: -3px;
3561
3645
  outline-width: 2px;
@@ -3680,7 +3764,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3680
3764
  .rs-carousel-label {
3681
3765
  cursor: pointer;
3682
3766
  display: block;
3683
- background-color: rgba(255, 255, 255, 0.4);
3767
+ background-color: rgb(from #fff r g b / 40%);
3684
3768
  background-color: var(--rs-carousel-indicator);
3685
3769
  -webkit-transition: background 0.3s linear;
3686
3770
  transition: background 0.3s linear;
@@ -3836,13 +3920,13 @@ tbody.rs-anim-collapse.rs-anim-in {
3836
3920
  width: 100%;
3837
3921
  }
3838
3922
  .rs-picker-cascader-row:hover {
3839
- background-color: rgba(204, 233, 255, 0.5);
3923
+ background-color: rgb(from #cce9ff r g b / 50%);
3840
3924
  background-color: var(--rs-listbox-option-hover-bg);
3841
3925
  color: #1675e0;
3842
3926
  color: var(--rs-listbox-option-hover-text);
3843
3927
  }
3844
3928
  .rs-theme-high-contrast .rs-picker-cascader-row:hover {
3845
- outline: 3px solid rgba(52, 152, 255, 0.25);
3929
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3846
3930
  outline: 3px solid var(--rs-color-focus-ring);
3847
3931
  outline-offset: -3px;
3848
3932
  outline-width: 2px;
@@ -3854,13 +3938,13 @@ tbody.rs-anim-collapse.rs-anim-in {
3854
3938
  outline-offset: 2px;
3855
3939
  }
3856
3940
  .rs-picker-cascader-row.rs-picker-cascader-row-focus {
3857
- background-color: rgba(204, 233, 255, 0.5);
3941
+ background-color: rgb(from #cce9ff r g b / 50%);
3858
3942
  background-color: var(--rs-listbox-option-hover-bg);
3859
3943
  color: #1675e0;
3860
3944
  color: var(--rs-listbox-option-hover-text);
3861
3945
  }
3862
3946
  .rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
3863
- outline: 3px solid rgba(52, 152, 255, 0.25);
3947
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3864
3948
  outline: 3px solid var(--rs-color-focus-ring);
3865
3949
  outline-offset: -3px;
3866
3950
  outline-width: 2px;
@@ -3947,7 +4031,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3947
4031
  .rs-picker-cascader-menu-item:focus,
3948
4032
  .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
3949
4033
  .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
3950
- background-color: rgba(204, 233, 255, 0.5);
4034
+ background-color: rgb(from #cce9ff r g b / 50%);
3951
4035
  background-color: var(--rs-listbox-option-hover-bg);
3952
4036
  color: #1675e0;
3953
4037
  color: var(--rs-listbox-option-hover-text);
@@ -3956,7 +4040,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3956
4040
  .rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
3957
4041
  .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
3958
4042
  .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
3959
- outline: 3px solid rgba(52, 152, 255, 0.25);
4043
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3960
4044
  outline: 3px solid var(--rs-color-focus-ring);
3961
4045
  outline-offset: -3px;
3962
4046
  outline-width: 2px;
@@ -4043,9 +4127,9 @@ tbody.rs-anim-collapse.rs-anim-in {
4043
4127
  margin-right: 0;
4044
4128
  }
4045
4129
  .rs-checkbox [type='checkbox']:focus-visible ~ .rs-checkbox-inner::before {
4046
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
4130
+ -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
4047
4131
  -webkit-box-shadow: var(--rs-state-focus-shadow);
4048
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
4132
+ box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
4049
4133
  box-shadow: var(--rs-state-focus-shadow);
4050
4134
  }
4051
4135
  .rs-checkbox-checker {
@@ -4504,13 +4588,13 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4504
4588
  height: 30px;
4505
4589
  }
4506
4590
  .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4507
- background-color: rgba(204, 233, 255, 0.5);
4591
+ background-color: rgb(from #cce9ff r g b / 50%);
4508
4592
  background-color: var(--rs-listbox-option-hover-bg);
4509
4593
  color: #1675e0;
4510
4594
  color: var(--rs-listbox-option-hover-text);
4511
4595
  }
4512
4596
  .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4513
- outline: 3px solid rgba(52, 152, 255, 0.25);
4597
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
4514
4598
  outline: 3px solid var(--rs-color-focus-ring);
4515
4599
  outline-offset: -3px;
4516
4600
  outline-width: 2px;
@@ -4541,13 +4625,13 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4541
4625
  display: inline-block;
4542
4626
  }
4543
4627
  .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4544
- background-color: rgba(204, 233, 255, 0.5);
4628
+ background-color: rgb(from #cce9ff r g b / 50%);
4545
4629
  background-color: var(--rs-listbox-option-hover-bg);
4546
4630
  color: #1675e0;
4547
4631
  color: var(--rs-listbox-option-hover-text);
4548
4632
  }
4549
4633
  .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4550
- outline: 3px solid rgba(52, 152, 255, 0.25);
4634
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
4551
4635
  outline: 3px solid var(--rs-color-focus-ring);
4552
4636
  outline-offset: -3px;
4553
4637
  outline-width: 2px;
@@ -4821,7 +4905,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4821
4905
  bottom: 0;
4822
4906
  right: 0;
4823
4907
  z-index: 1050;
4824
- background-color: rgba(39, 44, 54, 0.3);
4908
+ background-color: rgb(from #272c36 r g b / 30%);
4825
4909
  background-color: var(--rs-bg-backdrop);
4826
4910
  }
4827
4911
  .rs-drawer-backdrop.rs-anim-fade {
@@ -4864,7 +4948,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4864
4948
  color: #272c36;
4865
4949
  color: var(--rs-text-heading);
4866
4950
  font-weight: normal;
4867
- font-size: 16px;
4951
+ font-size: 18px;
4868
4952
  line-height: 36px;
4869
4953
  overflow: hidden;
4870
4954
  text-overflow: ellipsis;
@@ -5049,7 +5133,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5049
5133
  outline: 0;
5050
5134
  }
5051
5135
  .rs-dropdown-menu:focus-visible {
5052
- outline: 3px solid rgba(52, 152, 255, 0.25);
5136
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
5053
5137
  outline: 3px solid var(--rs-color-focus-ring);
5054
5138
  }
5055
5139
  .rs-theme-high-contrast .rs-dropdown-menu:focus-visible {
@@ -5108,7 +5192,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5108
5192
  }
5109
5193
  .rs-dropdown-item:focus-visible,
5110
5194
  .rs-dropdown-item.rs-dropdown-item-focus {
5111
- background-color: rgba(204, 233, 255, 0.5);
5195
+ background-color: rgb(from #cce9ff r g b / 50%);
5112
5196
  background-color: var(--rs-menuitem-active-bg);
5113
5197
  color: #1675e0;
5114
5198
  color: var(--rs-menuitem-active-text);
@@ -5145,7 +5229,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5145
5229
  position: relative;
5146
5230
  }
5147
5231
  .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle {
5148
- background-color: rgba(204, 233, 255, 0.5);
5232
+ background-color: rgb(from #cce9ff r g b / 50%);
5149
5233
  background-color: var(--rs-menuitem-active-bg);
5150
5234
  color: #1675e0;
5151
5235
  color: var(--rs-menuitem-active-text);
@@ -5198,7 +5282,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5198
5282
  }
5199
5283
  .rs-dropdown-menu > .rs-dropdown-menu-item-focus:hover,
5200
5284
  .rs-dropdown-menu > .rs-dropdown-menu-item-focus:focus {
5201
- background-color: rgba(204, 233, 255, 0.5);
5285
+ background-color: rgb(from #cce9ff r g b / 50%);
5202
5286
  background-color: var(--rs-menuitem-active-bg);
5203
5287
  color: #1675e0;
5204
5288
  color: var(--rs-menuitem-active-text);
@@ -7994,7 +8078,7 @@ textarea.rs-input {
7994
8078
  border-color: var(--rs-input-focus-border);
7995
8079
  }
7996
8080
  .rs-input:focus {
7997
- outline: 3px solid rgba(52, 152, 255, 0.25);
8081
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
7998
8082
  outline: 3px solid var(--rs-color-focus-ring);
7999
8083
  }
8000
8084
  .rs-theme-high-contrast .rs-input:focus {
@@ -8082,7 +8166,7 @@ textarea.rs-input-sm {
8082
8166
  }
8083
8167
  .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
8084
8168
  .rs-input-group:focus-within {
8085
- outline: 3px solid rgba(52, 152, 255, 0.25);
8169
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
8086
8170
  outline: 3px solid var(--rs-color-focus-ring);
8087
8171
  }
8088
8172
  .rs-theme-high-contrast .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
@@ -8893,7 +8977,7 @@ textarea.rs-picker-search-input {
8893
8977
  z-index: 1149;
8894
8978
  }
8895
8979
  .rs-list-item-holder {
8896
- background-color: rgba(242, 250, 255, 0.5);
8980
+ background-color: rgb(from #f2faff r g b / 50%);
8897
8981
  background-color: var(--rs-list-placeholder-bg);
8898
8982
  visibility: hidden;
8899
8983
  }
@@ -8953,7 +9037,7 @@ textarea.rs-picker-search-input {
8953
9037
  border-radius: 50%;
8954
9038
  }
8955
9039
  .rs-loader-spin::before {
8956
- border: 3px solid rgba(247, 247, 250, 0.8);
9040
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
8957
9041
  border: 3px solid var(--rs-loader-ring);
8958
9042
  }
8959
9043
  .rs-loader-spin::after {
@@ -8980,7 +9064,7 @@ textarea.rs-picker-search-input {
8980
9064
  right: 0;
8981
9065
  width: 100%;
8982
9066
  height: 100%;
8983
- background: rgba(255, 255, 255, 0.9);
9067
+ background: rgb(from #fff r g b / 90%);
8984
9068
  background: var(--rs-loader-backdrop);
8985
9069
  }
8986
9070
  .rs-loader-vertical {
@@ -9014,11 +9098,11 @@ textarea.rs-picker-search-input {
9014
9098
  color: var(--rs-text-inverse);
9015
9099
  }
9016
9100
  .rs-loader-inverse .rs-loader-backdrop {
9017
- background: rgba(39, 44, 54, 0.83);
9101
+ background: rgb(from #272c36 r g b / 83%);
9018
9102
  background: var(--rs-loader-backdrop-inverse);
9019
9103
  }
9020
9104
  .rs-loader-inverse .rs-loader-spin::before {
9021
- border-color: rgba(247, 247, 250, 0.3);
9105
+ border-color: rgb(from #f7f7fa r g b / 30%);
9022
9106
  border-color: var(--rs-loader-ring-inverse);
9023
9107
  }
9024
9108
  .rs-loader-inverse .rs-loader-spin::after {
@@ -9472,7 +9556,7 @@ textarea.rs-picker-search-input {
9472
9556
  width: 100vw;
9473
9557
  height: 100vh;
9474
9558
  z-index: 1049;
9475
- background-color: rgba(39, 44, 54, 0.3);
9559
+ background-color: rgb(from #272c36 r g b / 30%);
9476
9560
  background-color: var(--rs-bg-backdrop);
9477
9561
  }
9478
9562
  .rs-modal-backdrop.rs-anim-fade {
@@ -9568,8 +9652,8 @@ textarea.rs-picker-search-input {
9568
9652
  }
9569
9653
  .rs-modal-title {
9570
9654
  font-weight: normal;
9571
- font-size: 16px;
9572
- line-height: 1.25;
9655
+ font-size: 18px;
9656
+ line-height: 1.11111111;
9573
9657
  display: block;
9574
9658
  color: #272c36;
9575
9659
  color: var(--rs-text-heading);
@@ -9695,7 +9779,7 @@ textarea.rs-picker-search-input {
9695
9779
  text-decoration: underline;
9696
9780
  }
9697
9781
  .rs-nav-item:focus-visible {
9698
- outline: 3px solid rgba(52, 152, 255, 0.25);
9782
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
9699
9783
  outline: 3px solid var(--rs-color-focus-ring);
9700
9784
  outline-width: 2px;
9701
9785
  outline-offset: 0;
@@ -9932,7 +10016,7 @@ textarea.rs-picker-search-input {
9932
10016
  .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
9933
10017
  .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9934
10018
  z-index: 1;
9935
- outline: 3px solid rgba(52, 152, 255, 0.25);
10019
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
9936
10020
  outline: 3px solid var(--rs-color-focus-ring);
9937
10021
  }
9938
10022
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
@@ -9945,7 +10029,7 @@ textarea.rs-picker-search-input {
9945
10029
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
9946
10030
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
9947
10031
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9948
- outline: 3px solid rgba(52, 152, 255, 0.25);
10032
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
9949
10033
  outline: 3px solid var(--rs-color-focus-ring);
9950
10034
  outline-offset: -3px;
9951
10035
  outline-width: 2px;
@@ -10001,7 +10085,7 @@ textarea.rs-picker-search-input {
10001
10085
  .rs-navbar-nav > .rs-dropdown-item:focus-visible,
10002
10086
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus,
10003
10087
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
10004
- outline: 3px solid rgba(52, 152, 255, 0.25);
10088
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
10005
10089
  outline: 3px solid var(--rs-color-focus-ring);
10006
10090
  outline-offset: -3px;
10007
10091
  z-index: 2;
@@ -10014,7 +10098,7 @@ textarea.rs-picker-search-input {
10014
10098
  .rs-theme-high-contrast .rs-navbar-brand:focus-visible,
10015
10099
  .rs-theme-high-contrast .rs-navbar-item:focus-visible,
10016
10100
  .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
10017
- outline: 3px solid rgba(52, 152, 255, 0.25);
10101
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
10018
10102
  outline: 3px solid var(--rs-color-focus-ring);
10019
10103
  outline-offset: -3px;
10020
10104
  outline-width: 2px;
@@ -10039,7 +10123,7 @@ textarea.rs-picker-search-input {
10039
10123
  border: none;
10040
10124
  }
10041
10125
  .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
10042
- outline: 3px solid rgba(52, 152, 255, 0.25);
10126
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
10043
10127
  outline: 3px solid var(--rs-color-focus-ring);
10044
10128
  outline-offset: -3px;
10045
10129
  outline-width: 2px;
@@ -10052,7 +10136,7 @@ textarea.rs-picker-search-input {
10052
10136
  left: 16px;
10053
10137
  }
10054
10138
  .rs-navbar .rs-dropdown-item:hover {
10055
- background-color: rgba(204, 233, 255, 0.5);
10139
+ background-color: rgb(from #cce9ff r g b / 50%);
10056
10140
  background-color: var(--rs-menuitem-active-bg);
10057
10141
  color: #1675e0;
10058
10142
  color: var(--rs-menuitem-active-text);
@@ -10540,7 +10624,7 @@ textarea.rs-picker-search-input {
10540
10624
  border-right: var(--rs-btn-default-border, none);
10541
10625
  }
10542
10626
  .rs-pagination-btn:focus-visible {
10543
- outline: 3px solid rgba(52, 152, 255, 0.25);
10627
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
10544
10628
  outline: 3px solid var(--rs-color-focus-ring);
10545
10629
  }
10546
10630
  .rs-theme-high-contrast .rs-pagination-btn:focus-visible {
@@ -10910,9 +10994,9 @@ textarea.rs-picker-search-input {
10910
10994
  }
10911
10995
  .rs-picker-toggle-active,
10912
10996
  .rs-picker.rs-picker-focused {
10913
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
10997
+ -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
10914
10998
  -webkit-box-shadow: var(--rs-state-focus-shadow);
10915
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
10999
+ box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
10916
11000
  box-shadow: var(--rs-state-focus-shadow);
10917
11001
  }
10918
11002
  .rs-picker-toggle {
@@ -10990,7 +11074,7 @@ textarea.rs-picker-search-input {
10990
11074
  border-right: var(--rs-btn-default-border, none);
10991
11075
  }
10992
11076
  .rs-picker-toggle:focus-visible {
10993
- outline: 3px solid rgba(52, 152, 255, 0.25);
11077
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
10994
11078
  outline: 3px solid var(--rs-color-focus-ring);
10995
11079
  }
10996
11080
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
@@ -11838,7 +11922,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11838
11922
  border-color: var(--rs-input-focus-border);
11839
11923
  }
11840
11924
  .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
11841
- outline: 3px solid rgba(52, 152, 255, 0.25);
11925
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
11842
11926
  outline: 3px solid var(--rs-color-focus-ring);
11843
11927
  }
11844
11928
  .rs-theme-high-contrast .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
@@ -11889,13 +11973,13 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11889
11973
  .rs-check-item:not(.rs-checkbox-disabled):hover,
11890
11974
  .rs-check-item:focus,
11891
11975
  .rs-check-item.rs-check-item-focus {
11892
- background-color: rgba(204, 233, 255, 0.5);
11976
+ background-color: rgb(from #cce9ff r g b / 50%);
11893
11977
  background-color: var(--rs-listbox-option-hover-bg);
11894
11978
  }
11895
11979
  .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
11896
11980
  .rs-theme-high-contrast .rs-check-item:focus,
11897
11981
  .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
11898
- outline: 3px solid rgba(52, 152, 255, 0.25);
11982
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
11899
11983
  outline: 3px solid var(--rs-color-focus-ring);
11900
11984
  outline-offset: -3px;
11901
11985
  outline-width: 2px;
@@ -12059,8 +12143,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12059
12143
  background: linear-gradient(45deg, #f2f2f5 25%, #e5e5ea 37%, #f2f2f5 63%);
12060
12144
  background: linear-gradient(45deg, var(--rs-placeholder) 25%, var(--rs-placeholder-active) 37%, var(--rs-placeholder) 63%);
12061
12145
  background-size: 400% 100% !important;
12062
- -webkit-animation: placeholder-active 3s ease infinite;
12063
- animation: placeholder-active 3s ease infinite;
12146
+ -webkit-animation: placeholder-active 1.5s ease infinite;
12147
+ animation: placeholder-active 1.5s ease infinite;
12064
12148
  }
12065
12149
  @-webkit-keyframes placeholder-active {
12066
12150
  0% {
@@ -12669,9 +12753,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12669
12753
  margin-right: 0;
12670
12754
  }
12671
12755
  .rs-radio [type='radio']:focus ~ .rs-radio-inner::before {
12672
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12756
+ -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
12673
12757
  -webkit-box-shadow: var(--rs-state-focus-shadow);
12674
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12758
+ box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
12675
12759
  box-shadow: var(--rs-state-focus-shadow);
12676
12760
  }
12677
12761
  .rs-radio-checker {
@@ -13054,7 +13138,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13054
13138
  .rs-picker-select-menu-item:hover,
13055
13139
  .rs-picker-select-menu-item:focus,
13056
13140
  .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
13057
- background-color: rgba(204, 233, 255, 0.5);
13141
+ background-color: rgb(from #cce9ff r g b / 50%);
13058
13142
  background-color: var(--rs-listbox-option-hover-bg);
13059
13143
  color: #1675e0;
13060
13144
  color: var(--rs-listbox-option-hover-text);
@@ -13062,7 +13146,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13062
13146
  .rs-theme-high-contrast .rs-picker-select-menu-item:hover,
13063
13147
  .rs-theme-high-contrast .rs-picker-select-menu-item:focus,
13064
13148
  .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
13065
- outline: 3px solid rgba(52, 152, 255, 0.25);
13149
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13066
13150
  outline: 3px solid var(--rs-color-focus-ring);
13067
13151
  outline-offset: -3px;
13068
13152
  outline-width: 2px;
@@ -13151,7 +13235,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13151
13235
  outline: 0;
13152
13236
  }
13153
13237
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
13154
- outline: 3px solid rgba(52, 152, 255, 0.25);
13238
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13155
13239
  outline: 3px solid var(--rs-color-focus-ring);
13156
13240
  outline-offset: -3px;
13157
13241
  z-index: 1;
@@ -13160,7 +13244,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13160
13244
  outline-offset: 2px;
13161
13245
  }
13162
13246
  .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
13163
- outline: 3px solid rgba(52, 152, 255, 0.25);
13247
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13164
13248
  outline: 3px solid var(--rs-color-focus-ring);
13165
13249
  outline-offset: -3px;
13166
13250
  outline-width: 2px;
@@ -13187,7 +13271,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13187
13271
  border: none;
13188
13272
  }
13189
13273
  .rs-sidenav-nav .rs-sidenav-item:focus-visible {
13190
- outline: 3px solid rgba(52, 152, 255, 0.25);
13274
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13191
13275
  outline: 3px solid var(--rs-color-focus-ring);
13192
13276
  outline-offset: -3px;
13193
13277
  z-index: 1;
@@ -13196,7 +13280,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13196
13280
  outline-offset: 2px;
13197
13281
  }
13198
13282
  .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
13199
- outline: 3px solid rgba(52, 152, 255, 0.25);
13283
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13200
13284
  outline: 3px solid var(--rs-color-focus-ring);
13201
13285
  outline-offset: -3px;
13202
13286
  outline-width: 2px;
@@ -13236,7 +13320,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13236
13320
  }
13237
13321
  .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
13238
13322
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
13239
- outline: 3px solid rgba(52, 152, 255, 0.25);
13323
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13240
13324
  outline: 3px solid var(--rs-color-focus-ring);
13241
13325
  outline-offset: -3px;
13242
13326
  }
@@ -13256,7 +13340,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13256
13340
  }
13257
13341
  .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
13258
13342
  .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
13259
- outline: 3px solid rgba(52, 152, 255, 0.25);
13343
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13260
13344
  outline: 3px solid var(--rs-color-focus-ring);
13261
13345
  z-index: 2;
13262
13346
  }
@@ -13266,7 +13350,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13266
13350
  }
13267
13351
  .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
13268
13352
  .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
13269
- outline: 3px solid rgba(52, 152, 255, 0.25);
13353
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13270
13354
  outline: 3px solid var(--rs-color-focus-ring);
13271
13355
  outline-offset: -3px;
13272
13356
  outline-width: 2px;
@@ -13287,7 +13371,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13287
13371
  }
13288
13372
  .rs-sidenav-item:focus-visible,
13289
13373
  .rs-sidenav-item.rs-sidenav-item-focus {
13290
- outline: 3px solid rgba(52, 152, 255, 0.25);
13374
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13291
13375
  outline: 3px solid var(--rs-color-focus-ring);
13292
13376
  outline-offset: -3px;
13293
13377
  outline-width: 2px;
@@ -13330,7 +13414,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13330
13414
  }
13331
13415
  .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
13332
13416
  .rs-sidenav-collapse-in .rs-dropdown-item-focus {
13333
- outline: 3px solid rgba(52, 152, 255, 0.25);
13417
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13334
13418
  outline: 3px solid var(--rs-color-focus-ring);
13335
13419
  outline-offset: -3px;
13336
13420
  background: none;
@@ -13342,7 +13426,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13342
13426
  }
13343
13427
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
13344
13428
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
13345
- outline: 3px solid rgba(52, 152, 255, 0.25);
13429
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13346
13430
  outline: 3px solid var(--rs-color-focus-ring);
13347
13431
  outline-offset: -3px;
13348
13432
  outline-width: 2px;
@@ -13358,7 +13442,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13358
13442
  }
13359
13443
  .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
13360
13444
  .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
13361
- outline: 3px solid rgba(52, 152, 255, 0.25);
13445
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13362
13446
  outline: 3px solid var(--rs-color-focus-ring);
13363
13447
  outline-offset: -3px;
13364
13448
  z-index: 2;
@@ -13369,7 +13453,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13369
13453
  }
13370
13454
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
13371
13455
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
13372
- outline: 3px solid rgba(52, 152, 255, 0.25);
13456
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13373
13457
  outline: 3px solid var(--rs-color-focus-ring);
13374
13458
  outline-offset: -3px;
13375
13459
  outline-width: 2px;
@@ -13479,7 +13563,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13479
13563
  }
13480
13564
  .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
13481
13565
  .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
13482
- outline: 3px solid rgba(52, 152, 255, 0.25);
13566
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13483
13567
  outline: 3px solid var(--rs-color-focus-ring);
13484
13568
  }
13485
13569
  .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
@@ -13488,7 +13572,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13488
13572
  }
13489
13573
  .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
13490
13574
  .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
13491
- outline: 3px solid rgba(52, 152, 255, 0.25);
13575
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13492
13576
  outline: 3px solid var(--rs-color-focus-ring);
13493
13577
  outline-offset: -3px;
13494
13578
  outline-width: 2px;
@@ -13564,7 +13648,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13564
13648
  border-top-color: var(--rs-sidenav-default-footer-border);
13565
13649
  }
13566
13650
  .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active {
13567
- background-color: rgba(204, 233, 255, 0.5);
13651
+ background-color: rgb(from #cce9ff r g b / 50%);
13568
13652
  background-color: var(--rs-menuitem-active-bg);
13569
13653
  color: #1675e0;
13570
13654
  color: var(--rs-menuitem-active-text);
@@ -13860,9 +13944,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13860
13944
  }
13861
13945
  .rs-slider-handle:hover::before,
13862
13946
  .rs-slider-handle:focus::before {
13863
- -webkit-box-shadow: 0 0 0 8px rgba(52, 152, 255, 0.25);
13947
+ -webkit-box-shadow: 0 0 0 8px rgb(from #a6a6a6 r g b / 25%);
13864
13948
  -webkit-box-shadow: var(--rs-slider-thumb-hover-shadow);
13865
- box-shadow: 0 0 0 8px rgba(52, 152, 255, 0.25);
13949
+ box-shadow: 0 0 0 8px rgb(from #a6a6a6 r g b / 25%);
13866
13950
  box-shadow: var(--rs-slider-thumb-hover-shadow);
13867
13951
  }
13868
13952
  .rs-slider-handle:active::before,
@@ -14327,7 +14411,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14327
14411
  position: absolute;
14328
14412
  height: 100%;
14329
14413
  width: 100%;
14330
- background-color: rgba(255, 255, 255, 0.9);
14414
+ background-color: rgb(from #fff r g b / 90%);
14331
14415
  background-color: var(--rs-loader-backdrop);
14332
14416
  opacity: 0;
14333
14417
  -webkit-transition: opacity 0.2s ease-in;
@@ -14370,7 +14454,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14370
14454
  border-radius: 50%;
14371
14455
  }
14372
14456
  .rs-table-loader-icon::before {
14373
- border: 3px solid rgba(247, 247, 250, 0.8);
14457
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
14374
14458
  border: 3px solid var(--rs-loader-ring);
14375
14459
  }
14376
14460
  .rs-table-loader-icon::after {
@@ -14633,7 +14717,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14633
14717
  left: 0;
14634
14718
  width: 10px;
14635
14719
  bottom: 10px;
14636
- background-color: rgba(229, 229, 234, 0.4);
14720
+ background-color: rgb(from #e5e5ea r g b / 40%);
14637
14721
  background-color: var(--rs-table-scrollbar-vertical-track);
14638
14722
  }
14639
14723
  .rs-table-scrollbar-vertical .rs-table-scrollbar-handle {
@@ -15043,16 +15127,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15043
15127
  box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
15044
15128
  }
15045
15129
  .rs-toggle-input:focus-visible + .rs-toggle-presentation {
15046
- outline: 3px solid rgba(52, 152, 255, 0.25);
15130
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
15047
15131
  outline: 3px solid var(--rs-color-focus-ring);
15048
15132
  }
15049
15133
  .rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
15050
15134
  outline-offset: 2px;
15051
15135
  }
15052
15136
  .rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
15053
- -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgba(52, 152, 255, 0.25);
15137
+ -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgb(from #3498ff r g b / 25%);
15054
15138
  -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
15055
- box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgba(52, 152, 255, 0.25);
15139
+ box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgb(from #3498ff r g b / 25%);
15056
15140
  box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
15057
15141
  }
15058
15142
  .rs-toggle-presentation:hover {
@@ -15118,7 +15202,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15118
15202
  transition: right 0.15s ease-out, margin-right 0.15s ease-out, width 0.15s ease-out;
15119
15203
  }
15120
15204
  .rs-toggle-loader .rs-loader-spin::before {
15121
- border-color: rgba(247, 247, 250, 0.3);
15205
+ border-color: rgb(from #f7f7fa r g b / 30%);
15122
15206
  border-color: var(--rs-toggle-loader-ring);
15123
15207
  }
15124
15208
  .rs-toggle-loader .rs-loader-spin::after {
@@ -15592,7 +15676,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15592
15676
  .rs-tree-node-label-content:hover,
15593
15677
  .rs-tree-node-label-content:focus,
15594
15678
  .rs-tree-node-label-content.rs-tree-node-label-content-focus {
15595
- background-color: rgba(204, 233, 255, 0.5);
15679
+ background-color: rgb(from #cce9ff r g b / 50%);
15596
15680
  background-color: var(--rs-listbox-option-hover-bg);
15597
15681
  color: #1675e0;
15598
15682
  color: var(--rs-listbox-option-hover-text);
@@ -15600,7 +15684,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15600
15684
  .rs-theme-high-contrast .rs-tree-node-label-content:hover,
15601
15685
  .rs-theme-high-contrast .rs-tree-node-label-content:focus,
15602
15686
  .rs-theme-high-contrast .rs-tree-node-label-content.rs-tree-node-label-content-focus {
15603
- outline: 3px solid rgba(52, 152, 255, 0.25);
15687
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
15604
15688
  outline: 3px solid var(--rs-color-focus-ring);
15605
15689
  outline-offset: -3px;
15606
15690
  outline-width: 2px;
@@ -15621,7 +15705,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15621
15705
  background-color: var(--rs-listbox-option-selected-bg);
15622
15706
  }
15623
15707
  .rs-tree-node-drag-over {
15624
- background-color: rgba(204, 233, 255, 0.5);
15708
+ background-color: rgb(from #cce9ff r g b / 50%);
15625
15709
  background-color: var(--rs-listbox-option-hover-bg);
15626
15710
  }
15627
15711
  .rs-tree-node-dragging {
@@ -15852,7 +15936,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15852
15936
  border-radius: 50%;
15853
15937
  }
15854
15938
  .rs-uploader-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before {
15855
- border: 3px solid rgba(247, 247, 250, 0.8);
15939
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
15856
15940
  border: 3px solid var(--rs-loader-ring);
15857
15941
  }
15858
15942
  .rs-uploader-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
@@ -16040,7 +16124,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16040
16124
  border-right: var(--rs-btn-default-border, none);
16041
16125
  }
16042
16126
  .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
16043
- outline: 3px solid rgba(52, 152, 255, 0.25);
16127
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
16044
16128
  outline: 3px solid var(--rs-color-focus-ring);
16045
16129
  }
16046
16130
  .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
@@ -16211,7 +16295,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16211
16295
  height: 66px;
16212
16296
  text-align: center;
16213
16297
  z-index: 3;
16214
- background-color: rgba(255, 255, 255, 0.8);
16298
+ background-color: rgb(from #fff r g b / 80%);
16215
16299
  background-color: var(--rs-uploader-overlay-bg);
16216
16300
  cursor: default;
16217
16301
  color: #f44336;
@@ -16250,7 +16334,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16250
16334
  height: 24px;
16251
16335
  line-height: 24px;
16252
16336
  text-align: center;
16253
- background-color: rgba(255, 255, 255, 0.8);
16337
+ background-color: rgb(from #fff r g b / 80%);
16254
16338
  background-color: var(--rs-uploader-overlay-bg);
16255
16339
  border-radius: 50%;
16256
16340
  visibility: hidden;
@@ -16282,7 +16366,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16282
16366
  width: 66px;
16283
16367
  height: 66px;
16284
16368
  line-height: 66px;
16285
- background-color: rgba(255, 255, 255, 0.8);
16369
+ background-color: rgb(from #fff r g b / 80%);
16286
16370
  background-color: var(--rs-uploader-overlay-bg);
16287
16371
  position: absolute;
16288
16372
  top: 0;
@@ -16311,7 +16395,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16311
16395
  border-radius: 50%;
16312
16396
  }
16313
16397
  .rs-uploader-picture .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before {
16314
- border: 3px solid rgba(247, 247, 250, 0.8);
16398
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
16315
16399
  border: 3px solid var(--rs-loader-ring);
16316
16400
  }
16317
16401
  .rs-uploader-picture .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
@@ -16467,7 +16551,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16467
16551
  border-radius: 50%;
16468
16552
  }
16469
16553
  .rs-uploader-picture-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before {
16470
- border: 3px solid rgba(247, 247, 250, 0.8);
16554
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
16471
16555
  border: 3px solid var(--rs-loader-ring);
16472
16556
  }
16473
16557
  .rs-uploader-picture-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
@@ -16513,7 +16597,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16513
16597
  display: -webkit-inline-box;
16514
16598
  display: -ms-inline-flexbox;
16515
16599
  display: inline-flex;
16516
- color: #ffb300;
16600
+ color: #2196f3;
16517
16601
  color: var(--rs-rate-symbol-checked);
16518
16602
  list-style: none;
16519
16603
  vertical-align: middle;