rsuite 5.42.0 → 5.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/Placeholder/styles/index.less +1 -1
  3. package/cjs/AutoComplete/AutoComplete.js +9 -1
  4. package/dist/rsuite-no-reset-rtl.css +795 -711
  5. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  6. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  7. package/dist/rsuite-no-reset.css +795 -711
  8. package/dist/rsuite-no-reset.min.css +1 -1
  9. package/dist/rsuite-no-reset.min.css.map +1 -1
  10. package/dist/rsuite-rtl.css +795 -711
  11. package/dist/rsuite-rtl.min.css +1 -1
  12. package/dist/rsuite-rtl.min.css.map +1 -1
  13. package/dist/rsuite.css +795 -711
  14. package/dist/rsuite.js +1 -1
  15. package/dist/rsuite.min.css +1 -1
  16. package/dist/rsuite.min.css.map +1 -1
  17. package/dist/rsuite.min.js +1 -1
  18. package/dist/rsuite.min.js.map +1 -1
  19. package/esm/AutoComplete/AutoComplete.js +9 -1
  20. package/package.json +1 -1
  21. package/styles/color-modes/dark.less +256 -206
  22. package/styles/color-modes/high-contrast.less +252 -207
  23. package/styles/color-modes/light.less +262 -206
  24. package/styles/variables.less +4 -2
package/dist/rsuite-no-reset-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;
@@ -1506,7 +1590,7 @@ tbody.rs-anim-collapse.rs-anim-in {
1506
1590
  .rs-auto-complete-item:hover,
1507
1591
  .rs-auto-complete-item:focus,
1508
1592
  .rs-auto-complete-item-focus {
1509
- background-color: rgba(204, 233, 255, 0.5);
1593
+ background-color: rgb(from #cce9ff r g b / 50%);
1510
1594
  background-color: var(--rs-listbox-option-hover-bg);
1511
1595
  color: #1675e0;
1512
1596
  color: var(--rs-listbox-option-hover-text);
@@ -1514,7 +1598,7 @@ tbody.rs-anim-collapse.rs-anim-in {
1514
1598
  .rs-theme-high-contrast .rs-auto-complete-item:hover,
1515
1599
  .rs-theme-high-contrast .rs-auto-complete-item:focus,
1516
1600
  .rs-theme-high-contrast .rs-auto-complete-item-focus {
1517
- outline: 3px solid rgba(52, 152, 255, 0.25);
1601
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
1518
1602
  outline: 3px solid var(--rs-color-focus-ring);
1519
1603
  outline-offset: -3px;
1520
1604
  outline-width: 2px;
@@ -1807,7 +1891,7 @@ tbody.rs-anim-collapse.rs-anim-in {
1807
1891
  border-right: var(--rs-btn-default-border, none);
1808
1892
  }
1809
1893
  .rs-btn:focus-visible {
1810
- outline: 3px solid rgba(52, 152, 255, 0.25);
1894
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
1811
1895
  outline: 3px solid var(--rs-color-focus-ring);
1812
1896
  }
1813
1897
  .rs-theme-high-contrast .rs-btn:focus-visible {
@@ -2599,14 +2683,14 @@ tbody.rs-anim-collapse.rs-anim-in {
2599
2683
  height: 16px;
2600
2684
  }
2601
2685
  .rs-btn-loading > .rs-btn-spin::before {
2602
- border: 3px solid rgba(247, 247, 250, 0.8);
2686
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
2603
2687
  border: 3px solid var(--rs-loader-ring);
2604
2688
  }
2605
2689
  .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
2606
2690
  border-color: rgba(248, 247, 250, 0.3);
2607
2691
  }
2608
2692
  .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
2609
- border-color: rgba(247, 247, 250, 0.3);
2693
+ border-color: rgb(from #f7f7fa r g b / 30%);
2610
2694
  border-color: var(--rs-loader-ring-inverse);
2611
2695
  }
2612
2696
  .rs-btn-loading > .rs-btn-spin::after {
@@ -2925,7 +3009,7 @@ tbody.rs-anim-collapse.rs-anim-in {
2925
3009
  position: relative;
2926
3010
  }
2927
3011
  .rs-calendar-table-cell-in-range::before {
2928
- background-color: rgba(204, 233, 255, 0.5);
3012
+ background-color: rgb(from #cce9ff r g b / 50%);
2929
3013
  background-color: var(--rs-calendar-range-bg);
2930
3014
  }
2931
3015
  .rs-calendar-table-cell-in-range:hover::before {
@@ -3393,13 +3477,13 @@ tbody.rs-anim-collapse.rs-anim-in {
3393
3477
  text-decoration: none;
3394
3478
  }
3395
3479
  .rs-calendar-time-dropdown-cell:hover {
3396
- background-color: rgba(204, 233, 255, 0.5);
3480
+ background-color: rgb(from #cce9ff r g b / 50%);
3397
3481
  background-color: var(--rs-listbox-option-hover-bg);
3398
3482
  color: #1675e0;
3399
3483
  color: var(--rs-listbox-option-hover-text);
3400
3484
  }
3401
3485
  .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
3402
- outline: 3px solid rgba(52, 152, 255, 0.25);
3486
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3403
3487
  outline: 3px solid var(--rs-color-focus-ring);
3404
3488
  outline-offset: -3px;
3405
3489
  outline-width: 2px;
@@ -3417,13 +3501,13 @@ tbody.rs-anim-collapse.rs-anim-in {
3417
3501
  color: var(--rs-calendar-date-selected-text);
3418
3502
  }
3419
3503
  .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
3420
- background-color: rgba(204, 233, 255, 0.5);
3504
+ background-color: rgb(from #cce9ff r g b / 50%);
3421
3505
  background-color: var(--rs-listbox-option-hover-bg);
3422
3506
  color: #1675e0;
3423
3507
  color: var(--rs-listbox-option-hover-text);
3424
3508
  }
3425
3509
  .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
3426
- outline: 3px solid rgba(52, 152, 255, 0.25);
3510
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3427
3511
  outline: 3px solid var(--rs-color-focus-ring);
3428
3512
  outline-offset: -3px;
3429
3513
  outline-width: 2px;
@@ -3548,7 +3632,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3548
3632
  .rs-carousel-label {
3549
3633
  cursor: pointer;
3550
3634
  display: block;
3551
- background-color: rgba(255, 255, 255, 0.4);
3635
+ background-color: rgb(from #fff r g b / 40%);
3552
3636
  background-color: var(--rs-carousel-indicator);
3553
3637
  -webkit-transition: background 0.3s linear;
3554
3638
  transition: background 0.3s linear;
@@ -3704,13 +3788,13 @@ tbody.rs-anim-collapse.rs-anim-in {
3704
3788
  width: 100%;
3705
3789
  }
3706
3790
  .rs-picker-cascader-row:hover {
3707
- background-color: rgba(204, 233, 255, 0.5);
3791
+ background-color: rgb(from #cce9ff r g b / 50%);
3708
3792
  background-color: var(--rs-listbox-option-hover-bg);
3709
3793
  color: #1675e0;
3710
3794
  color: var(--rs-listbox-option-hover-text);
3711
3795
  }
3712
3796
  .rs-theme-high-contrast .rs-picker-cascader-row:hover {
3713
- outline: 3px solid rgba(52, 152, 255, 0.25);
3797
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3714
3798
  outline: 3px solid var(--rs-color-focus-ring);
3715
3799
  outline-offset: -3px;
3716
3800
  outline-width: 2px;
@@ -3722,13 +3806,13 @@ tbody.rs-anim-collapse.rs-anim-in {
3722
3806
  outline-offset: 2px;
3723
3807
  }
3724
3808
  .rs-picker-cascader-row.rs-picker-cascader-row-focus {
3725
- background-color: rgba(204, 233, 255, 0.5);
3809
+ background-color: rgb(from #cce9ff r g b / 50%);
3726
3810
  background-color: var(--rs-listbox-option-hover-bg);
3727
3811
  color: #1675e0;
3728
3812
  color: var(--rs-listbox-option-hover-text);
3729
3813
  }
3730
3814
  .rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
3731
- outline: 3px solid rgba(52, 152, 255, 0.25);
3815
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3732
3816
  outline: 3px solid var(--rs-color-focus-ring);
3733
3817
  outline-offset: -3px;
3734
3818
  outline-width: 2px;
@@ -3815,7 +3899,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3815
3899
  .rs-picker-cascader-menu-item:focus,
3816
3900
  .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
3817
3901
  .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
3818
- background-color: rgba(204, 233, 255, 0.5);
3902
+ background-color: rgb(from #cce9ff r g b / 50%);
3819
3903
  background-color: var(--rs-listbox-option-hover-bg);
3820
3904
  color: #1675e0;
3821
3905
  color: var(--rs-listbox-option-hover-text);
@@ -3824,7 +3908,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3824
3908
  .rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
3825
3909
  .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
3826
3910
  .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
3827
- outline: 3px solid rgba(52, 152, 255, 0.25);
3911
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
3828
3912
  outline: 3px solid var(--rs-color-focus-ring);
3829
3913
  outline-offset: -3px;
3830
3914
  outline-width: 2px;
@@ -3911,9 +3995,9 @@ tbody.rs-anim-collapse.rs-anim-in {
3911
3995
  margin-right: 0;
3912
3996
  }
3913
3997
  .rs-checkbox [type='checkbox']:focus-visible ~ .rs-checkbox-inner::before {
3914
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
3998
+ -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
3915
3999
  -webkit-box-shadow: var(--rs-state-focus-shadow);
3916
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
4000
+ box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
3917
4001
  box-shadow: var(--rs-state-focus-shadow);
3918
4002
  }
3919
4003
  .rs-checkbox-checker {
@@ -4372,13 +4456,13 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4372
4456
  height: 30px;
4373
4457
  }
4374
4458
  .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4375
- background-color: rgba(204, 233, 255, 0.5);
4459
+ background-color: rgb(from #cce9ff r g b / 50%);
4376
4460
  background-color: var(--rs-listbox-option-hover-bg);
4377
4461
  color: #1675e0;
4378
4462
  color: var(--rs-listbox-option-hover-text);
4379
4463
  }
4380
4464
  .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4381
- outline: 3px solid rgba(52, 152, 255, 0.25);
4465
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
4382
4466
  outline: 3px solid var(--rs-color-focus-ring);
4383
4467
  outline-offset: -3px;
4384
4468
  outline-width: 2px;
@@ -4409,13 +4493,13 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4409
4493
  display: inline-block;
4410
4494
  }
4411
4495
  .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4412
- background-color: rgba(204, 233, 255, 0.5);
4496
+ background-color: rgb(from #cce9ff r g b / 50%);
4413
4497
  background-color: var(--rs-listbox-option-hover-bg);
4414
4498
  color: #1675e0;
4415
4499
  color: var(--rs-listbox-option-hover-text);
4416
4500
  }
4417
4501
  .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4418
- outline: 3px solid rgba(52, 152, 255, 0.25);
4502
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
4419
4503
  outline: 3px solid var(--rs-color-focus-ring);
4420
4504
  outline-offset: -3px;
4421
4505
  outline-width: 2px;
@@ -4689,7 +4773,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4689
4773
  bottom: 0;
4690
4774
  right: 0;
4691
4775
  z-index: 1050;
4692
- background-color: rgba(39, 44, 54, 0.3);
4776
+ background-color: rgb(from #272c36 r g b / 30%);
4693
4777
  background-color: var(--rs-bg-backdrop);
4694
4778
  }
4695
4779
  .rs-drawer-backdrop.rs-anim-fade {
@@ -4732,7 +4816,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4732
4816
  color: #272c36;
4733
4817
  color: var(--rs-text-heading);
4734
4818
  font-weight: normal;
4735
- font-size: 16px;
4819
+ font-size: 18px;
4736
4820
  line-height: 36px;
4737
4821
  overflow: hidden;
4738
4822
  text-overflow: ellipsis;
@@ -4917,7 +5001,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4917
5001
  outline: 0;
4918
5002
  }
4919
5003
  .rs-dropdown-menu:focus-visible {
4920
- outline: 3px solid rgba(52, 152, 255, 0.25);
5004
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
4921
5005
  outline: 3px solid var(--rs-color-focus-ring);
4922
5006
  }
4923
5007
  .rs-theme-high-contrast .rs-dropdown-menu:focus-visible {
@@ -4976,7 +5060,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4976
5060
  }
4977
5061
  .rs-dropdown-item:focus-visible,
4978
5062
  .rs-dropdown-item.rs-dropdown-item-focus {
4979
- background-color: rgba(204, 233, 255, 0.5);
5063
+ background-color: rgb(from #cce9ff r g b / 50%);
4980
5064
  background-color: var(--rs-menuitem-active-bg);
4981
5065
  color: #1675e0;
4982
5066
  color: var(--rs-menuitem-active-text);
@@ -5013,7 +5097,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5013
5097
  position: relative;
5014
5098
  }
5015
5099
  .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle {
5016
- background-color: rgba(204, 233, 255, 0.5);
5100
+ background-color: rgb(from #cce9ff r g b / 50%);
5017
5101
  background-color: var(--rs-menuitem-active-bg);
5018
5102
  color: #1675e0;
5019
5103
  color: var(--rs-menuitem-active-text);
@@ -5066,7 +5150,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5066
5150
  }
5067
5151
  .rs-dropdown-menu > .rs-dropdown-menu-item-focus:hover,
5068
5152
  .rs-dropdown-menu > .rs-dropdown-menu-item-focus:focus {
5069
- background-color: rgba(204, 233, 255, 0.5);
5153
+ background-color: rgb(from #cce9ff r g b / 50%);
5070
5154
  background-color: var(--rs-menuitem-active-bg);
5071
5155
  color: #1675e0;
5072
5156
  color: var(--rs-menuitem-active-text);
@@ -7862,7 +7946,7 @@ textarea.rs-input {
7862
7946
  border-color: var(--rs-input-focus-border);
7863
7947
  }
7864
7948
  .rs-input:focus {
7865
- outline: 3px solid rgba(52, 152, 255, 0.25);
7949
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
7866
7950
  outline: 3px solid var(--rs-color-focus-ring);
7867
7951
  }
7868
7952
  .rs-theme-high-contrast .rs-input:focus {
@@ -7950,7 +8034,7 @@ textarea.rs-input-sm {
7950
8034
  }
7951
8035
  .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
7952
8036
  .rs-input-group:focus-within {
7953
- outline: 3px solid rgba(52, 152, 255, 0.25);
8037
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
7954
8038
  outline: 3px solid var(--rs-color-focus-ring);
7955
8039
  }
7956
8040
  .rs-theme-high-contrast .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
@@ -8761,7 +8845,7 @@ textarea.rs-picker-search-input {
8761
8845
  z-index: 1149;
8762
8846
  }
8763
8847
  .rs-list-item-holder {
8764
- background-color: rgba(242, 250, 255, 0.5);
8848
+ background-color: rgb(from #f2faff r g b / 50%);
8765
8849
  background-color: var(--rs-list-placeholder-bg);
8766
8850
  visibility: hidden;
8767
8851
  }
@@ -8821,7 +8905,7 @@ textarea.rs-picker-search-input {
8821
8905
  border-radius: 50%;
8822
8906
  }
8823
8907
  .rs-loader-spin::before {
8824
- border: 3px solid rgba(247, 247, 250, 0.8);
8908
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
8825
8909
  border: 3px solid var(--rs-loader-ring);
8826
8910
  }
8827
8911
  .rs-loader-spin::after {
@@ -8848,7 +8932,7 @@ textarea.rs-picker-search-input {
8848
8932
  right: 0;
8849
8933
  width: 100%;
8850
8934
  height: 100%;
8851
- background: rgba(255, 255, 255, 0.9);
8935
+ background: rgb(from #fff r g b / 90%);
8852
8936
  background: var(--rs-loader-backdrop);
8853
8937
  }
8854
8938
  .rs-loader-vertical {
@@ -8882,11 +8966,11 @@ textarea.rs-picker-search-input {
8882
8966
  color: var(--rs-text-inverse);
8883
8967
  }
8884
8968
  .rs-loader-inverse .rs-loader-backdrop {
8885
- background: rgba(39, 44, 54, 0.83);
8969
+ background: rgb(from #272c36 r g b / 83%);
8886
8970
  background: var(--rs-loader-backdrop-inverse);
8887
8971
  }
8888
8972
  .rs-loader-inverse .rs-loader-spin::before {
8889
- border-color: rgba(247, 247, 250, 0.3);
8973
+ border-color: rgb(from #f7f7fa r g b / 30%);
8890
8974
  border-color: var(--rs-loader-ring-inverse);
8891
8975
  }
8892
8976
  .rs-loader-inverse .rs-loader-spin::after {
@@ -9340,7 +9424,7 @@ textarea.rs-picker-search-input {
9340
9424
  width: 100vw;
9341
9425
  height: 100vh;
9342
9426
  z-index: 1049;
9343
- background-color: rgba(39, 44, 54, 0.3);
9427
+ background-color: rgb(from #272c36 r g b / 30%);
9344
9428
  background-color: var(--rs-bg-backdrop);
9345
9429
  }
9346
9430
  .rs-modal-backdrop.rs-anim-fade {
@@ -9436,8 +9520,8 @@ textarea.rs-picker-search-input {
9436
9520
  }
9437
9521
  .rs-modal-title {
9438
9522
  font-weight: normal;
9439
- font-size: 16px;
9440
- line-height: 1.25;
9523
+ font-size: 18px;
9524
+ line-height: 1.11111111;
9441
9525
  display: block;
9442
9526
  color: #272c36;
9443
9527
  color: var(--rs-text-heading);
@@ -9563,7 +9647,7 @@ textarea.rs-picker-search-input {
9563
9647
  text-decoration: underline;
9564
9648
  }
9565
9649
  .rs-nav-item:focus-visible {
9566
- outline: 3px solid rgba(52, 152, 255, 0.25);
9650
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
9567
9651
  outline: 3px solid var(--rs-color-focus-ring);
9568
9652
  outline-width: 2px;
9569
9653
  outline-offset: 0;
@@ -9800,7 +9884,7 @@ textarea.rs-picker-search-input {
9800
9884
  .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
9801
9885
  .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9802
9886
  z-index: 1;
9803
- outline: 3px solid rgba(52, 152, 255, 0.25);
9887
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
9804
9888
  outline: 3px solid var(--rs-color-focus-ring);
9805
9889
  }
9806
9890
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
@@ -9813,7 +9897,7 @@ textarea.rs-picker-search-input {
9813
9897
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
9814
9898
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
9815
9899
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9816
- outline: 3px solid rgba(52, 152, 255, 0.25);
9900
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
9817
9901
  outline: 3px solid var(--rs-color-focus-ring);
9818
9902
  outline-offset: -3px;
9819
9903
  outline-width: 2px;
@@ -9869,7 +9953,7 @@ textarea.rs-picker-search-input {
9869
9953
  .rs-navbar-nav > .rs-dropdown-item:focus-visible,
9870
9954
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus,
9871
9955
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
9872
- outline: 3px solid rgba(52, 152, 255, 0.25);
9956
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
9873
9957
  outline: 3px solid var(--rs-color-focus-ring);
9874
9958
  outline-offset: -3px;
9875
9959
  z-index: 2;
@@ -9882,7 +9966,7 @@ textarea.rs-picker-search-input {
9882
9966
  .rs-theme-high-contrast .rs-navbar-brand:focus-visible,
9883
9967
  .rs-theme-high-contrast .rs-navbar-item:focus-visible,
9884
9968
  .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
9885
- outline: 3px solid rgba(52, 152, 255, 0.25);
9969
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
9886
9970
  outline: 3px solid var(--rs-color-focus-ring);
9887
9971
  outline-offset: -3px;
9888
9972
  outline-width: 2px;
@@ -9907,7 +9991,7 @@ textarea.rs-picker-search-input {
9907
9991
  border: none;
9908
9992
  }
9909
9993
  .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
9910
- outline: 3px solid rgba(52, 152, 255, 0.25);
9994
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
9911
9995
  outline: 3px solid var(--rs-color-focus-ring);
9912
9996
  outline-offset: -3px;
9913
9997
  outline-width: 2px;
@@ -9920,7 +10004,7 @@ textarea.rs-picker-search-input {
9920
10004
  left: 16px;
9921
10005
  }
9922
10006
  .rs-navbar .rs-dropdown-item:hover {
9923
- background-color: rgba(204, 233, 255, 0.5);
10007
+ background-color: rgb(from #cce9ff r g b / 50%);
9924
10008
  background-color: var(--rs-menuitem-active-bg);
9925
10009
  color: #1675e0;
9926
10010
  color: var(--rs-menuitem-active-text);
@@ -10408,7 +10492,7 @@ textarea.rs-picker-search-input {
10408
10492
  border-right: var(--rs-btn-default-border, none);
10409
10493
  }
10410
10494
  .rs-pagination-btn:focus-visible {
10411
- outline: 3px solid rgba(52, 152, 255, 0.25);
10495
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
10412
10496
  outline: 3px solid var(--rs-color-focus-ring);
10413
10497
  }
10414
10498
  .rs-theme-high-contrast .rs-pagination-btn:focus-visible {
@@ -10778,9 +10862,9 @@ textarea.rs-picker-search-input {
10778
10862
  }
10779
10863
  .rs-picker-toggle-active,
10780
10864
  .rs-picker.rs-picker-focused {
10781
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
10865
+ -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
10782
10866
  -webkit-box-shadow: var(--rs-state-focus-shadow);
10783
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
10867
+ box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
10784
10868
  box-shadow: var(--rs-state-focus-shadow);
10785
10869
  }
10786
10870
  .rs-picker-toggle {
@@ -10858,7 +10942,7 @@ textarea.rs-picker-search-input {
10858
10942
  border-right: var(--rs-btn-default-border, none);
10859
10943
  }
10860
10944
  .rs-picker-toggle:focus-visible {
10861
- outline: 3px solid rgba(52, 152, 255, 0.25);
10945
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
10862
10946
  outline: 3px solid var(--rs-color-focus-ring);
10863
10947
  }
10864
10948
  .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
@@ -11706,7 +11790,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11706
11790
  border-color: var(--rs-input-focus-border);
11707
11791
  }
11708
11792
  .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
11709
- outline: 3px solid rgba(52, 152, 255, 0.25);
11793
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
11710
11794
  outline: 3px solid var(--rs-color-focus-ring);
11711
11795
  }
11712
11796
  .rs-theme-high-contrast .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
@@ -11757,13 +11841,13 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11757
11841
  .rs-check-item:not(.rs-checkbox-disabled):hover,
11758
11842
  .rs-check-item:focus,
11759
11843
  .rs-check-item.rs-check-item-focus {
11760
- background-color: rgba(204, 233, 255, 0.5);
11844
+ background-color: rgb(from #cce9ff r g b / 50%);
11761
11845
  background-color: var(--rs-listbox-option-hover-bg);
11762
11846
  }
11763
11847
  .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
11764
11848
  .rs-theme-high-contrast .rs-check-item:focus,
11765
11849
  .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
11766
- outline: 3px solid rgba(52, 152, 255, 0.25);
11850
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
11767
11851
  outline: 3px solid var(--rs-color-focus-ring);
11768
11852
  outline-offset: -3px;
11769
11853
  outline-width: 2px;
@@ -11927,8 +12011,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11927
12011
  background: linear-gradient(45deg, #f2f2f5 25%, #e5e5ea 37%, #f2f2f5 63%);
11928
12012
  background: linear-gradient(45deg, var(--rs-placeholder) 25%, var(--rs-placeholder-active) 37%, var(--rs-placeholder) 63%);
11929
12013
  background-size: 400% 100% !important;
11930
- -webkit-animation: placeholder-active 3s ease infinite;
11931
- animation: placeholder-active 3s ease infinite;
12014
+ -webkit-animation: placeholder-active 1.5s ease infinite;
12015
+ animation: placeholder-active 1.5s ease infinite;
11932
12016
  }
11933
12017
  @-webkit-keyframes placeholder-active {
11934
12018
  0% {
@@ -12537,9 +12621,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12537
12621
  margin-right: 0;
12538
12622
  }
12539
12623
  .rs-radio [type='radio']:focus ~ .rs-radio-inner::before {
12540
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12624
+ -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
12541
12625
  -webkit-box-shadow: var(--rs-state-focus-shadow);
12542
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12626
+ box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
12543
12627
  box-shadow: var(--rs-state-focus-shadow);
12544
12628
  }
12545
12629
  .rs-radio-checker {
@@ -12922,7 +13006,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12922
13006
  .rs-picker-select-menu-item:hover,
12923
13007
  .rs-picker-select-menu-item:focus,
12924
13008
  .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
12925
- background-color: rgba(204, 233, 255, 0.5);
13009
+ background-color: rgb(from #cce9ff r g b / 50%);
12926
13010
  background-color: var(--rs-listbox-option-hover-bg);
12927
13011
  color: #1675e0;
12928
13012
  color: var(--rs-listbox-option-hover-text);
@@ -12930,7 +13014,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12930
13014
  .rs-theme-high-contrast .rs-picker-select-menu-item:hover,
12931
13015
  .rs-theme-high-contrast .rs-picker-select-menu-item:focus,
12932
13016
  .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
12933
- outline: 3px solid rgba(52, 152, 255, 0.25);
13017
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
12934
13018
  outline: 3px solid var(--rs-color-focus-ring);
12935
13019
  outline-offset: -3px;
12936
13020
  outline-width: 2px;
@@ -13019,7 +13103,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13019
13103
  outline: 0;
13020
13104
  }
13021
13105
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
13022
- outline: 3px solid rgba(52, 152, 255, 0.25);
13106
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13023
13107
  outline: 3px solid var(--rs-color-focus-ring);
13024
13108
  outline-offset: -3px;
13025
13109
  z-index: 1;
@@ -13028,7 +13112,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13028
13112
  outline-offset: 2px;
13029
13113
  }
13030
13114
  .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
13031
- outline: 3px solid rgba(52, 152, 255, 0.25);
13115
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13032
13116
  outline: 3px solid var(--rs-color-focus-ring);
13033
13117
  outline-offset: -3px;
13034
13118
  outline-width: 2px;
@@ -13055,7 +13139,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13055
13139
  border: none;
13056
13140
  }
13057
13141
  .rs-sidenav-nav .rs-sidenav-item:focus-visible {
13058
- outline: 3px solid rgba(52, 152, 255, 0.25);
13142
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13059
13143
  outline: 3px solid var(--rs-color-focus-ring);
13060
13144
  outline-offset: -3px;
13061
13145
  z-index: 1;
@@ -13064,7 +13148,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13064
13148
  outline-offset: 2px;
13065
13149
  }
13066
13150
  .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
13067
- outline: 3px solid rgba(52, 152, 255, 0.25);
13151
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13068
13152
  outline: 3px solid var(--rs-color-focus-ring);
13069
13153
  outline-offset: -3px;
13070
13154
  outline-width: 2px;
@@ -13104,7 +13188,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13104
13188
  }
13105
13189
  .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
13106
13190
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
13107
- outline: 3px solid rgba(52, 152, 255, 0.25);
13191
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13108
13192
  outline: 3px solid var(--rs-color-focus-ring);
13109
13193
  outline-offset: -3px;
13110
13194
  }
@@ -13124,7 +13208,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13124
13208
  }
13125
13209
  .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
13126
13210
  .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
13127
- outline: 3px solid rgba(52, 152, 255, 0.25);
13211
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13128
13212
  outline: 3px solid var(--rs-color-focus-ring);
13129
13213
  z-index: 2;
13130
13214
  }
@@ -13134,7 +13218,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13134
13218
  }
13135
13219
  .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
13136
13220
  .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
13137
- outline: 3px solid rgba(52, 152, 255, 0.25);
13221
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13138
13222
  outline: 3px solid var(--rs-color-focus-ring);
13139
13223
  outline-offset: -3px;
13140
13224
  outline-width: 2px;
@@ -13155,7 +13239,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13155
13239
  }
13156
13240
  .rs-sidenav-item:focus-visible,
13157
13241
  .rs-sidenav-item.rs-sidenav-item-focus {
13158
- outline: 3px solid rgba(52, 152, 255, 0.25);
13242
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13159
13243
  outline: 3px solid var(--rs-color-focus-ring);
13160
13244
  outline-offset: -3px;
13161
13245
  outline-width: 2px;
@@ -13198,7 +13282,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13198
13282
  }
13199
13283
  .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
13200
13284
  .rs-sidenav-collapse-in .rs-dropdown-item-focus {
13201
- outline: 3px solid rgba(52, 152, 255, 0.25);
13285
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13202
13286
  outline: 3px solid var(--rs-color-focus-ring);
13203
13287
  outline-offset: -3px;
13204
13288
  background: none;
@@ -13210,7 +13294,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13210
13294
  }
13211
13295
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
13212
13296
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
13213
- outline: 3px solid rgba(52, 152, 255, 0.25);
13297
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13214
13298
  outline: 3px solid var(--rs-color-focus-ring);
13215
13299
  outline-offset: -3px;
13216
13300
  outline-width: 2px;
@@ -13226,7 +13310,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13226
13310
  }
13227
13311
  .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
13228
13312
  .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
13229
- outline: 3px solid rgba(52, 152, 255, 0.25);
13313
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13230
13314
  outline: 3px solid var(--rs-color-focus-ring);
13231
13315
  outline-offset: -3px;
13232
13316
  z-index: 2;
@@ -13237,7 +13321,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13237
13321
  }
13238
13322
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
13239
13323
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
13240
- outline: 3px solid rgba(52, 152, 255, 0.25);
13324
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13241
13325
  outline: 3px solid var(--rs-color-focus-ring);
13242
13326
  outline-offset: -3px;
13243
13327
  outline-width: 2px;
@@ -13347,7 +13431,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13347
13431
  }
13348
13432
  .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
13349
13433
  .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
13350
- outline: 3px solid rgba(52, 152, 255, 0.25);
13434
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13351
13435
  outline: 3px solid var(--rs-color-focus-ring);
13352
13436
  }
13353
13437
  .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
@@ -13356,7 +13440,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13356
13440
  }
13357
13441
  .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
13358
13442
  .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
13359
- outline: 3px solid rgba(52, 152, 255, 0.25);
13443
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
13360
13444
  outline: 3px solid var(--rs-color-focus-ring);
13361
13445
  outline-offset: -3px;
13362
13446
  outline-width: 2px;
@@ -13432,7 +13516,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13432
13516
  border-top-color: var(--rs-sidenav-default-footer-border);
13433
13517
  }
13434
13518
  .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active {
13435
- background-color: rgba(204, 233, 255, 0.5);
13519
+ background-color: rgb(from #cce9ff r g b / 50%);
13436
13520
  background-color: var(--rs-menuitem-active-bg);
13437
13521
  color: #1675e0;
13438
13522
  color: var(--rs-menuitem-active-text);
@@ -13728,9 +13812,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13728
13812
  }
13729
13813
  .rs-slider-handle:hover::before,
13730
13814
  .rs-slider-handle:focus::before {
13731
- -webkit-box-shadow: 0 0 0 8px rgba(52, 152, 255, 0.25);
13815
+ -webkit-box-shadow: 0 0 0 8px rgb(from #a6a6a6 r g b / 25%);
13732
13816
  -webkit-box-shadow: var(--rs-slider-thumb-hover-shadow);
13733
- box-shadow: 0 0 0 8px rgba(52, 152, 255, 0.25);
13817
+ box-shadow: 0 0 0 8px rgb(from #a6a6a6 r g b / 25%);
13734
13818
  box-shadow: var(--rs-slider-thumb-hover-shadow);
13735
13819
  }
13736
13820
  .rs-slider-handle:active::before,
@@ -14195,7 +14279,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14195
14279
  position: absolute;
14196
14280
  height: 100%;
14197
14281
  width: 100%;
14198
- background-color: rgba(255, 255, 255, 0.9);
14282
+ background-color: rgb(from #fff r g b / 90%);
14199
14283
  background-color: var(--rs-loader-backdrop);
14200
14284
  opacity: 0;
14201
14285
  -webkit-transition: opacity 0.2s ease-in;
@@ -14238,7 +14322,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14238
14322
  border-radius: 50%;
14239
14323
  }
14240
14324
  .rs-table-loader-icon::before {
14241
- border: 3px solid rgba(247, 247, 250, 0.8);
14325
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
14242
14326
  border: 3px solid var(--rs-loader-ring);
14243
14327
  }
14244
14328
  .rs-table-loader-icon::after {
@@ -14501,7 +14585,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14501
14585
  left: 0;
14502
14586
  width: 10px;
14503
14587
  bottom: 10px;
14504
- background-color: rgba(229, 229, 234, 0.4);
14588
+ background-color: rgb(from #e5e5ea r g b / 40%);
14505
14589
  background-color: var(--rs-table-scrollbar-vertical-track);
14506
14590
  }
14507
14591
  .rs-table-scrollbar-vertical .rs-table-scrollbar-handle {
@@ -14911,16 +14995,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14911
14995
  box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
14912
14996
  }
14913
14997
  .rs-toggle-input:focus-visible + .rs-toggle-presentation {
14914
- outline: 3px solid rgba(52, 152, 255, 0.25);
14998
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
14915
14999
  outline: 3px solid var(--rs-color-focus-ring);
14916
15000
  }
14917
15001
  .rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
14918
15002
  outline-offset: 2px;
14919
15003
  }
14920
15004
  .rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
14921
- -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgba(52, 152, 255, 0.25);
15005
+ -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgb(from #3498ff r g b / 25%);
14922
15006
  -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
14923
- box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgba(52, 152, 255, 0.25);
15007
+ box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgb(from #3498ff r g b / 25%);
14924
15008
  box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
14925
15009
  }
14926
15010
  .rs-toggle-presentation:hover {
@@ -14986,7 +15070,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14986
15070
  transition: right 0.15s ease-out, margin-right 0.15s ease-out, width 0.15s ease-out;
14987
15071
  }
14988
15072
  .rs-toggle-loader .rs-loader-spin::before {
14989
- border-color: rgba(247, 247, 250, 0.3);
15073
+ border-color: rgb(from #f7f7fa r g b / 30%);
14990
15074
  border-color: var(--rs-toggle-loader-ring);
14991
15075
  }
14992
15076
  .rs-toggle-loader .rs-loader-spin::after {
@@ -15460,7 +15544,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15460
15544
  .rs-tree-node-label-content:hover,
15461
15545
  .rs-tree-node-label-content:focus,
15462
15546
  .rs-tree-node-label-content.rs-tree-node-label-content-focus {
15463
- background-color: rgba(204, 233, 255, 0.5);
15547
+ background-color: rgb(from #cce9ff r g b / 50%);
15464
15548
  background-color: var(--rs-listbox-option-hover-bg);
15465
15549
  color: #1675e0;
15466
15550
  color: var(--rs-listbox-option-hover-text);
@@ -15468,7 +15552,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15468
15552
  .rs-theme-high-contrast .rs-tree-node-label-content:hover,
15469
15553
  .rs-theme-high-contrast .rs-tree-node-label-content:focus,
15470
15554
  .rs-theme-high-contrast .rs-tree-node-label-content.rs-tree-node-label-content-focus {
15471
- outline: 3px solid rgba(52, 152, 255, 0.25);
15555
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
15472
15556
  outline: 3px solid var(--rs-color-focus-ring);
15473
15557
  outline-offset: -3px;
15474
15558
  outline-width: 2px;
@@ -15489,7 +15573,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15489
15573
  background-color: var(--rs-listbox-option-selected-bg);
15490
15574
  }
15491
15575
  .rs-tree-node-drag-over {
15492
- background-color: rgba(204, 233, 255, 0.5);
15576
+ background-color: rgb(from #cce9ff r g b / 50%);
15493
15577
  background-color: var(--rs-listbox-option-hover-bg);
15494
15578
  }
15495
15579
  .rs-tree-node-dragging {
@@ -15720,7 +15804,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15720
15804
  border-radius: 50%;
15721
15805
  }
15722
15806
  .rs-uploader-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before {
15723
- border: 3px solid rgba(247, 247, 250, 0.8);
15807
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
15724
15808
  border: 3px solid var(--rs-loader-ring);
15725
15809
  }
15726
15810
  .rs-uploader-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
@@ -15908,7 +15992,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15908
15992
  border-right: var(--rs-btn-default-border, none);
15909
15993
  }
15910
15994
  .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
15911
- outline: 3px solid rgba(52, 152, 255, 0.25);
15995
+ outline: 3px solid rgb(from #3498ff r g b / 25%);
15912
15996
  outline: 3px solid var(--rs-color-focus-ring);
15913
15997
  }
15914
15998
  .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
@@ -16079,7 +16163,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16079
16163
  height: 66px;
16080
16164
  text-align: center;
16081
16165
  z-index: 3;
16082
- background-color: rgba(255, 255, 255, 0.8);
16166
+ background-color: rgb(from #fff r g b / 80%);
16083
16167
  background-color: var(--rs-uploader-overlay-bg);
16084
16168
  cursor: default;
16085
16169
  color: #f44336;
@@ -16118,7 +16202,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16118
16202
  height: 24px;
16119
16203
  line-height: 24px;
16120
16204
  text-align: center;
16121
- background-color: rgba(255, 255, 255, 0.8);
16205
+ background-color: rgb(from #fff r g b / 80%);
16122
16206
  background-color: var(--rs-uploader-overlay-bg);
16123
16207
  border-radius: 50%;
16124
16208
  visibility: hidden;
@@ -16150,7 +16234,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16150
16234
  width: 66px;
16151
16235
  height: 66px;
16152
16236
  line-height: 66px;
16153
- background-color: rgba(255, 255, 255, 0.8);
16237
+ background-color: rgb(from #fff r g b / 80%);
16154
16238
  background-color: var(--rs-uploader-overlay-bg);
16155
16239
  position: absolute;
16156
16240
  top: 0;
@@ -16179,7 +16263,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16179
16263
  border-radius: 50%;
16180
16264
  }
16181
16265
  .rs-uploader-picture .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before {
16182
- border: 3px solid rgba(247, 247, 250, 0.8);
16266
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
16183
16267
  border: 3px solid var(--rs-loader-ring);
16184
16268
  }
16185
16269
  .rs-uploader-picture .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
@@ -16335,7 +16419,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16335
16419
  border-radius: 50%;
16336
16420
  }
16337
16421
  .rs-uploader-picture-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before {
16338
- border: 3px solid rgba(247, 247, 250, 0.8);
16422
+ border: 3px solid rgb(from #f7f7fa r g b / 80%);
16339
16423
  border: 3px solid var(--rs-loader-ring);
16340
16424
  }
16341
16425
  .rs-uploader-picture-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
@@ -16381,7 +16465,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16381
16465
  display: -webkit-inline-box;
16382
16466
  display: -ms-inline-flexbox;
16383
16467
  display: inline-flex;
16384
- color: #ffb300;
16468
+ color: #2196f3;
16385
16469
  color: var(--rs-rate-symbol-checked);
16386
16470
  list-style: none;
16387
16471
  vertical-align: middle;