rsuite 5.42.0 → 5.44.0

package/dist/rsuite-no-reset.css

@@ -1,5 +1,6 @@
 :root,
 .rs-theme-light {
+  --rs-gray-0: #fff;
   --rs-gray-50: #f7f7fa;
   --rs-gray-100: #f2f2f5;
   --rs-gray-200: #e5e5ea;
@@ -20,6 +21,13 @@
   --rs-primary-700: #1675e0;
   --rs-primary-800: #0a5dc2;
   --rs-primary-900: #004299;
+  --rs-color-red: #f44336;
+  --rs-color-orange: #fa8900;
+  --rs-color-yellow: #ffb300;
+  --rs-color-green: #4caf50;
+  --rs-color-cyan: #00bcd4;
+  --rs-color-blue: #2196f3;
+  --rs-color-violet: #673ab7;
   --rs-red-50: #fff2f2;
   --rs-red-100: #fccfcf;
   --rs-red-200: #faa9a7;
@@ -90,251 +98,275 @@
   --rs-violet-700: #531ba8;
   --rs-violet-800: #470c99;
   --rs-violet-900: #390085;
-  --rs-state-success: #4caf50;
-  --rs-state-info: #2196f3;
-  --rs-state-warning: #ffb300;
-  --rs-state-error: #f44336;
-  --rs-body: #fff;
+  --rs-state-success: var(--rs-color-green);
+  --rs-state-info: var(--rs-color-blue);
+  --rs-state-warning: var(--rs-color-yellow);
+  --rs-state-error: var(--rs-color-red);
+  --rs-body: var(--rs-gray-0);
   --rs-bg-success: #edfae1;
   --rs-bg-info: #e9f5fe;
   --rs-bg-warning: #fff9e6;
   --rs-bg-error: #fde9ef;
-  --rs-text-link: #1675e0;
-  --rs-text-link-hover: #0a5dc2;
-  --rs-text-link-active: #004299;
-  --rs-text-primary: #575757;
-  --rs-text-secondary: #8e8e93;
-  --rs-text-tertiary: #a6a6a6;
-  --rs-text-heading: #272c36;
-  --rs-text-inverse: #f7f7fa;
-  --rs-text-heading-inverse: #fff;
-  --rs-text-active: #1675e0;
-  --rs-text-disabled: #c5c6c7;
-  --rs-text-error: #f44336;
-  --rs-border-primary: #e5e5ea;
-  --rs-border-secondary: #f2f2f5;
-  --rs-bg-card: #fff;
-  --rs-bg-overlay: #fff;
-  --rs-bg-well: #f7f7fa;
-  --rs-bg-active: #3498ff;
-  --rs-bg-backdrop: rgba(39, 44, 54, 0.3);
-  --rs-state-hover-bg: #f2faff;
-  --rs-color-focus-ring: rgba(52, 152, 255, 0.25);
-  --rs-state-focus-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-  --rs-state-focus-outline: 3px solid rgba(52, 152, 255, 0.25);
+  --rs-text-link: var(--rs-primary-700);
+  --rs-text-link-hover: var(--rs-primary-800);
+  --rs-text-link-active: var(--rs-primary-900);
+  --rs-text-primary: var(--rs-gray-800);
+  --rs-text-secondary: var(--rs-gray-600);
+  --rs-text-tertiary: var(--rs-gray-500);
+  --rs-text-heading: var(--rs-gray-900);
+  --rs-text-inverse: var(--rs-gray-50);
+  --rs-text-heading-inverse: var(--rs-gray-0);
+  --rs-text-active: var(--rs-primary-700);
+  --rs-text-disabled: var(--rs-gray-400);
+  --rs-text-error: var(--rs-color-red);
+  --rs-border-primary: var(--rs-gray-200);
+  --rs-border-secondary: var(--rs-gray-100);
+  --rs-bg-card: var(--rs-gray-0);
+  --rs-bg-overlay: var(--rs-gray-0);
+  --rs-bg-well: var(--rs-gray-50);
+  --rs-bg-active: var(--rs-primary-500);
+  --rs-bg-backdrop: rgb(from var(--rs-gray-900) r g b / 30%);
+  --rs-state-hover-bg: var(--rs-primary-50);
+  --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-state-focus-outline: 3px solid rgb(from var(--rs-primary-500) r g b / 25%);
   --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
-  --rs-btn-default-bg: #f7f7fa;
-  --rs-btn-default-text: #575757;
-  --rs-btn-default-hover-bg: #e5e5ea;
-  --rs-btn-default-active-bg: #d9d9d9;
-  --rs-btn-default-active-text: #272c36;
-  --rs-btn-default-disabled-bg: #f7f7fa;
-  --rs-btn-default-disabled-text: #c5c6c7;
-  --rs-btn-primary-bg: #3498ff;
-  --rs-btn-primary-text: #fff;
-  --rs-btn-primary-hover-bg: #2589f5;
-  --rs-btn-primary-active-bg: #1675e0;
-  --rs-btn-subtle-text: #575757;
-  --rs-btn-subtle-hover-bg: #e5e5ea;
-  --rs-btn-subtle-hover-text: #575757;
-  --rs-btn-subtle-active-bg: #e5e5ea;
-  --rs-btn-subtle-active-text: #272c36;
-  --rs-btn-subtle-disabled-text: #c5c6c7;
-  --rs-btn-ghost-border: #1675e0;
-  --rs-btn-ghost-text: #1675e0;
-  --rs-btn-ghost-hover-border: #0a5dc2;
-  --rs-btn-ghost-hover-text: #0a5dc2;
-  --rs-btn-ghost-active-border: #004299;
-  --rs-btn-ghost-active-text: #004299;
-  --rs-btn-link-text: #1675e0;
-  --rs-btn-link-hover-text: #0a5dc2;
-  --rs-btn-link-active-text: #004299;
-  --rs-iconbtn-addon: #f2f2f5;
-  --rs-iconbtn-activated-addon: #d9d9d9;
-  --rs-iconbtn-pressed-addon: #c5c6c7;
-  --rs-iconbtn-primary-addon: #2589f5;
-  --rs-iconbtn-primary-activated-addon: #1675e0;
-  --rs-iconbtn-primary-pressed-addon: #0a5dc2;
-  --rs-divider-border: #e5e5ea;
-  --rs-loader-ring: rgba(247, 247, 250, 0.8);
-  --rs-loader-rotor: #a6a6a6;
-  --rs-loader-backdrop: rgba(255, 255, 255, 0.9);
-  --rs-loader-ring-inverse: rgba(247, 247, 250, 0.3);
-  --rs-loader-rotor-inverse: #fff;
-  --rs-loader-backdrop-inverse: rgba(39, 44, 54, 0.83);
+  --rs-btn-default-bg: var(--rs-gray-50);
+  --rs-btn-default-text: var(--rs-gray-800);
+  --rs-btn-default-hover-bg: var(--rs-gray-200);
+  --rs-btn-default-active-bg: var(--rs-gray-300);
+  --rs-btn-default-active-text: var(--rs-gray-900);
+  --rs-btn-default-disabled-bg: var(--rs-gray-50);
+  --rs-btn-default-disabled-text: var(--rs-gray-400);
+  --rs-btn-primary-bg: var(--rs-primary-500);
+  --rs-btn-primary-text: var(--rs-gray-0);
+  --rs-btn-primary-hover-bg: var(--rs-primary-600);
+  --rs-btn-primary-active-bg: var(--rs-primary-700);
+  --rs-btn-subtle-text: var(--rs-gray-800);
+  --rs-btn-subtle-hover-bg: var(--rs-gray-200);
+  --rs-btn-subtle-hover-text: var(--rs-gray-800);
+  --rs-btn-subtle-active-bg: var(--rs-gray-200);
+  --rs-btn-subtle-active-text: var(--rs-gray-900);
+  --rs-btn-subtle-disabled-text: var(--rs-gray-400);
+  --rs-btn-ghost-border: var(--rs-primary-700);
+  --rs-btn-ghost-text: var(--rs-primary-700);
+  --rs-btn-ghost-hover-border: var(--rs-primary-800);
+  --rs-btn-ghost-hover-text: var(--rs-primary-800);
+  --rs-btn-ghost-active-border: var(--rs-primary-900);
+  --rs-btn-ghost-active-text: var(--rs-primary-900);
+  --rs-btn-link-text: var(--rs-primary-700);
+  --rs-btn-link-hover-text: var(--rs-primary-800);
+  --rs-btn-link-active-text: var(--rs-primary-900);
+  --rs-iconbtn-addon: var(--rs-gray-100);
+  --rs-iconbtn-activated-addon: var(--rs-gray-300);
+  --rs-iconbtn-pressed-addon: var(--rs-gray-400);
+  --rs-iconbtn-primary-addon: var(--rs-primary-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-primary-700);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-primary-800);
+  --rs-divider-border: var(--rs-gray-200);
+  --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 80%);
+  --rs-loader-rotor: var(--rs-gray-500);
+  --rs-loader-backdrop: rgb(from var(--rs-gray-0) r g b / 90%);
+  --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 30%);
+  --rs-loader-rotor-inverse: var(--rs-gray-0);
+  --rs-loader-backdrop-inverse: rgb(from var(--rs-gray-900) r g b / 83%);
   --rs-message-success-header: var(--rs-text-heading);
   --rs-message-success-text: var(--rs-text-primary);
-  --rs-message-success-icon: #4caf50;
-  --rs-message-success-bg: #eeffed;
+  --rs-message-success-icon: var(--rs-color-green);
+  --rs-message-success-bg: var(--rs-green-50);
   --rs-message-info-header: var(--rs-text-heading);
   --rs-message-info-text: var(--rs-text-primary);
-  --rs-message-info-icon: #2196f3;
-  --rs-message-info-bg: #f0f9ff;
+  --rs-message-info-icon: var(--rs-color-blue);
+  --rs-message-info-bg: var(--rs-blue-50);
   --rs-message-warning-header: var(--rs-text-heading);
   --rs-message-warning-text: var(--rs-text-primary);
-  --rs-message-warning-icon: #ffb300;
-  --rs-message-warning-bg: #fffaf2;
+  --rs-message-warning-icon: var(--rs-color-yellow);
+  --rs-message-warning-bg: var(--rs-yellow-50);
   --rs-message-error-header: var(--rs-text-heading);
   --rs-message-error-text: var(--rs-text-primary);
-  --rs-message-error-icon: #f44336;
-  --rs-message-error-bg: #fff2f2;
-  --rs-tooltip-bg: #272c36;
-  --rs-tooltip-text: #fff;
-  --rs-progress-bg: #e5e5ea;
-  --rs-progress-bar: #3498ff;
-  --rs-progress-bar-success: #4caf50;
-  --rs-progress-bar-fail: #f44336;
-  --rs-placeholder: #f2f2f5;
-  --rs-placeholder-active: #e5e5ea;
-  --rs-breadcrumb-item-active-text: #272c36;
-  --rs-dropdown-divider: #e5e5ea;
-  --rs-dropdown-item-bg-hover: rgba(204, 233, 255, 0.5);
-  --rs-dropdown-item-bg-active: #f2faff;
-  --rs-dropdown-item-text-active: #1675e0;
-  --rs-dropdown-header-text: #a6a6a6;
+  --rs-message-error-icon: var(--rs-color-red);
+  --rs-message-error-bg: var(--rs-red-50);
+  --rs-tooltip-bg: var(--rs-gray-900);
+  --rs-tooltip-text: var(--rs-gray-0);
+  --rs-progress-bg: var(--rs-gray-200);
+  --rs-progress-bar: var(--rs-primary-500);
+  --rs-progress-bar-success: var(--rs-color-green);
+  --rs-progress-bar-fail: var(--rs-color-red);
+  --rs-placeholder: var(--rs-gray-100);
+  --rs-placeholder-active: var(--rs-gray-200);
+  --rs-breadcrumb-item-active-text: var(--rs-gray-900);
+  --rs-dropdown-divider: var(--rs-gray-200);
+  --rs-dropdown-item-bg-hover: rgb(from var(--rs-primary-100) r g b / 50%);
+  --rs-dropdown-item-bg-active: var(--rs-primary-50);
+  --rs-dropdown-item-text-active: var(--rs-primary-700);
+  --rs-dropdown-header-text: var(--rs-gray-500);
   --rs-dropdown-shadow: 0 0 10px rgba(0, 0, 0, 0.06), 0 4px 4px rgba(0, 0, 0, 0.12);
-  --rs-menuitem-active-bg: rgba(204, 233, 255, 0.5);
-  --rs-menuitem-active-text: #1675e0;
-  --rs-steps-border: #8e8e93;
-  --rs-steps-state-finish: #3498ff;
-  --rs-steps-border-state-finish: #3498ff;
-  --rs-steps-state-wait: #8e8e93;
-  --rs-steps-state-process: #3498ff;
-  --rs-steps-state-error: #f44336;
-  --rs-steps-border-state-error: #f44336;
-  --rs-steps-icon-state-process: #3498ff;
-  --rs-steps-icon-state-error: #f44336;
-  --rs-navs-text: #575757;
-  --rs-navs-text-hover: #575757;
-  --rs-navs-bg-hover: #e5e5ea;
-  --rs-navs-text-active: #272c36;
-  --rs-navs-bg-active: #e5e5ea;
-  --rs-navs-tab-border: #d9d9d9;
-  --rs-navs-subtle-border: #f7f7fa;
-  --rs-navs-selected: #1675e0;
-  --rs-navbar-default-bg: #f7f7fa;
-  --rs-navbar-default-text: #575757;
-  --rs-navbar-default-selected-text: #1675e0;
-  --rs-navbar-default-hover-bg: #e5e5ea;
-  --rs-navbar-default-hover-text: #575757;
-  --rs-navbar-inverse-bg: #3498ff;
+  --rs-menuitem-active-bg: rgb(from var(--rs-primary-100) r g b / 50%);
+  --rs-menuitem-active-text: var(--rs-primary-700);
+  --rs-steps-border: var(--rs-gray-600);
+  --rs-steps-state-finish: var(--rs-primary-500);
+  --rs-steps-border-state-finish: var(--rs-primary-500);
+  --rs-steps-state-wait: var(--rs-gray-600);
+  --rs-steps-state-process: var(--rs-primary-500);
+  --rs-steps-state-error: var(--rs-color-red);
+  --rs-steps-border-state-error: var(--rs-color-red);
+  --rs-steps-icon-state-process: var(--rs-primary-500);
+  --rs-steps-icon-state-error: var(--rs-color-red);
+  --rs-navs-text: var(--rs-gray-800);
+  --rs-navs-text-hover: var(--rs-gray-800);
+  --rs-navs-bg-hover: var(--rs-gray-200);
+  --rs-navs-text-active: var(--rs-gray-900);
+  --rs-navs-bg-active: var(--rs-gray-200);
+  --rs-navs-tab-border: var(--rs-gray-300);
+  --rs-navs-subtle-border: var(--rs-gray-50);
+  --rs-navs-selected: var(--rs-primary-700);
+  --rs-navbar-default-bg: var(--rs-gray-50);
+  --rs-navbar-default-text: var(--rs-gray-800);
+  --rs-navbar-default-selected-text: var(--rs-primary-700);
+  --rs-navbar-default-hover-bg: var(--rs-gray-200);
+  --rs-navbar-default-hover-text: var(--rs-gray-800);
+  --rs-navbar-inverse-bg: var(--rs-primary-500);
   --rs-navbar-inverse-text: #fff;
-  --rs-navbar-inverse-selected-bg: #1675e0;
-  --rs-navbar-inverse-hover-bg: #2589f5;
+  --rs-navbar-inverse-selected-bg: var(--rs-primary-700);
+  --rs-navbar-inverse-hover-bg: var(--rs-primary-600);
   --rs-navbar-inverse-hover-text: #fff;
   --rs-navbar-subtle-bg: #fff;
-  --rs-navbar-subtle-text: #575757;
-  --rs-navbar-subtle-selected-text: #1675e0;
-  --rs-navbar-subtle-hover-bg: #f7f7fa;
-  --rs-navbar-subtle-hover-text: #575757;
-  --rs-sidenav-default-bg: #f7f7fa;
-  --rs-sidenav-default-text: #575757;
-  --rs-sidenav-default-selected-text: #1675e0;
-  --rs-sidenav-default-hover-bg: #e5e5ea;
-  --rs-sidenav-default-hover-text: #575757;
-  --rs-sidenav-default-footer-border: #e5e5ea;
-  --rs-sidenav-inverse-bg: #3498ff;
+  --rs-navbar-subtle-text: var(--rs-gray-800);
+  --rs-navbar-subtle-selected-text: var(--rs-primary-700);
+  --rs-navbar-subtle-hover-bg: var(--rs-gray-50);
+  --rs-navbar-subtle-hover-text: var(--rs-gray-800);
+  --rs-sidenav-default-bg: var(--rs-gray-50);
+  --rs-sidenav-default-text: var(--rs-gray-800);
+  --rs-sidenav-default-selected-text: var(--rs-primary-700);
+  --rs-sidenav-default-hover-bg: var(--rs-gray-200);
+  --rs-sidenav-default-hover-text: var(--rs-gray-800);
+  --rs-sidenav-default-footer-border: var(--rs-gray-200);
+  --rs-sidenav-inverse-bg: var(--rs-primary-500);
   --rs-sidenav-inverse-text: #fff;
-  --rs-sidenav-inverse-selected-bg: #1675e0;
-  --rs-sidenav-inverse-hover-bg: #2589f5;
-  --rs-sidenav-inverse-footer-border: #2589f5;
+  --rs-sidenav-inverse-selected-bg: var(--rs-primary-700);
+  --rs-sidenav-inverse-hover-bg: var(--rs-primary-600);
+  --rs-sidenav-inverse-footer-border: var(--rs-primary-600);
   --rs-sidenav-subtle-bg: #fff;
-  --rs-sidenav-subtle-text: #575757;
-  --rs-sidenav-subtle-selected-text: #1675e0;
-  --rs-sidenav-subtle-hover-bg: #f7f7fa;
-  --rs-sidenav-subtle-hover-text: #575757;
-  --rs-sidenav-subtle-footer-border: #e5e5ea;
-  --rs-input-bg: #fff;
-  --rs-input-focus-border: #3498ff;
-  --rs-input-disabled-bg: #f7f7fa;
-  --rs-listbox-option-hover-bg: rgba(204, 233, 255, 0.5);
-  --rs-listbox-option-hover-text: #1675e0;
-  --rs-listbox-option-selected-text: #1675e0;
-  --rs-listbox-option-selected-bg: #f2faff;
-  --rs-listbox-option-disabled-text: #c5c6c7;
-  --rs-listbox-option-disabled-selected-text: #a6d7ff;
+  --rs-sidenav-subtle-text: var(--rs-gray-800);
+  --rs-sidenav-subtle-selected-text: var(--rs-primary-700);
+  --rs-sidenav-subtle-hover-bg: var(--rs-gray-50);
+  --rs-sidenav-subtle-hover-text: var(--rs-gray-800);
+  --rs-sidenav-subtle-footer-border: var(--rs-gray-200);
+  --rs-input-bg: var(--rs-gray-0);
+  --rs-input-focus-border: var(--rs-primary-500);
+  --rs-input-disabled-bg: var(--rs-gray-50);
+  --rs-listbox-option-hover-bg: rgb(from var(--rs-primary-100) r g b / 50%);
+  --rs-listbox-option-hover-text: var(--rs-primary-700);
+  --rs-listbox-option-selected-text: var(--rs-primary-700);
+  --rs-listbox-option-selected-bg: var(--rs-primary-50);
+  --rs-listbox-option-disabled-text: var(--rs-gray-400);
+  --rs-listbox-option-disabled-selected-text: var(--rs-primary-200);
   --rs-checkbox-icon: #fff;
-  --rs-checkbox-border: #d9d9d9;
-  --rs-checkbox-checked-bg: #3498ff;
-  --rs-checkbox-disabled-bg: #f7f7fa;
+  --rs-checkbox-border: var(--rs-gray-300);
+  --rs-checkbox-checked-bg: var(--rs-primary-500);
+  --rs-checkbox-disabled-bg: var(--rs-gray-50);
   --rs-radio-marker: #fff;
-  --rs-radio-border: #d9d9d9;
-  --rs-radio-checked-bg: #3498ff;
-  --rs-radio-disabled-bg: #f7f7fa;
-  --rs-radio-tile-border: #d9d9d9;
-  --rs-radio-tile-bg: #fff;
-  --rs-radio-tile-checked-color: #3498ff;
+  --rs-radio-border: var(--rs-gray-300);
+  --rs-radio-checked-bg: var(--rs-primary-500);
+  --rs-radio-disabled-bg: var(--rs-gray-50);
+  --rs-radio-tile-border: var(--rs-gray-300);
+  --rs-radio-tile-bg: var(--rs-gray-0);
+  --rs-radio-tile-checked-color: var(--rs-primary-500);
   --rs-radio-tile-checked-mark-color: #fff;
-  --rs-radio-tile-checked-disabled-color: #cce9ff;
+  --rs-radio-tile-checked-disabled-color: var(--rs-primary-100);
   --rs-radio-tile-icon-size: 32px;
-  --rs-rate-symbol: #8e8e93;
-  --rs-rate-symbol-checked: #ffb300;
-  --rs-toggle-bg: #d9d9d9;
+  --rs-rate-symbol: var(--rs-gray-600);
+  --rs-rate-symbol-checked: var(--rs-blue-500);
+  --rs-toggle-bg: var(--rs-gray-300);
   --rs-toggle-thumb: #fff;
-  --rs-toggle-loader-ring: rgba(247, 247, 250, 0.3);
-  --rs-toggle-loader-rotor: #fff;
-  --rs-toggle-hover-bg: #c5c6c7;
-  --rs-toggle-disabled-bg: #f7f7fa;
+  --rs-toggle-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
+  --rs-toggle-loader-rotor: var(--rs-gray-0);
+  --rs-toggle-hover-bg: var(--rs-gray-400);
+  --rs-toggle-disabled-bg: var(--rs-gray-50);
   --rs-toggle-disabled-thumb: #fff;
-  --rs-toggle-checked-bg: #3498ff;
+  --rs-toggle-checked-bg: var(--rs-primary-500);
   --rs-toggle-checked-thumb: #fff;
-  --rs-toggle-checked-hover-bg: #2589f5;
-  --rs-toggle-checked-disabled-bg: #cce9ff;
+  --rs-toggle-checked-hover-bg: var(--rs-primary-600);
+  --rs-toggle-checked-disabled-bg: var(--rs-primary-100);
   --rs-toggle-checked-disabled-thumb: #fff;
-  --rs-slider-bar: #f2f2f5;
-  --rs-slider-hover-bar: #e5e5ea;
-  --rs-slider-thumb-border: #3498ff;
+  --rs-slider-bar: var(--rs-gray-100);
+  --rs-slider-hover-bar: var(--rs-gray-200);
+  --rs-slider-thumb-border: var(--rs-primary-500);
   --rs-slider-thumb-bg: #fff;
-  --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(52, 152, 255, 0.25);
-  --rs-slider-progress: #3498ff;
-  --rs-uploader-item-bg: #d9d9d9;
-  --rs-uploader-item-hover-bg: #f7f7fa;
-  --rs-uploader-overlay-bg: rgba(255, 255, 255, 0.8);
-  --rs-uploader-dnd-bg: #fff;
-  --rs-uploader-dnd-border: #e5e5ea;
-  --rs-uploader-dnd-hover-border: #3498ff;
-  --rs-avatar-bg: #d9d9d9;
-  --rs-avatar-text: #fff;
-  --rs-badge-bg: #f44336;
-  --rs-badge-text: #fff;
-  --rs-tag-bg: #f7f7fa;
-  --rs-tag-close: #f44336;
-  --rs-carousel-bg: #8e8e93;
-  --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
-  --rs-carousel-indicator-hover: #fff;
-  --rs-carousel-indicator-active: #3498ff;
+  --rs-slider-thumb-hover-shadow: 0 0 0 8px rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-slider-progress: var(--rs-primary-500);
+  --rs-uploader-item-bg: var(--rs-gray-300);
+  --rs-uploader-item-hover-bg: var(--rs-gray-50);
+  --rs-uploader-overlay-bg: rgb(from #fff r g b / 80%);
+  --rs-uploader-dnd-bg: var(--rs-gray-0);
+  --rs-uploader-dnd-border: var(--rs-gray-200);
+  --rs-uploader-dnd-hover-border: var(--rs-primary-500);
+  --rs-avatar-bg: var(--rs-gray-300);
+  --rs-avatar-text: var(--rs-gray-0);
+  --rs-badge-bg: var(--rs-color-red);
+  --rs-badge-text: var(--rs-gray-0);
+  --rs-tag-bg: var(--rs-gray-50);
+  --rs-tag-close: var(--rs-color-red);
+  --rs-carousel-bg: var(--rs-gray-600);
+  --rs-carousel-indicator: rgb(from var(--rs-gray-0) r g b / 40%);
+  --rs-carousel-indicator-hover: var(--rs-gray-0);
+  --rs-carousel-indicator-active: var(--rs-primary-500);
   --rs-panel-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
-  --rs-list-bg: #fff;
-  --rs-list-border: #e5e5ea;
-  --rs-list-hover-bg: #f2faff;
-  --rs-list-placeholder-bg: rgba(242, 250, 255, 0.5);
-  --rs-list-placeholder-border: #3498ff;
-  --rs-timeline-indicator-bg: #d9d9d9;
-  --rs-timeline-indicator-active-bg: #3498ff;
+  --rs-list-bg: var(--rs-gray-0);
+  --rs-list-border: var(--rs-gray-200);
+  --rs-list-hover-bg: var(--rs-primary-50);
+  --rs-list-placeholder-bg: rgb(from var(--rs-primary-50) r g b / 50%);
+  --rs-list-placeholder-border: var(--rs-primary-500);
+  --rs-timeline-indicator-bg: var(--rs-gray-300);
+  --rs-timeline-indicator-active-bg: var(--rs-primary-500);
   --rs-table-shadow: rgba(9, 9, 9, 0.08);
-  --rs-table-sort: #3498ff;
-  --rs-table-resize: #3498ff;
-  --rs-table-scrollbar-track: #e5e5ea;
-  --rs-table-scrollbar-thumb: #575757;
-  --rs-table-scrollbar-thumb-active: #272c36;
-  --rs-table-scrollbar-vertical-track: rgba(229, 229, 234, 0.4);
+  --rs-table-sort: var(--rs-primary-500);
+  --rs-table-resize: var(--rs-primary-500);
+  --rs-table-scrollbar-track: var(--rs-gray-200);
+  --rs-table-scrollbar-thumb: var(--rs-gray-800);
+  --rs-table-scrollbar-thumb-active: var(--rs-gray-900);
+  --rs-table-scrollbar-vertical-track: rgb(from var(--rs-gray-200) r g b / 40%);
   --rs-drawer-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
   --rs-modal-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
-  --rs-form-errormessage-text: #f44336;
+  --rs-form-errormessage-text: var(--rs-color-red);
   --rs-form-errormessage-bg: #fff;
-  --rs-form-errormessage-border: #e5e5ea;
-  --rs-picker-value: #1675e0;
-  --rs-picker-count-bg: #3498ff;
+  --rs-form-errormessage-border: var(--rs-gray-200);
+  --rs-picker-value: var(--rs-primary-700);
+  --rs-picker-count-bg: var(--rs-primary-500);
   --rs-picker-count-text: #fff;
-  --rs-calendar-today-bg: #3498ff;
+  --rs-calendar-today-bg: var(--rs-primary-500);
   --rs-calendar-today-text: #fff;
-  --rs-calendar-range-bg: rgba(204, 233, 255, 0.5);
-  --rs-calendar-time-unit-bg: #f7f7fa;
+  --rs-calendar-range-bg: rgb(from var(--rs-primary-100) r g b / 50%);
+  --rs-calendar-time-unit-bg: var(--rs-gray-50);
   --rs-calendar-date-selected-text: #fff;
-  --rs-calendar-cell-selected-hover-bg: #1675e0;
+  --rs-calendar-cell-selected-hover-bg: var(--rs-primary-700);
   --rs-popover-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
 }
+@supports not (color: rgb(from white r g b)) {
+  :root,
+  .rs-theme-light {
+    --rs-bg-backdrop: rgba(39, 44, 54, 0.3);
+    --rs-color-focus-ring: rgba(52, 152, 255, 0.25);
+    --rs-state-focus-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
+    --rs-state-focus-outline: 3px solid rgba(52, 152, 255, 0.25);
+    --rs-loader-ring: rgba(247, 247, 250, 0.8);
+    --rs-loader-backdrop: rgba(255, 255, 255, 0.9);
+    --rs-loader-ring-inverse: rgba(247, 247, 250, 0.3);
+    --rs-loader-backdrop-inverse: rgba(39, 44, 54, 0.83);
+    --rs-dropdown-item-bg-hover: rgba(204, 233, 255, 0.5);
+    --rs-menuitem-active-bg: rgba(204, 233, 255, 0.5);
+    --rs-listbox-option-hover-bg: rgba(204, 233, 255, 0.5);
+    --rs-toggle-loader-ring: rgba(247, 247, 250, 0.3);
+    --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(52, 152, 255, 0.25);
+    --rs-uploader-overlay-bg: rgba(255, 255, 255, 0.8);
+    --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
+    --rs-list-placeholder-bg: rgba(242, 250, 255, 0.5);
+    --rs-table-scrollbar-vertical-track: rgba(229, 229, 234, 0.4);
+    --rs-calendar-range-bg: rgba(204, 233, 255, 0.5);
+  }
+}
 .rs-theme-dark {
+  --rs-gray-0: #fff;
   --rs-gray-50: #e9ebf0;
   --rs-gray-100: #cbced4;
   --rs-gray-200: #a4a9b3;
@@ -355,6 +387,13 @@
   --rs-primary-700: #169de0;
   --rs-primary-800: #0a81c2;
   --rs-primary-900: #006199;
+  --rs-color-red: #f04f43;
+  --rs-color-orange: #ff9800;
+  --rs-color-yellow: #ffc757;
+  --rs-color-green: #58b15b;
+  --rs-color-cyan: #00bcd4;
+  --rs-color-blue: #1499ef;
+  --rs-color-violet: #673ab7;
   --rs-red-50: #ffeded;
   --rs-red-100: #fccaca;
   --rs-red-200: #faa9a7;
@@ -425,243 +464,264 @@
   --rs-violet-700: #531ba8;
   --rs-violet-800: #470c99;
   --rs-violet-900: #390085;
-  --rs-state-success: #58b15b;
-  --rs-state-info: #1499ef;
-  --rs-state-warning: #ffc757;
-  --rs-state-error: #f04f43;
-  --rs-body: #0f131a;
-  --rs-text-link: #34c3ff;
-  --rs-text-link-hover: #59d0ff;
-  --rs-text-link-active: #80ddff;
-  --rs-text-primary: #e9ebf0;
-  --rs-text-secondary: #a4a9b3;
-  --rs-text-tertiary: #858b94;
-  --rs-text-heading: #fff;
-  --rs-text-inverse: #1a1d24;
-  --rs-text-heading-inverse: #0f131a;
-  --rs-text-active: #34c3ff;
-  --rs-text-disabled: #5c6066;
-  --rs-border-primary: #3c3f43;
-  --rs-border-secondary: #292d33;
-  --rs-bg-card: #1a1d24;
-  --rs-bg-overlay: #292d33;
-  --rs-bg-well: #0f131a;
-  --rs-bg-active: #169de0;
-  --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
-  --rs-state-hover-bg: #3c3f43;
-  --rs-color-focus-ring: 0 0 0 3px rgba(52, 195, 255, 0.25);
-  --rs-state-focus-shadow: 0 0 0 3px rgba(52, 195, 255, 0.25);
-  --rs-state-focus-outline: 3px solid rgba(52, 195, 255, 0.25);
+  --rs-state-success: var(--rs-color-green);
+  --rs-state-info: var(--rs-color-blue);
+  --rs-state-warning: var(--rs-color-yellow);
+  --rs-state-error: var(--rs-color-red);
+  --rs-body: var(--rs-gray-900);
+  --rs-text-link: var(--rs-primary-500);
+  --rs-text-link-hover: var(--rs-primary-400);
+  --rs-text-link-active: var(--rs-primary-300);
+  --rs-text-primary: var(--rs-gray-50);
+  --rs-text-secondary: var(--rs-gray-200);
+  --rs-text-tertiary: var(--rs-gray-300);
+  --rs-text-heading: var(--rs-gray-0);
+  --rs-text-inverse: var(--rs-gray-800);
+  --rs-text-heading-inverse: var(--rs-gray-900);
+  --rs-text-active: var(--rs-primary-500);
+  --rs-text-disabled: var(--rs-gray-500);
+  --rs-border-primary: var(--rs-gray-600);
+  --rs-border-secondary: var(--rs-gray-700);
+  --rs-bg-card: var(--rs-gray-800);
+  --rs-bg-overlay: var(--rs-gray-700);
+  --rs-bg-well: var(--rs-gray-900);
+  --rs-bg-active: var(--rs-primary-700);
+  --rs-bg-backdrop: rgb(from var(--rs-gray-900) r g b / 80%);
+  --rs-state-hover-bg: var(--rs-gray-600);
+  --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-state-focus-outline: 3px solid rgb(from var(--rs-gray-500) r g b / 25%);
   --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
-  --rs-btn-default-bg: #3c3f43;
-  --rs-btn-default-text: #e9ebf0;
-  --rs-btn-default-hover-bg: #5c6066;
-  --rs-btn-default-active-bg: #858b94;
-  --rs-btn-default-active-text: #fff;
-  --rs-btn-default-disabled-bg: #3c3f43;
-  --rs-btn-default-disabled-text: #6a6f76;
-  --rs-btn-primary-bg: #169de0;
-  --rs-btn-primary-text: #fff;
-  --rs-btn-primary-hover-bg: #25b3f5;
-  --rs-btn-primary-active-bg: #59d0ff;
-  --rs-btn-subtle-text: #a4a9b3;
-  --rs-btn-subtle-hover-bg: #5c6066;
-  --rs-btn-subtle-hover-text: #e9ebf0;
-  --rs-btn-subtle-active-bg: #6a6f76;
-  --rs-btn-subtle-active-text: #fff;
-  --rs-btn-subtle-disabled-text: #5c6066;
-  --rs-btn-ghost-border: #34c3ff;
-  --rs-btn-ghost-text: #34c3ff;
-  --rs-btn-ghost-hover-border: #59d0ff;
-  --rs-btn-ghost-hover-text: #59d0ff;
-  --rs-btn-ghost-active-border: #a6e9ff;
-  --rs-btn-ghost-active-text: #a6e9ff;
-  --rs-btn-link-text: #34c3ff;
-  --rs-btn-link-hover-text: #59d0ff;
-  --rs-btn-link-active-text: #a6e9ff;
-  --rs-iconbtn-addon: #5c6066;
-  --rs-iconbtn-activated-addon: #6a6f76;
-  --rs-iconbtn-pressed-addon: #a4a9b3;
-  --rs-iconbtn-primary-addon: #25b3f5;
-  --rs-iconbtn-primary-activated-addon: #34c3ff;
-  --rs-iconbtn-primary-pressed-addon: #59d0ff;
-  --rs-divider-border: #3c3f43;
-  --rs-loader-ring: rgba(233, 235, 240, 0.3);
-  --rs-loader-rotor: #fff;
-  --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
-  --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
-  --rs-loader-rotor-inverse: #5c6066;
-  --rs-loader-backdrop-inverse: rgba(255, 255, 255, 0.9);
+  --rs-btn-default-bg: var(--rs-gray-600);
+  --rs-btn-default-text: var(--rs-gray-50);
+  --rs-btn-default-hover-bg: var(--rs-gray-500);
+  --rs-btn-default-active-bg: var(--rs-gray-300);
+  --rs-btn-default-active-text: var(--rs-gray-0);
+  --rs-btn-default-disabled-bg: var(--rs-gray-600);
+  --rs-btn-default-disabled-text: var(--rs-gray-400);
+  --rs-btn-primary-bg: var(--rs-primary-700);
+  --rs-btn-primary-text: var(--rs-gray-0);
+  --rs-btn-primary-hover-bg: var(--rs-primary-600);
+  --rs-btn-primary-active-bg: var(--rs-primary-400);
+  --rs-btn-subtle-text: var(--rs-gray-200);
+  --rs-btn-subtle-hover-bg: var(--rs-gray-500);
+  --rs-btn-subtle-hover-text: var(--rs-gray-50);
+  --rs-btn-subtle-active-bg: var(--rs-gray-400);
+  --rs-btn-subtle-active-text: var(--rs-gray-0);
+  --rs-btn-subtle-disabled-text: var(--rs-gray-500);
+  --rs-btn-ghost-border: var(--rs-primary-500);
+  --rs-btn-ghost-text: var(--rs-primary-500);
+  --rs-btn-ghost-hover-border: var(--rs-primary-400);
+  --rs-btn-ghost-hover-text: var(--rs-primary-400);
+  --rs-btn-ghost-active-border: var(--rs-primary-200);
+  --rs-btn-ghost-active-text: var(--rs-primary-200);
+  --rs-btn-link-text: var(--rs-primary-500);
+  --rs-btn-link-hover-text: var(--rs-primary-400);
+  --rs-btn-link-active-text: var(--rs-primary-200);
+  --rs-iconbtn-addon: var(--rs-gray-500);
+  --rs-iconbtn-activated-addon: var(--rs-gray-400);
+  --rs-iconbtn-pressed-addon: var(--rs-gray-200);
+  --rs-iconbtn-primary-addon: var(--rs-primary-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-primary-500);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-primary-400);
+  --rs-divider-border: var(--rs-gray-600);
+  --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
+  --rs-loader-rotor: var(--rs-gray-0);
+  --rs-loader-backdrop: rgb(from var(--rs-gray-900) r g b / 83%);
+  --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 80%);
+  --rs-loader-rotor-inverse: var(--rs-gray-500);
+  --rs-loader-backdrop-inverse: rgb(from var(--rs-gray-0) r g b / 90%);
   --rs-message-success-header: #fff;
   --rs-message-success-text: #fff;
   --rs-message-success-icon: #fff;
-  --rs-message-success-bg: #4caf50;
+  --rs-message-success-bg: var(--rs-green-500);
   --rs-message-info-header: #fff;
   --rs-message-info-text: #fff;
   --rs-message-info-icon: #fff;
-  --rs-message-info-bg: #2196f3;
-  --rs-message-warning-header: #0f131a;
-  --rs-message-warning-text: #0f131a;
-  --rs-message-warning-icon: #0f131a;
-  --rs-message-warning-bg: #ffb300;
+  --rs-message-info-bg: var(--rs-blue-500);
+  --rs-message-warning-header: var(--rs-gray-900);
+  --rs-message-warning-text: var(--rs-gray-900);
+  --rs-message-warning-icon: var(--rs-gray-900);
+  --rs-message-warning-bg: var(--rs-yellow-500);
   --rs-message-error-header: #fff;
   --rs-message-error-text: #fff;
   --rs-message-error-icon: #fff;
-  --rs-message-error-bg: #f44336;
-  --rs-tooltip-bg: #5c6066;
-  --rs-tooltip-text: #fff;
-  --rs-progress-bg: #292d33;
-  --rs-progress-bar: #34c3ff;
-  --rs-progress-bar-success: #4caf50;
-  --rs-progress-bar-fail: #f44336;
-  --rs-placeholder: #3c3f43;
-  --rs-placeholder-active: #484c50;
+  --rs-message-error-bg: var(--rs-red-500);
+  --rs-tooltip-bg: var(--rs-gray-500);
+  --rs-tooltip-text: var(--rs-gray-0);
+  --rs-progress-bg: var(--rs-gray-700);
+  --rs-progress-bar: var(--rs-primary-500);
+  --rs-progress-bar-success: var(--rs-color-green);
+  --rs-progress-bar-fail: var(--rs-color-red);
+  --rs-placeholder: var(--rs-gray-600);
+  --rs-placeholder-active: hsl(from var(--rs-gray-600) h s calc(l + l * 0.2));
   --rs-breadcrumb-item-active-text: #fff;
-  --rs-dropdown-divider: #3c3f43;
-  --rs-dropdown-item-bg-hover: #3c3f43;
-  --rs-dropdown-item-bg-active: rgba(0, 97, 153, 0.2);
-  --rs-dropdown-item-text-active: #34c3ff;
-  --rs-dropdown-header-text: #5c6066;
+  --rs-dropdown-divider: var(--rs-gray-600);
+  --rs-dropdown-item-bg-hover: var(--rs-gray-600);
+  --rs-dropdown-item-bg-active: rgb(from var(--rs-primary-900) r g b / 20%);
+  --rs-dropdown-item-text-active: var(--rs-primary-500);
+  --rs-dropdown-header-text: var(--rs-gray-500);
   --rs-dropdown-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2), 0 4px 4px 3px rgba(0, 0, 0, 0.24);
-  --rs-menuitem-active-bg: #3c3f43;
+  --rs-menuitem-active-bg: var(--rs-gray-600);
   --rs-menuitem-active-text: currentColor;
-  --rs-steps-border: #a4a9b3;
-  --rs-steps-state-finish: #34c3ff;
-  --rs-steps-border-state-finish: #34c3ff;
-  --rs-steps-state-wait: #a4a9b3;
-  --rs-steps-state-process: #169de0;
-  --rs-steps-state-error: #f44336;
-  --rs-steps-border-state-error: #f44336;
-  --rs-steps-icon-state-process: #34c3ff;
-  --rs-steps-icon-state-error: #f44336;
-  --rs-navs-text: #a4a9b3;
-  --rs-navs-text-hover: #cbced4;
-  --rs-navs-bg-hover: #6a6f76;
-  --rs-navs-text-active: #fff;
-  --rs-navs-bg-active: #6a6f76;
-  --rs-navs-tab-border: #3c3f43;
-  --rs-navs-subtle-border: #3c3f43;
-  --rs-navs-selected: #34c3ff;
-  --rs-navbar-default-bg: #1a1d24;
-  --rs-navbar-default-text: #a4a9b3;
-  --rs-navbar-default-selected-text: #34c3ff;
-  --rs-navbar-default-hover-bg: #292d33;
-  --rs-navbar-default-hover-text: #e9ebf0;
-  --rs-navbar-inverse-bg: #169de0;
+  --rs-steps-border: var(--rs-gray-200);
+  --rs-steps-state-finish: var(--rs-primary-500);
+  --rs-steps-border-state-finish: var(--rs-primary-500);
+  --rs-steps-state-wait: var(--rs-gray-200);
+  --rs-steps-state-process: var(--rs-primary-700);
+  --rs-steps-state-error: var(--rs-color-red);
+  --rs-steps-border-state-error: var(--rs-color-red);
+  --rs-steps-icon-state-process: var(--rs-primary-500);
+  --rs-steps-icon-state-error: var(--rs-color-red);
+  --rs-navs-text: var(--rs-gray-200);
+  --rs-navs-text-hover: var(--rs-gray-100);
+  --rs-navs-bg-hover: var(--rs-gray-400);
+  --rs-navs-text-active: var(--rs-gray-0);
+  --rs-navs-bg-active: var(--rs-gray-400);
+  --rs-navs-tab-border: var(--rs-gray-600);
+  --rs-navs-subtle-border: var(--rs-gray-600);
+  --rs-navs-selected: var(--rs-primary-500);
+  --rs-navbar-default-bg: var(--rs-gray-800);
+  --rs-navbar-default-text: var(--rs-gray-200);
+  --rs-navbar-default-selected-text: var(--rs-primary-500);
+  --rs-navbar-default-hover-bg: var(--rs-gray-700);
+  --rs-navbar-default-hover-text: var(--rs-gray-50);
+  --rs-navbar-inverse-bg: var(--rs-primary-700);
   --rs-navbar-inverse-text: #fff;
-  --rs-navbar-inverse-selected-bg: #59d0ff;
-  --rs-navbar-inverse-hover-bg: #25b3f5;
+  --rs-navbar-inverse-selected-bg: var(--rs-primary-400);
+  --rs-navbar-inverse-hover-bg: var(--rs-primary-600);
   --rs-navbar-inverse-hover-text: #fff;
   --rs-navbar-subtle-bg: transparent;
-  --rs-navbar-subtle-text: #a4a9b3;
-  --rs-navbar-subtle-selected-text: #34c3ff;
-  --rs-navbar-subtle-hover-bg: #292d33;
-  --rs-navbar-subtle-hover-text: #e9ebf0;
-  --rs-sidenav-default-bg: #1a1d24;
-  --rs-sidenav-default-text: #a4a9b3;
-  --rs-sidenav-default-selected-text: #34c3ff;
-  --rs-sidenav-default-hover-bg: #292d33;
-  --rs-sidenav-default-hover-text: #e9ebf0;
-  --rs-sidenav-default-footer-border: #3c3f43;
-  --rs-sidenav-inverse-bg: #169de0;
+  --rs-navbar-subtle-text: var(--rs-gray-200);
+  --rs-navbar-subtle-selected-text: var(--rs-primary-500);
+  --rs-navbar-subtle-hover-bg: var(--rs-gray-700);
+  --rs-navbar-subtle-hover-text: var(--rs-gray-50);
+  --rs-sidenav-default-bg: var(--rs-gray-800);
+  --rs-sidenav-default-text: var(--rs-gray-200);
+  --rs-sidenav-default-selected-text: var(--rs-primary-500);
+  --rs-sidenav-default-hover-bg: var(--rs-gray-700);
+  --rs-sidenav-default-hover-text: var(--rs-gray-50);
+  --rs-sidenav-default-footer-border: var(--rs-gray-600);
+  --rs-sidenav-inverse-bg: var(--rs-primary-700);
   --rs-sidenav-inverse-text: #fff;
-  --rs-sidenav-inverse-selected-bg: #59d0ff;
-  --rs-sidenav-inverse-hover-bg: #25b3f5;
-  --rs-sidenav-inverse-footer-border: #25b3f5;
+  --rs-sidenav-inverse-selected-bg: var(--rs-primary-400);
+  --rs-sidenav-inverse-hover-bg: var(--rs-primary-600);
+  --rs-sidenav-inverse-footer-border: var(--rs-primary-600);
   --rs-sidenav-subtle-bg: transparent;
-  --rs-sidenav-subtle-text: #a4a9b3;
-  --rs-sidenav-subtle-selected-text: #34c3ff;
-  --rs-sidenav-subtle-hover-bg: #292d33;
-  --rs-sidenav-subtle-hover-text: #e9ebf0;
-  --rs-sidenav-subtle-footer-border: #3c3f43;
-  --rs-input-bg: #1a1d24;
-  --rs-input-focus-border: #34c3ff;
-  --rs-input-disabled-bg: #292d33;
-  --rs-listbox-option-hover-bg: #3c3f43;
+  --rs-sidenav-subtle-text: var(--rs-gray-200);
+  --rs-sidenav-subtle-selected-text: var(--rs-primary-500);
+  --rs-sidenav-subtle-hover-bg: var(--rs-gray-700);
+  --rs-sidenav-subtle-hover-text: var(--rs-gray-50);
+  --rs-sidenav-subtle-footer-border: var(--rs-gray-600);
+  --rs-input-bg: var(--rs-gray-800);
+  --rs-input-focus-border: var(--rs-primary-500);
+  --rs-input-disabled-bg: var(--rs-gray-700);
+  --rs-listbox-option-hover-bg: var(--rs-gray-600);
   --rs-listbox-option-hover-text: currentColor;
-  --rs-listbox-option-selected-text: #34c3ff;
-  --rs-listbox-option-selected-bg: rgba(0, 97, 153, 0.2);
-  --rs-listbox-option-disabled-text: #5c6066;
-  --rs-listbox-option-disabled-selected-text: #a6e9ff;
-  --rs-checkbox-icon: #1a1d24;
-  --rs-checkbox-border: #6a6f76;
-  --rs-checkbox-checked-bg: #34c3ff;
-  --rs-checkbox-disabled-bg: #5c6066;
-  --rs-radio-marker: #1a1d24;
-  --rs-radio-border: #6a6f76;
-  --rs-radio-checked-bg: #34c3ff;
-  --rs-radio-disabled-bg: #5c6066;
-  --rs-radio-tile-border: #858b94;
-  --rs-radio-tile-bg: #fff;
-  --rs-radio-tile-checked-color: #34c3ff;
-  --rs-radio-tile-checked-mark-color: #1a1d24;
-  --rs-radio-tile-checked-disabled-color: #006199;
-  --rs-rate-symbol: #3c3f43;
-  --rs-rate-symbol-checked: #ffb300;
-  --rs-toggle-bg: #6a6f76;
+  --rs-listbox-option-selected-text: var(--rs-primary-500);
+  --rs-listbox-option-selected-bg: rgb(from var(--rs-primary-900) r g b / 20%);
+  --rs-listbox-option-disabled-text: var(--rs-gray-500);
+  --rs-listbox-option-disabled-selected-text: var(--rs-primary-200);
+  --rs-checkbox-icon: var(--rs-gray-800);
+  --rs-checkbox-border: var(--rs-gray-400);
+  --rs-checkbox-checked-bg: var(--rs-primary-500);
+  --rs-checkbox-disabled-bg: var(--rs-gray-500);
+  --rs-radio-marker: var(--rs-gray-800);
+  --rs-radio-border: var(--rs-gray-400);
+  --rs-radio-checked-bg: var(--rs-primary-500);
+  --rs-radio-disabled-bg: var(--rs-gray-500);
+  --rs-radio-tile-border: var(--rs-gray-300);
+  --rs-radio-tile-bg: var(--rs-gray-0);
+  --rs-radio-tile-checked-color: var(--rs-primary-500);
+  --rs-radio-tile-checked-mark-color: var(--rs-gray-800);
+  --rs-radio-tile-checked-disabled-color: var(--rs-primary-900);
+  --rs-rate-symbol: var(--rs-gray-600);
+  --rs-rate-symbol-checked: var(--rs-yellow-500);
+  --rs-toggle-bg: var(--rs-gray-400);
   --rs-toggle-thumb: #fff;
-  --rs-toggle-hover-bg: #858b94;
-  --rs-toggle-disabled-bg: #3c3f43;
-  --rs-toggle-disabled-thumb: #5c6066;
-  --rs-toggle-checked-bg: #169de0;
+  --rs-toggle-hover-bg: var(--rs-gray-300);
+  --rs-toggle-disabled-bg: var(--rs-gray-600);
+  --rs-toggle-disabled-thumb: var(--rs-gray-500);
+  --rs-toggle-checked-bg: var(--rs-primary-700);
   --rs-toggle-checked-thumb: #fff;
-  --rs-toggle-checked-hover-bg: #25b3f5;
-  --rs-toggle-checked-disabled-bg: #006199;
-  --rs-toggle-checked-disabled-thumb: #858b94;
-  --rs-slider-bar: #3c3f43;
-  --rs-slider-hover-bar: #3c3f43;
-  --rs-slider-thumb-border: #34c3ff;
-  --rs-slider-thumb-bg: #292d33;
-  --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(52, 195, 255, 0.25);
-  --rs-slider-progress: #34c3ff;
-  --rs-uploader-item-bg: #858b94;
-  --rs-uploader-item-hover-bg: #3c3f43;
-  --rs-uploader-overlay-bg: rgba(60, 63, 67, 0.8);
-  --rs-uploader-dnd-bg: #292d33;
-  --rs-uploader-dnd-border: #a4a9b3;
-  --rs-uploader-dnd-hover-border: #34c3ff;
-  --rs-avatar-bg: #6a6f76;
-  --rs-avatar-text: #fff;
-  --rs-badge-bg: #f44336;
-  --rs-badge-text: #fff;
-  --rs-tag-bg: #3c3f43;
-  --rs-tag-close: #f44336;
-  --rs-carousel-bg: #3c3f43;
-  --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
-  --rs-carousel-indicator-hover: #fff;
-  --rs-carousel-indicator-active: #34c3ff;
+  --rs-toggle-checked-hover-bg: var(--rs-primary-600);
+  --rs-toggle-checked-disabled-bg: var(--rs-primary-900);
+  --rs-toggle-checked-disabled-thumb: var(--rs-gray-300);
+  --rs-slider-bar: var(--rs-gray-600);
+  --rs-slider-hover-bar: var(--rs-gray-600);
+  --rs-slider-thumb-border: var(--rs-primary-500);
+  --rs-slider-thumb-bg: var(--rs-gray-700);
+  --rs-slider-thumb-hover-shadow: 0 0 0 8px rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-slider-progress: var(--rs-primary-500);
+  --rs-uploader-item-bg: var(--rs-gray-300);
+  --rs-uploader-item-hover-bg: var(--rs-gray-600);
+  --rs-uploader-overlay-bg: rgb(from var(--rs-gray-600) r g b / 80%);
+  --rs-uploader-dnd-bg: var(--rs-gray-700);
+  --rs-uploader-dnd-border: var(--rs-gray-200);
+  --rs-uploader-dnd-hover-border: var(--rs-primary-500);
+  --rs-avatar-bg: var(--rs-gray-400);
+  --rs-avatar-text: var(--rs-gray-0);
+  --rs-badge-bg: var(--rs-color-red);
+  --rs-badge-text: var(--rs-gray-0);
+  --rs-tag-bg: var(--rs-gray-600);
+  --rs-tag-close: var(--rs-color-red);
+  --rs-carousel-bg: var(--rs-gray-600);
+  --rs-carousel-indicator: rgb(from var(--rs-gray-0) r g b / 40%);
+  --rs-carousel-indicator-hover: var(--rs-gray-0);
+  --rs-carousel-indicator-active: var(--rs-primary-500);
   --rs-panel-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
-  --rs-list-bg: #0f131a;
-  --rs-list-border: #292d33;
-  --rs-list-hover-bg: #3c3f43;
-  --rs-list-placeholder-bg: rgba(0, 97, 153, 0.2);
-  --rs-list-placeholder-border: #34c3ff;
-  --rs-timeline-indicator-bg: #5c6066;
-  --rs-timeline-indicator-active-bg: #34c3ff;
+  --rs-list-bg: var(--rs-gray-900);
+  --rs-list-border: var(--rs-gray-700);
+  --rs-list-hover-bg: var(--rs-gray-600);
+  --rs-list-placeholder-bg: rgb(from var(--rs-primary-900) r g b / 20%);
+  --rs-list-placeholder-border: var(--rs-primary-500);
+  --rs-timeline-indicator-bg: var(--rs-gray-500);
+  --rs-timeline-indicator-active-bg: var(--rs-primary-500);
   --rs-table-shadow: rgba(9, 9, 9, 0.99);
-  --rs-table-sort: #34c3ff;
-  --rs-table-resize: #34c3ff;
-  --rs-table-scrollbar-track: #292d33;
-  --rs-table-scrollbar-thumb: #a4a9b3;
-  --rs-table-scrollbar-thumb-active: #cbced4;
-  --rs-table-scrollbar-vertical-track: #292d33;
+  --rs-table-sort: var(--rs-primary-500);
+  --rs-table-resize: var(--rs-primary-500);
+  --rs-table-scrollbar-track: var(--rs-gray-700);
+  --rs-table-scrollbar-thumb: var(--rs-gray-200);
+  --rs-table-scrollbar-thumb-active: var(--rs-gray-100);
+  --rs-table-scrollbar-vertical-track: var(--rs-gray-700);
   --rs-drawer-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
   --rs-modal-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
   --rs-form-errormessage-text: #fff;
-  --rs-form-errormessage-bg: #f44336;
-  --rs-form-errormessage-border: #f44336;
-  --rs-picker-value: #34c3ff;
-  --rs-picker-count-bg: #169de0;
+  --rs-form-errormessage-bg: var(--rs-color-red);
+  --rs-form-errormessage-border: var(--rs-color-red);
+  --rs-picker-value: var(--rs-primary-500);
+  --rs-picker-count-bg: var(--rs-primary-700);
   --rs-picker-count-text: #fff;
-  --rs-calendar-today-bg: #169de0;
+  --rs-calendar-today-bg: var(--rs-primary-700);
   --rs-calendar-today-text: #fff;
-  --rs-calendar-range-bg: rgba(0, 97, 153, 0.5);
-  --rs-calendar-time-unit-bg: #3c3f43;
+  --rs-calendar-range-bg: rgb(from var(--rs-primary-900) r g b / 50%);
+  --rs-calendar-time-unit-bg: var(--rs-gray-600);
   --rs-calendar-date-selected-text: #fff;
-  --rs-calendar-cell-selected-hover-bg: #1675e0;
+  --rs-calendar-cell-selected-hover-bg: var(--rs-primary-700);
   --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
 }
+@supports not (color: rgb(from white r g b)) {
+  .rs-theme-dark {
+    --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
+    --rs-color-focus-ring: 0 0 0 3px rgba(52, 195, 255, 0.25);
+    --rs-state-focus-shadow: 0 0 0 3px rgba(52, 195, 255, 0.25);
+    --rs-state-focus-outline: 3px solid rgba(52, 195, 255, 0.25);
+    --rs-loader-ring: rgba(233, 235, 240, 0.3);
+    --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
+    --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
+    --rs-loader-backdrop-inverse: rgba(255, 255, 255, 0.9);
+    --rs-dropdown-item-bg-active: rgba(0, 97, 153, 0.2);
+    --rs-listbox-option-selected-bg: rgba(0, 97, 153, 0.2);
+    --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(52, 195, 255, 0.25);
+    --rs-uploader-overlay-bg: rgba(60, 63, 67, 0.8);
+    --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
+    --rs-list-placeholder-bg: rgba(0, 97, 153, 0.2);
+    --rs-calendar-range-bg: rgba(0, 97, 153, 0.5);
+    --rs-placeholder-active: #484c50;
+  }
+}
 .rs-theme-high-contrast {
+  --rs-gray-0: #fff;
   --rs-gray-50: #e9ebf0;
   --rs-gray-100: #cbced4;
   --rs-gray-200: #a4a9b3;
@@ -682,6 +742,13 @@
   --rs-primary-700: #d9e000;
   --rs-primary-800: #b8c200;
   --rs-primary-900: #8f9900;
+  --rs-color-red: #bd1732;
+  --rs-color-orange: #ff9800;
+  --rs-color-yellow: #ffc757;
+  --rs-color-green: #0d822c;
+  --rs-color-cyan: #00bcd4;
+  --rs-color-blue: #1499ef;
+  --rs-color-violet: #673ab7;
   --rs-red-50: #fff2f5;
   --rs-red-100: #f2c2cd;
   --rs-red-200: #e691a3;
@@ -752,256 +819,273 @@
   --rs-violet-700: #531ba8;
   --rs-violet-800: #470c99;
   --rs-violet-900: #390085;
-  --rs-state-success: #0d822c;
-  --rs-state-info: #1499ef;
-  --rs-state-warning: #ffc757;
-  --rs-state-error: #bd1732;
-  --rs-body: #0f131a;
-  --rs-text-link: #ffff00;
-  --rs-text-link-hover: #fffc30;
-  --rs-text-link-active: #fffa61;
-  --rs-text-primary: #e9ebf0;
-  --rs-text-secondary: #a4a9b3;
-  --rs-text-tertiary: #858b94;
-  --rs-text-heading: #fff;
-  --rs-text-inverse: #1a1d24;
-  --rs-text-heading-inverse: #0f131a;
-  --rs-text-active: #ffff00;
-  --rs-text-disabled: #5c6066;
-  --rs-border-primary: #cbced4;
-  --rs-border-secondary: #292d33;
-  --rs-bg-card: #1a1d24;
-  --rs-bg-overlay: #1a1d24;
-  --rs-bg-well: #0f131a;
-  --rs-bg-active: #ffff00;
-  --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
-  --rs-state-hover-bg: #3c3f43;
-  --rs-color-focus-ring: #fff;
-  --rs-state-focus-shadow: 0 0 0 3px #0f131a, 0 0 0 5px #fff;
-  --rs-state-focus-shadow-slim: 0 0 0 2px #fff;
-  --rs-state-focus-outline: 3px solid rgba(255, 255, 0, 0.25);
+  --rs-state-success: var(--rs-color-green);
+  --rs-state-info: var(--rs-color-blue);
+  --rs-state-warning: var(--rs-color-yellow);
+  --rs-state-error: var(--rs-color-red);
+  --rs-body: var(--rs-gray-900);
+  --rs-text-link: var(--rs-primary-500);
+  --rs-text-link-hover: var(--rs-primary-400);
+  --rs-text-link-active: var(--rs-primary-300);
+  --rs-text-primary: var(--rs-gray-50);
+  --rs-text-secondary: var(--rs-gray-200);
+  --rs-text-tertiary: var(--rs-gray-300);
+  --rs-text-heading: var(--rs-gray-0);
+  --rs-text-inverse: var(--rs-gray-800);
+  --rs-text-heading-inverse: var(--rs-gray-900);
+  --rs-text-active: var(--rs-primary-500);
+  --rs-text-disabled: var(--rs-gray-500);
+  --rs-border-primary: var(--rs-gray-100);
+  --rs-border-secondary: var(--rs-gray-700);
+  --rs-bg-card: var(--rs-gray-800);
+  --rs-bg-overlay: var(--rs-gray-800);
+  --rs-bg-well: var(--rs-gray-900);
+  --rs-bg-active: var(--rs-primary-500);
+  --rs-bg-backdrop: rgb(from var(--rs-gray-900) r g b / 80%);
+  --rs-state-hover-bg: var(--rs-gray-600);
+  --rs-color-focus-ring: var(--rs-gray-0);
+  --rs-state-focus-shadow: 0 0 0 3px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
+  --rs-state-focus-shadow-slim: 0 0 0 2px var(--rs-gray-0);
+  --rs-state-focus-outline: 3px solid rgb(from var(--rs-primary-500) r g b / 25%);
   --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
   --rs-btn-default-bg: transparent;
-  --rs-btn-default-text: #ffff00;
-  --rs-btn-default-border: 1px solid #ffff00;
+  --rs-btn-default-text: var(--rs-primary-500);
+  --rs-btn-default-border: 1px solid var(--rs-primary-500);
   --rs-btn-default-hover-bg: transparent;
-  --rs-btn-default-hover-text: #fffc30;
+  --rs-btn-default-hover-text: var(--rs-primary-400);
   --rs-btn-default-active-bg: transparent;
-  --rs-btn-default-active-text: #fffa91;
+  --rs-btn-default-active-text: var(--rs-primary-200);
   --rs-btn-default-disabled-bg: transparent;
-  --rs-btn-default-disabled-text: #ffff00;
-  --rs-btn-primary-bg: #ffff00;
-  --rs-btn-primary-text: #0f131a;
-  --rs-btn-primary-hover-bg: #fffc30;
-  --rs-btn-primary-active-bg: #fffa91;
-  --rs-btn-subtle-text: #ffff00;
+  --rs-btn-default-disabled-text: var(--rs-primary-500);
+  --rs-btn-primary-bg: var(--rs-primary-500);
+  --rs-btn-primary-text: var(--rs-gray-900);
+  --rs-btn-primary-hover-bg: var(--rs-primary-400);
+  --rs-btn-primary-active-bg: var(--rs-primary-200);
+  --rs-btn-subtle-text: var(--rs-primary-500);
   --rs-btn-subtle-hover-bg: transparent;
-  --rs-btn-subtle-hover-text: #fffc30;
+  --rs-btn-subtle-hover-text: var(--rs-primary-400);
   --rs-btn-subtle-active-bg: transparent;
-  --rs-btn-subtle-active-text: #fffa91;
-  --rs-btn-subtle-disabled-text: #5c6066;
-  --rs-btn-ghost-border: #ffff00;
-  --rs-btn-ghost-text: #ffff00;
-  --rs-btn-ghost-hover-border: #fffc30;
-  --rs-btn-ghost-hover-text: #fffc30;
-  --rs-btn-ghost-active-border: #fffa91;
-  --rs-btn-ghost-active-text: #fffa91;
-  --rs-btn-link-text: #ffff00;
-  --rs-btn-link-hover-text: #fffc30;
-  --rs-btn-link-active-text: #fffa91;
+  --rs-btn-subtle-active-text: var(--rs-primary-200);
+  --rs-btn-subtle-disabled-text: var(--rs-gray-500);
+  --rs-btn-ghost-border: var(--rs-primary-500);
+  --rs-btn-ghost-text: var(--rs-primary-500);
+  --rs-btn-ghost-hover-border: var(--rs-primary-400);
+  --rs-btn-ghost-hover-text: var(--rs-primary-400);
+  --rs-btn-ghost-active-border: var(--rs-primary-200);
+  --rs-btn-ghost-active-text: var(--rs-primary-200);
+  --rs-btn-link-text: var(--rs-primary-500);
+  --rs-btn-link-hover-text: var(--rs-primary-400);
+  --rs-btn-link-active-text: var(--rs-primary-200);
   --rs-iconbtn-addon: transparent;
   --rs-iconbtn-activated-addon: transparent;
   --rs-iconbtn-pressed-addon: transparent;
-  --rs-iconbtn-primary-addon: #fffc30;
-  --rs-iconbtn-primary-activated-addon: #fffa61;
-  --rs-iconbtn-primary-pressed-addon: #fffbc2;
-  --rs-divider-border: #3c3f43;
-  --rs-loader-ring: rgba(233, 235, 240, 0.3);
-  --rs-loader-rotor: #fff;
-  --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
-  --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
-  --rs-loader-rotor-inverse: #5c6066;
-  --rs-loader-backdrop-inverse: rgba(255, 255, 255, 0.9);
+  --rs-iconbtn-primary-addon: var(--rs-primary-400);
+  --rs-iconbtn-primary-activated-addon: var(--rs-primary-300);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-primary-100);
+  --rs-divider-border: var(--rs-gray-600);
+  --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
+  --rs-loader-rotor: var(--rs-gray-0);
+  --rs-loader-backdrop: rgb(from var(--rs-gray-900) r g b / 83%);
+  --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 80%);
+  --rs-loader-rotor-inverse: var(--rs-gray-500);
+  --rs-loader-backdrop-inverse: rgb(from var(--rs-gray-0) r g b / 90%);
   --rs-message-success-header: #fff;
   --rs-message-success-text: #fff;
   --rs-message-success-icon: #fff;
-  --rs-message-success-bg: #007d0c;
-  --rs-message-success-border: #82cf82;
+  --rs-message-success-bg: var(--rs-green-900);
+  --rs-message-success-border: var(--rs-green-300);
   --rs-message-info-header: #fff;
   --rs-message-info-text: #fff;
   --rs-message-info-icon: #fff;
-  --rs-message-info-bg: #00448c;
-  --rs-message-info-border: #2196f3;
+  --rs-message-info-bg: var(--rs-blue-900);
+  --rs-message-info-border: var(--rs-blue-500);
   --rs-message-warning-header: #fff;
   --rs-message-warning-text: #fff;
   --rs-message-warning-icon: #fff;
-  --rs-message-warning-bg: #997500;
-  --rs-message-warning-border: #ffb300;
+  --rs-message-warning-bg: var(--rs-yellow-900);
+  --rs-message-warning-border: var(--rs-yellow-500);
   --rs-message-error-header: #fff;
   --rs-message-error-text: #fff;
   --rs-message-error-icon: #fff;
-  --rs-message-error-bg: #8f1300;
-  --rs-message-error-border: #fa8682;
-  --rs-tooltip-bg: #1a1d24;
-  --rs-tooltip-text: #fff;
-  --rs-progress-bg: #292d33;
-  --rs-progress-bar: #ffff00;
-  --rs-progress-bar-success: #4caf50;
-  --rs-progress-bar-fail: #f44336;
-  --rs-placeholder: #3c3f43;
-  --rs-placeholder-active: #484c50;
+  --rs-message-error-bg: var(--rs-red-900);
+  --rs-message-error-border: var(--rs-red-300);
+  --rs-tooltip-bg: var(--rs-gray-800);
+  --rs-tooltip-text: var(--rs-gray-0);
+  --rs-progress-bg: var(--rs-gray-700);
+  --rs-progress-bar: var(--rs-primary-500);
+  --rs-progress-bar-success: var(--rs-color-green);
+  --rs-progress-bar-fail: var(--rs-color-red);
+  --rs-placeholder: var(--rs-gray-600);
+  --rs-placeholder-active: hsl(from var(--rs-gray-600) h s calc(l + l * 0.2));
   --rs-breadcrumb-item-active-text: #fff;
-  --rs-dropdown-divider: #3c3f43;
-  --rs-dropdown-item-bg-hover: #3c3f43;
-  --rs-dropdown-item-bg-active: rgba(143, 153, 0, 0.2);
-  --rs-dropdown-item-text-active: #ffff00;
-  --rs-dropdown-header-text: #5c6066;
+  --rs-dropdown-divider: var(--rs-gray-600);
+  --rs-dropdown-item-bg-hover: var(--rs-gray-600);
+  --rs-dropdown-item-bg-active: rgb(from var(--rs-primary-900) r g b / 20%);
+  --rs-dropdown-item-text-active: var(--rs-primary-500);
+  --rs-dropdown-header-text: var(--rs-gray-500);
   --rs-dropdown-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2), 0 4px 4px 3px rgba(0, 0, 0, 0.24);
   --rs-menuitem-active-bg: transparent;
-  --rs-menuitem-active-text: #ffff00;
-  --rs-steps-border: #a4a9b3;
-  --rs-steps-state-finish: #ffff00;
-  --rs-steps-border-state-finish: #ffff00;
-  --rs-steps-state-wait: #a4a9b3;
-  --rs-steps-state-process: #d9e000;
-  --rs-steps-state-error: #f44336;
-  --rs-steps-border-state-error: #f44336;
-  --rs-steps-icon-state-process: #ffff00;
-  --rs-steps-icon-state-error: #f44336;
-  --rs-navs-text: #a4a9b3;
-  --rs-navs-text-hover: #ffff00;
+  --rs-menuitem-active-text: var(--rs-primary-500);
+  --rs-steps-border: var(--rs-gray-200);
+  --rs-steps-state-finish: var(--rs-primary-500);
+  --rs-steps-border-state-finish: var(--rs-primary-500);
+  --rs-steps-state-wait: var(--rs-gray-200);
+  --rs-steps-state-process: var(--rs-primary-700);
+  --rs-steps-state-error: var(--rs-color-red);
+  --rs-steps-border-state-error: var(--rs-color-red);
+  --rs-steps-icon-state-process: var(--rs-primary-500);
+  --rs-steps-icon-state-error: var(--rs-color-red);
+  --rs-navs-text: var(--rs-gray-200);
+  --rs-navs-text-hover: var(--rs-primary-500);
   --rs-navs-bg-hover: transparent;
-  --rs-navs-text-active: #ffff00;
-  --rs-navs-bg-active: #6a6f76;
-  --rs-navs-tab-border: #3c3f43;
-  --rs-navs-subtle-border: #3c3f43;
-  --rs-navs-selected: #ffff00;
-  --rs-navbar-default-bg: #1a1d24;
-  --rs-navbar-default-text: #e9ebf0;
-  --rs-navbar-default-selected-text: #ffff00;
+  --rs-navs-text-active: var(--rs-primary-500);
+  --rs-navs-bg-active: var(--rs-gray-400);
+  --rs-navs-tab-border: var(--rs-gray-600);
+  --rs-navs-subtle-border: var(--rs-gray-600);
+  --rs-navs-selected: var(--rs-primary-500);
+  --rs-navbar-default-bg: var(--rs-gray-800);
+  --rs-navbar-default-text: var(--rs-gray-50);
+  --rs-navbar-default-selected-text: var(--rs-primary-500);
   --rs-navbar-default-hover-bg: transparent;
-  --rs-navbar-default-hover-text: #ffff00;
-  --rs-navbar-inverse-bg: #1a1d24;
-  --rs-navbar-inverse-text: #e9ebf0;
+  --rs-navbar-default-hover-text: var(--rs-primary-500);
+  --rs-navbar-inverse-bg: var(--rs-gray-800);
+  --rs-navbar-inverse-text: var(--rs-gray-50);
   --rs-navbar-inverse-selected-bg: transparent;
-  --rs-navbar-inverse-selected-text: #ffff00;
+  --rs-navbar-inverse-selected-text: var(--rs-primary-500);
   --rs-navbar-inverse-hover-bg: transparent;
-  --rs-navbar-inverse-hover-text: #ffff00;
-  --rs-navbar-subtle-bg: #1a1d24;
-  --rs-navbar-subtle-text: #e9ebf0;
-  --rs-navbar-subtle-selected-text: #ffff00;
+  --rs-navbar-inverse-hover-text: var(--rs-primary-500);
+  --rs-navbar-subtle-bg: var(--rs-gray-800);
+  --rs-navbar-subtle-text: var(--rs-gray-50);
+  --rs-navbar-subtle-selected-text: var(--rs-primary-500);
   --rs-navbar-subtle-hover-bg: transparent;
-  --rs-navbar-subtle-hover-text: #ffff00;
-  --rs-sidenav-default-bg: #1a1d24;
-  --rs-sidenav-default-text: #e9ebf0;
-  --rs-sidenav-default-selected-text: #ffff00;
+  --rs-navbar-subtle-hover-text: var(--rs-primary-500);
+  --rs-sidenav-default-bg: var(--rs-gray-800);
+  --rs-sidenav-default-text: var(--rs-gray-50);
+  --rs-sidenav-default-selected-text: var(--rs-primary-500);
   --rs-sidenav-default-hover-bg: transparent;
-  --rs-sidenav-default-hover-text: #ffff00;
-  --rs-sidenav-default-footer-border: #e9ebf0;
-  --rs-sidenav-inverse-bg: #1a1d24;
-  --rs-sidenav-inverse-text: #e9ebf0;
+  --rs-sidenav-default-hover-text: var(--rs-primary-500);
+  --rs-sidenav-default-footer-border: var(--rs-gray-50);
+  --rs-sidenav-inverse-bg: var(--rs-gray-800);
+  --rs-sidenav-inverse-text: var(--rs-gray-50);
   --rs-sidenav-inverse-selected-bg: transparent;
-  --rs-sidenav-inverse-selected-text: #ffff00;
+  --rs-sidenav-inverse-selected-text: var(--rs-primary-500);
   --rs-sidenav-inverse-hover-bg: transparent;
-  --rs-sidenav-inverse-footer-border: #e9ebf0;
-  --rs-sidenav-subtle-bg: #1a1d24;
-  --rs-sidenav-subtle-text: #e9ebf0;
-  --rs-sidenav-subtle-selected-text: #ffff00;
+  --rs-sidenav-inverse-footer-border: var(--rs-gray-50);
+  --rs-sidenav-subtle-bg: var(--rs-gray-800);
+  --rs-sidenav-subtle-text: var(--rs-gray-50);
+  --rs-sidenav-subtle-selected-text: var(--rs-primary-500);
   --rs-sidenav-subtle-hover-bg: transparent;
-  --rs-sidenav-subtle-hover-text: #ffff00;
-  --rs-sidenav-subtle-footer-border: #e9ebf0;
-  --rs-input-bg: #1a1d24;
-  --rs-input-focus-border: #ffff00;
-  --rs-input-disabled-bg: #292d33;
+  --rs-sidenav-subtle-hover-text: var(--rs-primary-500);
+  --rs-sidenav-subtle-footer-border: var(--rs-gray-50);
+  --rs-input-bg: var(--rs-gray-800);
+  --rs-input-focus-border: var(--rs-primary-500);
+  --rs-input-disabled-bg: var(--rs-gray-700);
   --rs-listbox-option-hover-bg: transparent;
-  --rs-listbox-option-hover-text: #ffff00;
-  --rs-listbox-option-selected-text: #ffff00;
+  --rs-listbox-option-hover-text: var(--rs-primary-500);
+  --rs-listbox-option-selected-text: var(--rs-primary-500);
   --rs-listbox-option-selected-bg: transparent;
-  --rs-listbox-option-disabled-text: #5c6066;
-  --rs-listbox-option-disabled-selected-text: #fffa91;
-  --rs-checkbox-icon: #1a1d24;
-  --rs-checkbox-border: #cbced4;
-  --rs-checkbox-checked-bg: #ffff00;
-  --rs-checkbox-disabled-bg: #5c6066;
-  --rs-radio-marker: #1a1d24;
-  --rs-radio-border: #cbced4;
-  --rs-radio-checked-bg: #ffff00;
-  --rs-radio-disabled-bg: #5c6066;
-  --rs-radio-tile-border: #858b94;
-  --rs-radio-tile-bg: #fff;
-  --rs-radio-tile-checked-color: #ffff00;
-  --rs-radio-tile-checked-mark-color: #1a1d24;
-  --rs-radio-tile-checked-disabled-color: #8f9900;
-  --rs-rate-symbol: #cbced4;
-  --rs-rate-symbol-checked: #ffff00;
-  --rs-toggle-bg: #1a1d24;
-  --rs-toggle-thumb: #cbced4;
-  --rs-toggle-hover-bg: #1a1d24;
-  --rs-toggle-disabled-bg: #1a1d24;
-  --rs-toggle-disabled-thumb: #858b94;
-  --rs-toggle-checked-bg: #ffff00;
-  --rs-toggle-checked-thumb: #1a1d24;
-  --rs-toggle-checked-hover-bg: #fffc30;
-  --rs-toggle-checked-disabled-bg: #8f9900;
-  --rs-toggle-checked-disabled-thumb: #1a1d24;
-  --rs-slider-bar: #3c3f43;
-  --rs-slider-hover-bar: #3c3f43;
-  --rs-slider-thumb-border: #ffff00;
-  --rs-slider-thumb-bg: #292d33;
-  --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(255, 255, 0, 0.25);
-  --rs-slider-progress: #ffff00;
-  --rs-uploader-item-bg: #858b94;
-  --rs-uploader-item-hover-bg: #1a1d24;
-  --rs-uploader-item-hover-text: #ffff00;
-  --rs-uploader-overlay-bg: rgba(60, 63, 67, 0.8);
-  --rs-uploader-dnd-bg: #292d33;
-  --rs-uploader-dnd-border: #a4a9b3;
-  --rs-uploader-dnd-hover-border: #ffff00;
-  --rs-avatar-bg: #6a6f76;
-  --rs-avatar-text: #fff;
-  --rs-badge-bg: #f44336;
-  --rs-badge-text: #fff;
-  --rs-tag-bg: #3c3f43;
-  --rs-tag-close: #f44336;
-  --rs-carousel-bg: #3c3f43;
-  --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
-  --rs-carousel-indicator-hover: #fff;
-  --rs-carousel-indicator-active: #ffff00;
+  --rs-listbox-option-disabled-text: var(--rs-gray-500);
+  --rs-listbox-option-disabled-selected-text: var(--rs-primary-200);
+  --rs-checkbox-icon: var(--rs-gray-800);
+  --rs-checkbox-border: var(--rs-gray-100);
+  --rs-checkbox-checked-bg: var(--rs-primary-500);
+  --rs-checkbox-disabled-bg: var(--rs-gray-500);
+  --rs-radio-marker: var(--rs-gray-800);
+  --rs-radio-border: var(--rs-gray-100);
+  --rs-radio-checked-bg: var(--rs-primary-500);
+  --rs-radio-disabled-bg: var(--rs-gray-500);
+  --rs-radio-tile-border: var(--rs-gray-300);
+  --rs-radio-tile-bg: var(--rs-gray-0);
+  --rs-radio-tile-checked-color: var(--rs-primary-500);
+  --rs-radio-tile-checked-mark-color: var(--rs-gray-800);
+  --rs-radio-tile-checked-disabled-color: var(--rs-primary-900);
+  --rs-rate-symbol: var(--rs-gray-100);
+  --rs-rate-symbol-checked: var(--rs-primary-500);
+  --rs-toggle-bg: var(--rs-gray-800);
+  --rs-toggle-thumb: var(--rs-gray-100);
+  --rs-toggle-hover-bg: var(--rs-gray-800);
+  --rs-toggle-disabled-bg: var(--rs-gray-800);
+  --rs-toggle-disabled-thumb: var(--rs-gray-300);
+  --rs-toggle-checked-bg: var(--rs-primary-500);
+  --rs-toggle-checked-thumb: var(--rs-gray-800);
+  --rs-toggle-checked-hover-bg: var(--rs-primary-400);
+  --rs-toggle-checked-disabled-bg: var(--rs-primary-900);
+  --rs-toggle-checked-disabled-thumb: var(--rs-gray-800);
+  --rs-slider-bar: var(--rs-gray-600);
+  --rs-slider-hover-bar: var(--rs-gray-600);
+  --rs-slider-thumb-border: var(--rs-primary-500);
+  --rs-slider-thumb-bg: var(--rs-gray-700);
+  --rs-slider-thumb-hover-shadow: 0 0 0 8px rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-slider-progress: var(--rs-primary-500);
+  --rs-uploader-item-bg: var(--rs-gray-300);
+  --rs-uploader-item-hover-bg: var(--rs-gray-800);
+  --rs-uploader-item-hover-text: var(--rs-primary-500);
+  --rs-uploader-overlay-bg: rgb(from var(--rs-gray-600) r g b / 80%);
+  --rs-uploader-dnd-bg: var(--rs-gray-700);
+  --rs-uploader-dnd-border: var(--rs-gray-200);
+  --rs-uploader-dnd-hover-border: var(--rs-primary-500);
+  --rs-avatar-bg: var(--rs-gray-400);
+  --rs-avatar-text: var(--rs-gray-0);
+  --rs-badge-bg: var(--rs-red-500);
+  --rs-badge-text: var(--rs-gray-0);
+  --rs-tag-bg: var(--rs-gray-600);
+  --rs-tag-close: var(--rs-color-red);
+  --rs-carousel-bg: var(--rs-gray-600);
+  --rs-carousel-indicator: rgb(from var(--rs-gray-0) r g b / 40%);
+  --rs-carousel-indicator-hover: var(--rs-gray-0);
+  --rs-carousel-indicator-active: var(--rs-primary-500);
   --rs-panel-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
-  --rs-pagination-item-text: #e9ebf0;
-  --rs-pagination-item-current-text: #ffff00;
+  --rs-pagination-item-text: var(--rs-gray-50);
+  --rs-pagination-item-current-text: var(--rs-primary-500);
   --rs-list-bg: transparent;
-  --rs-list-border: #292d33;
-  --rs-list-hover-bg: #3c3f43;
-  --rs-list-placeholder-bg: rgba(143, 153, 0, 0.2);
-  --rs-list-placeholder-border: #ffff00;
-  --rs-timeline-indicator-bg: #5c6066;
-  --rs-timeline-indicator-active-bg: #ffff00;
+  --rs-list-border: var(--rs-gray-700);
+  --rs-list-hover-bg: var(--rs-gray-600);
+  --rs-list-placeholder-bg: rgb(from var(--rs-primary-900) r g b / 20%);
+  --rs-list-placeholder-border: var(--rs-primary-500);
+  --rs-timeline-indicator-bg: var(--rs-gray-500);
+  --rs-timeline-indicator-active-bg: var(--rs-primary-500);
   --rs-table-shadow: rgba(9, 9, 9, 0.99);
-  --rs-table-sort: #ffff00;
-  --rs-table-resize: #ffff00;
-  --rs-table-scrollbar-track: #292d33;
-  --rs-table-scrollbar-thumb: #a4a9b3;
-  --rs-table-scrollbar-thumb-active: #cbced4;
-  --rs-table-scrollbar-vertical-track: #292d33;
-  --rs-drawer-bg: #292d33;
+  --rs-table-sort: var(--rs-primary-500);
+  --rs-table-resize: var(--rs-primary-500);
+  --rs-table-scrollbar-track: var(--rs-gray-700);
+  --rs-table-scrollbar-thumb: var(--rs-gray-200);
+  --rs-table-scrollbar-thumb-active: var(--rs-gray-100);
+  --rs-table-scrollbar-vertical-track: var(--rs-gray-700);
+  --rs-drawer-bg: var(--rs-gray-700);
   --rs-drawer-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
   --rs-modal-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
-  --rs-modal-border: 1px solid #cbced4;
+  --rs-modal-border: 1px solid var(--rs-gray-100);
   --rs-form-errormessage-text: #fff;
-  --rs-form-errormessage-bg: #f44336;
-  --rs-form-errormessage-border: #f44336;
-  --rs-picker-value: #ffff00;
-  --rs-picker-count-bg: #ffff00;
-  --rs-picker-count-text: #0f131a;
-  --rs-calendar-today-bg: #ffff00;
-  --rs-calendar-today-text: #0f131a;
-  --rs-calendar-range-bg: rgba(143, 153, 0, 0.5);
-  --rs-calendar-time-unit-bg: #0f131a;
-  --rs-calendar-date-selected-text: #0f131a;
-  --rs-calendar-cell-selected-hover-bg: #e9ebf0;
+  --rs-form-errormessage-bg: var(--rs-red-500);
+  --rs-form-errormessage-border: var(--rs-red-500);
+  --rs-picker-value: var(--rs-primary-500);
+  --rs-picker-count-bg: var(--rs-primary-500);
+  --rs-picker-count-text: var(--rs-gray-900);
+  --rs-calendar-today-bg: var(--rs-primary-500);
+  --rs-calendar-today-text: var(--rs-gray-900);
+  --rs-calendar-range-bg: rgb(from var(--rs-primary-900) r g b / 50%);
+  --rs-calendar-time-unit-bg: var(--rs-gray-900);
+  --rs-calendar-date-selected-text: var(--rs-gray-900);
+  --rs-calendar-cell-selected-hover-bg: var(--rs-gray-50);
   --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
 }
+@supports not (color: rgb(from white r g b)) {
+  .rs-theme-high-contrast {
+    --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
+    --rs-state-focus-outline: 3px solid rgba(255, 255, 0, 0.25);
+    --rs-loader-ring: rgba(233, 235, 240, 0.3);
+    --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
+    --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
+    --rs-loader-backdrop-inverse: rgba(255, 255, 255, 0.9);
+    --rs-dropdown-item-bg-active: rgba(143, 153, 0, 0.2);
+    --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(255, 255, 0, 0.25);
+    --rs-uploader-overlay-bg: rgba(60, 63, 67, 0.8);
+    --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
+    --rs-list-placeholder-bg: rgba(143, 153, 0, 0.2);
+    --rs-calendar-range-bg: rgba(143, 153, 0, 0.5);
+    --rs-placeholder-active: #484c50;
+  }
+}
 /* stylelint-disable */
 * {
   -webkit-box-sizing: border-box;
@@ -1506,7 +1590,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-auto-complete-item:hover,
 .rs-auto-complete-item:focus,
 .rs-auto-complete-item-focus {
-  background-color: rgba(204, 233, 255, 0.5);
+  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
@@ -1514,7 +1598,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-theme-high-contrast .rs-auto-complete-item:hover,
 .rs-theme-high-contrast .rs-auto-complete-item:focus,
 .rs-theme-high-contrast .rs-auto-complete-item-focus {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -1807,7 +1891,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
 .rs-theme-high-contrast .rs-btn:focus-visible {
@@ -2599,14 +2683,14 @@ tbody.rs-anim-collapse.rs-anim-in {
   height: 16px;
 }
 .rs-btn-loading > .rs-btn-spin::before {
-  border: 3px solid rgba(247, 247, 250, 0.8);
+  border: 3px solid rgb(from #f7f7fa r g b / 80%);
   border: 3px solid var(--rs-loader-ring);
 }
 .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
   border-color: rgba(248, 247, 250, 0.3);
 }
 .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
-  border-color: rgba(247, 247, 250, 0.3);
+  border-color: rgb(from #f7f7fa r g b / 30%);
   border-color: var(--rs-loader-ring-inverse);
 }
 .rs-btn-loading > .rs-btn-spin::after {
@@ -2925,7 +3009,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   position: relative;
 }
 .rs-calendar-table-cell-in-range::before {
-  background-color: rgba(204, 233, 255, 0.5);
+  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-calendar-range-bg);
 }
 .rs-calendar-table-cell-in-range:hover::before {
@@ -3395,13 +3479,13 @@ tbody.rs-anim-collapse.rs-anim-in {
   text-decoration: none;
 }
 .rs-calendar-time-dropdown-cell:hover {
-  background-color: rgba(204, 233, 255, 0.5);
+  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -3419,13 +3503,13 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-calendar-date-selected-text);
 }
 .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
-  background-color: rgba(204, 233, 255, 0.5);
+  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -3550,7 +3634,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-carousel-label {
   cursor: pointer;
   display: block;
-  background-color: rgba(255, 255, 255, 0.4);
+  background-color: rgb(from #fff r g b / 40%);
   background-color: var(--rs-carousel-indicator);
   -webkit-transition: background 0.3s linear;
   transition: background 0.3s linear;
@@ -3706,13 +3790,13 @@ tbody.rs-anim-collapse.rs-anim-in {
   width: 100%;
 }
 .rs-picker-cascader-row:hover {
-  background-color: rgba(204, 233, 255, 0.5);
+  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-picker-cascader-row:hover {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -3724,13 +3808,13 @@ tbody.rs-anim-collapse.rs-anim-in {
   outline-offset: 2px;
 }
 .rs-picker-cascader-row.rs-picker-cascader-row-focus {
-  background-color: rgba(204, 233, 255, 0.5);
+  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -3817,7 +3901,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-picker-cascader-menu-item:focus,
 .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
 .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
-  background-color: rgba(204, 233, 255, 0.5);
+  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
@@ -3826,7 +3910,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
 .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
 .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -3913,9 +3997,9 @@ tbody.rs-anim-collapse.rs-anim-in {
   margin-left: 0;
 }
 .rs-checkbox [type='checkbox']:focus-visible ~ .rs-checkbox-inner::before {
-  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
+  -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
   -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
+          box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
           box-shadow: var(--rs-state-focus-shadow);
 }
 .rs-checkbox-checker {
@@ -4378,13 +4462,13 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   height: 30px;
 }
 .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
-  background-color: rgba(204, 233, 255, 0.5);
+  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -4415,13 +4499,13 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   display: inline-block;
 }
 .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
-  background-color: rgba(204, 233, 255, 0.5);
+  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -4695,7 +4779,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   bottom: 0;
   left: 0;
   z-index: 1050;
-  background-color: rgba(39, 44, 54, 0.3);
+  background-color: rgb(from #272c36 r g b / 30%);
   background-color: var(--rs-bg-backdrop);
 }
 .rs-drawer-backdrop.rs-anim-fade {
@@ -4738,7 +4822,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   color: #272c36;
   color: var(--rs-text-heading);
   font-weight: normal;
-  font-size: 16px;
+  font-size: 18px;
   line-height: 36px;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -4923,7 +5007,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   outline: 0;
 }
 .rs-dropdown-menu:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
 .rs-theme-high-contrast .rs-dropdown-menu:focus-visible {
@@ -4982,7 +5066,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 }
 .rs-dropdown-item:focus-visible,
 .rs-dropdown-item.rs-dropdown-item-focus {
-  background-color: rgba(204, 233, 255, 0.5);
+  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-menuitem-active-bg);
   color: #1675e0;
   color: var(--rs-menuitem-active-text);
@@ -5019,7 +5103,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   position: relative;
 }
 .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle {
-  background-color: rgba(204, 233, 255, 0.5);
+  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-menuitem-active-bg);
   color: #1675e0;
   color: var(--rs-menuitem-active-text);
@@ -5072,7 +5156,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 }
 .rs-dropdown-menu > .rs-dropdown-menu-item-focus:hover,
 .rs-dropdown-menu > .rs-dropdown-menu-item-focus:focus {
-  background-color: rgba(204, 233, 255, 0.5);
+  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-menuitem-active-bg);
   color: #1675e0;
   color: var(--rs-menuitem-active-text);
@@ -7870,7 +7954,7 @@ textarea.rs-input {
   border-color: var(--rs-input-focus-border);
 }
 .rs-input:focus {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
 .rs-theme-high-contrast .rs-input:focus {
@@ -7958,7 +8042,7 @@ textarea.rs-input-sm {
 }
 .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
 .rs-input-group:focus-within {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
 .rs-theme-high-contrast .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
@@ -8770,7 +8854,7 @@ textarea.rs-picker-search-input {
   z-index: 1149;
 }
 .rs-list-item-holder {
-  background-color: rgba(242, 250, 255, 0.5);
+  background-color: rgb(from #f2faff r g b / 50%);
   background-color: var(--rs-list-placeholder-bg);
   visibility: hidden;
 }
@@ -8831,7 +8915,7 @@ textarea.rs-picker-search-input {
   border-radius: 50%;
 }
 .rs-loader-spin::before {
-  border: 3px solid rgba(247, 247, 250, 0.8);
+  border: 3px solid rgb(from #f7f7fa r g b / 80%);
   border: 3px solid var(--rs-loader-ring);
 }
 .rs-loader-spin::after {
@@ -8858,7 +8942,7 @@ textarea.rs-picker-search-input {
   left: 0;
   width: 100%;
   height: 100%;
-  background: rgba(255, 255, 255, 0.9);
+  background: rgb(from #fff r g b / 90%);
   background: var(--rs-loader-backdrop);
 }
 .rs-loader-vertical {
@@ -8892,11 +8976,11 @@ textarea.rs-picker-search-input {
   color: var(--rs-text-inverse);
 }
 .rs-loader-inverse .rs-loader-backdrop {
-  background: rgba(39, 44, 54, 0.83);
+  background: rgb(from #272c36 r g b / 83%);
   background: var(--rs-loader-backdrop-inverse);
 }
 .rs-loader-inverse .rs-loader-spin::before {
-  border-color: rgba(247, 247, 250, 0.3);
+  border-color: rgb(from #f7f7fa r g b / 30%);
   border-color: var(--rs-loader-ring-inverse);
 }
 .rs-loader-inverse .rs-loader-spin::after {
@@ -9350,7 +9434,7 @@ textarea.rs-picker-search-input {
   width: 100vw;
   height: 100vh;
   z-index: 1049;
-  background-color: rgba(39, 44, 54, 0.3);
+  background-color: rgb(from #272c36 r g b / 30%);
   background-color: var(--rs-bg-backdrop);
 }
 .rs-modal-backdrop.rs-anim-fade {
@@ -9446,8 +9530,8 @@ textarea.rs-picker-search-input {
 }
 .rs-modal-title {
   font-weight: normal;
-  font-size: 16px;
-  line-height: 1.25;
+  font-size: 18px;
+  line-height: 1.11111111;
   display: block;
   color: #272c36;
   color: var(--rs-text-heading);
@@ -9573,7 +9657,7 @@ textarea.rs-picker-search-input {
   text-decoration: underline;
 }
 .rs-nav-item:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-width: 2px;
   outline-offset: 0;
@@ -9810,7 +9894,7 @@ textarea.rs-picker-search-input {
 .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
 .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
   z-index: 1;
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
 .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
@@ -9823,7 +9907,7 @@ textarea.rs-picker-search-input {
 .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
 .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
 .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -9879,7 +9963,7 @@ textarea.rs-picker-search-input {
 .rs-navbar-nav > .rs-dropdown-item:focus-visible,
 .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus,
 .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   z-index: 2;
@@ -9892,7 +9976,7 @@ textarea.rs-picker-search-input {
 .rs-theme-high-contrast .rs-navbar-brand:focus-visible,
 .rs-theme-high-contrast .rs-navbar-item:focus-visible,
 .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -9917,7 +10001,7 @@ textarea.rs-picker-search-input {
   border: none;
 }
 .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -9930,7 +10014,7 @@ textarea.rs-picker-search-input {
   right: 16px;
 }
 .rs-navbar .rs-dropdown-item:hover {
-  background-color: rgba(204, 233, 255, 0.5);
+  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-menuitem-active-bg);
   color: #1675e0;
   color: var(--rs-menuitem-active-text);
@@ -10418,7 +10502,7 @@ textarea.rs-picker-search-input {
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-pagination-btn:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
 .rs-theme-high-contrast .rs-pagination-btn:focus-visible {
@@ -10725,9 +10809,6 @@ textarea.rs-picker-search-input {
   vertical-align: middle;
   max-width: 100%;
 }
-.rs-picker-toggle {
-  min-width: 75px;
-}
 .rs-picker-toggle.rs-btn .rs-ripple-pond {
   display: none !important;
 }
@@ -10790,9 +10871,9 @@ textarea.rs-picker-search-input {
 }
 .rs-picker-toggle-active,
 .rs-picker.rs-picker-focused {
-  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
+  -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
   -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
+          box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
           box-shadow: var(--rs-state-focus-shadow);
 }
 .rs-picker-toggle {
@@ -10870,7 +10951,7 @@ textarea.rs-picker-search-input {
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-picker-toggle:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
 .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
@@ -11718,7 +11799,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-color: var(--rs-input-focus-border);
 }
 .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
 .rs-theme-high-contrast .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
@@ -11769,13 +11850,13 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-check-item:not(.rs-checkbox-disabled):hover,
 .rs-check-item:focus,
 .rs-check-item.rs-check-item-focus {
-  background-color: rgba(204, 233, 255, 0.5);
+  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
 }
 .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
 .rs-theme-high-contrast .rs-check-item:focus,
 .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -11939,8 +12020,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   background: linear-gradient(-45deg, #f2f2f5 25%, #e5e5ea 37%, #f2f2f5 63%);
   background: linear-gradient(-45deg, var(--rs-placeholder) 25%, var(--rs-placeholder-active) 37%, var(--rs-placeholder) 63%);
   background-size: 400% 100% !important;
-  -webkit-animation: placeholder-active 3s ease infinite;
-          animation: placeholder-active 3s ease infinite;
+  -webkit-animation: placeholder-active 1.5s ease infinite;
+          animation: placeholder-active 1.5s ease infinite;
 }
 @-webkit-keyframes placeholder-active {
   0% {
@@ -12553,9 +12634,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   margin-left: 0;
 }
 .rs-radio [type='radio']:focus ~ .rs-radio-inner::before {
-  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
+  -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
   -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
+          box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
           box-shadow: var(--rs-state-focus-shadow);
 }
 .rs-radio-checker {
@@ -12938,7 +13019,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-picker-select-menu-item:hover,
 .rs-picker-select-menu-item:focus,
 .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
-  background-color: rgba(204, 233, 255, 0.5);
+  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
@@ -12946,7 +13027,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-theme-high-contrast .rs-picker-select-menu-item:hover,
 .rs-theme-high-contrast .rs-picker-select-menu-item:focus,
 .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -13035,7 +13116,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   outline: 0;
 }
 .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   z-index: 1;
@@ -13044,7 +13125,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   outline-offset: 2px;
 }
 .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -13071,7 +13152,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border: none;
 }
 .rs-sidenav-nav .rs-sidenav-item:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   z-index: 1;
@@ -13080,7 +13161,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   outline-offset: 2px;
 }
 .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -13120,7 +13201,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
 .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
 }
@@ -13140,7 +13221,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
 .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   z-index: 2;
 }
@@ -13150,7 +13231,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
 .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -13171,7 +13252,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-sidenav-item:focus-visible,
 .rs-sidenav-item.rs-sidenav-item-focus {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -13214,7 +13295,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
 .rs-sidenav-collapse-in .rs-dropdown-item-focus {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   background: none;
@@ -13226,7 +13307,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
 .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -13242,7 +13323,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
 .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   z-index: 2;
@@ -13253,7 +13334,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
 .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -13363,7 +13444,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
 .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
 .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
@@ -13372,7 +13453,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
 .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -13448,7 +13529,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-top-color: var(--rs-sidenav-default-footer-border);
 }
 .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active {
-  background-color: rgba(204, 233, 255, 0.5);
+  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-menuitem-active-bg);
   color: #1675e0;
   color: var(--rs-menuitem-active-text);
@@ -13744,9 +13825,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-slider-handle:hover::before,
 .rs-slider-handle:focus::before {
-  -webkit-box-shadow: 0 0 0 8px rgba(52, 152, 255, 0.25);
+  -webkit-box-shadow: 0 0 0 8px rgb(from #a6a6a6 r g b / 25%);
   -webkit-box-shadow: var(--rs-slider-thumb-hover-shadow);
-          box-shadow: 0 0 0 8px rgba(52, 152, 255, 0.25);
+          box-shadow: 0 0 0 8px rgb(from #a6a6a6 r g b / 25%);
           box-shadow: var(--rs-slider-thumb-hover-shadow);
 }
 .rs-slider-handle:active::before,
@@ -14211,7 +14292,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   position: absolute;
   height: 100%;
   width: 100%;
-  background-color: rgba(255, 255, 255, 0.9);
+  background-color: rgb(from #fff r g b / 90%);
   background-color: var(--rs-loader-backdrop);
   opacity: 0;
   -webkit-transition: opacity 0.2s ease-in;
@@ -14254,7 +14335,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-radius: 50%;
 }
 .rs-table-loader-icon::before {
-  border: 3px solid rgba(247, 247, 250, 0.8);
+  border: 3px solid rgb(from #f7f7fa r g b / 80%);
   border: 3px solid var(--rs-loader-ring);
 }
 .rs-table-loader-icon::after {
@@ -14517,7 +14598,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   right: 0;
   width: 10px;
   bottom: 10px;
-  background-color: rgba(229, 229, 234, 0.4);
+  background-color: rgb(from #e5e5ea r g b / 40%);
   background-color: var(--rs-table-scrollbar-vertical-track);
 }
 .rs-table-scrollbar-vertical .rs-table-scrollbar-handle {
@@ -14927,16 +15008,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
           box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
 }
 .rs-toggle-input:focus-visible + .rs-toggle-presentation {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
 .rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
   outline-offset: 2px;
 }
 .rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
-  -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgba(52, 152, 255, 0.25);
+  -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgb(from #3498ff r g b / 25%);
   -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
-          box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgba(52, 152, 255, 0.25);
+          box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgb(from #3498ff r g b / 25%);
           box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
 }
 .rs-toggle-presentation:hover {
@@ -15002,7 +15083,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
 }
 .rs-toggle-loader .rs-loader-spin::before {
-  border-color: rgba(247, 247, 250, 0.3);
+  border-color: rgb(from #f7f7fa r g b / 30%);
   border-color: var(--rs-toggle-loader-ring);
 }
 .rs-toggle-loader .rs-loader-spin::after {
@@ -15480,7 +15561,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-tree-node-label-content:hover,
 .rs-tree-node-label-content:focus,
 .rs-tree-node-label-content.rs-tree-node-label-content-focus {
-  background-color: rgba(204, 233, 255, 0.5);
+  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
@@ -15488,7 +15569,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-theme-high-contrast .rs-tree-node-label-content:hover,
 .rs-theme-high-contrast .rs-tree-node-label-content:focus,
 .rs-theme-high-contrast .rs-tree-node-label-content.rs-tree-node-label-content-focus {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
@@ -15509,7 +15590,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   background-color: var(--rs-listbox-option-selected-bg);
 }
 .rs-tree-node-drag-over {
-  background-color: rgba(204, 233, 255, 0.5);
+  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
 }
 .rs-tree-node-dragging {
@@ -15742,7 +15823,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-radius: 50%;
 }
 .rs-uploader-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before {
-  border: 3px solid rgba(247, 247, 250, 0.8);
+  border: 3px solid rgb(from #f7f7fa r g b / 80%);
   border: 3px solid var(--rs-loader-ring);
 }
 .rs-uploader-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
@@ -15930,7 +16011,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
 .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
@@ -16101,7 +16182,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   height: 66px;
   text-align: center;
   z-index: 3;
-  background-color: rgba(255, 255, 255, 0.8);
+  background-color: rgb(from #fff r g b / 80%);
   background-color: var(--rs-uploader-overlay-bg);
   cursor: default;
   color: #f44336;
@@ -16140,7 +16221,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   height: 24px;
   line-height: 24px;
   text-align: center;
-  background-color: rgba(255, 255, 255, 0.8);
+  background-color: rgb(from #fff r g b / 80%);
   background-color: var(--rs-uploader-overlay-bg);
   border-radius: 50%;
   visibility: hidden;
@@ -16172,7 +16253,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   width: 66px;
   height: 66px;
   line-height: 66px;
-  background-color: rgba(255, 255, 255, 0.8);
+  background-color: rgb(from #fff r g b / 80%);
   background-color: var(--rs-uploader-overlay-bg);
   position: absolute;
   top: 0;
@@ -16201,7 +16282,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-radius: 50%;
 }
 .rs-uploader-picture .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before {
-  border: 3px solid rgba(247, 247, 250, 0.8);
+  border: 3px solid rgb(from #f7f7fa r g b / 80%);
   border: 3px solid var(--rs-loader-ring);
 }
 .rs-uploader-picture .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
@@ -16357,7 +16438,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-radius: 50%;
 }
 .rs-uploader-picture-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before {
-  border: 3px solid rgba(247, 247, 250, 0.8);
+  border: 3px solid rgb(from #f7f7fa r g b / 80%);
   border: 3px solid var(--rs-loader-ring);
 }
 .rs-uploader-picture-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
@@ -16403,7 +16484,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  color: #ffb300;
+  color: #2196f3;
   color: var(--rs-rate-symbol-checked);
   list-style: none;
   vertical-align: middle;