rsuite 5.65.1 → 5.66.0

package/dist/rsuite-rtl.css

@@ -5,12 +5,12 @@
   --rs-gray-100: #f2f2f5;
   --rs-gray-200: #e5e5ea;
   --rs-gray-300: #d9d9d9;
-  --rs-gray-400: #c5c6c7;
-  --rs-gray-500: #a6a6a6;
-  --rs-gray-600: #8e8e93;
-  --rs-gray-700: #7a7a7a;
-  --rs-gray-800: #575757;
-  --rs-gray-900: #272c36;
+  --rs-gray-400: #b6b7b8;
+  --rs-gray-500: #939393;
+  --rs-gray-600: #717273;
+  --rs-gray-700: #575757;
+  --rs-gray-800: #343434;
+  --rs-gray-900: #121212;
   --rs-primary-50: #f2faff;
   --rs-primary-100: #cce9ff;
   --rs-primary-200: #a6d7ff;
@@ -296,11 +296,11 @@
   --rs-radio-tile-icon-size: 32px;
   --rs-rate-symbol: var(--rs-gray-600);
   --rs-rate-symbol-checked: var(--rs-blue-500);
-  --rs-toggle-bg: var(--rs-gray-300);
+  --rs-toggle-bg: var(--rs-gray-400);
   --rs-toggle-thumb: #fff;
   --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-hover-bg: var(--rs-gray-500);
   --rs-toggle-disabled-bg: var(--rs-gray-200);
   --rs-toggle-disabled-thumb: #fff;
   --rs-toggle-checked-bg: var(--rs-primary-500);
@@ -371,14 +371,14 @@
 @supports not (color: rgb(from white r g b)) {
   :root,
   .rs-theme-light {
-    --rs-bg-backdrop: rgba(39, 44, 54, 0.3);
+    --rs-bg-backdrop: rgba(18, 18, 18, 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-loader-backdrop-inverse: rgba(18, 18, 18, 0.83);
     --rs-message-success-bg: rgba(200, 240, 199, 0.6);
     --rs-message-info-bg: rgba(197, 231, 252, 0.6);
     --rs-message-warning-bg: rgba(255, 233, 194, 0.6);
@@ -1287,7 +1287,7 @@ body {
   font-family: Apple-System, Arial, Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STXihei, sans-serif;
   font-size: 14px;
   line-height: 1.42857143;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   background-color: #fff;
   background-color: var(--rs-body);
@@ -1340,7 +1340,7 @@ h5 small,
 h6 small {
   font-weight: normal;
   line-height: 1;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
 }
 h1 {
@@ -1763,7 +1763,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   clear: both;
   font-weight: normal;
   line-height: 1.42857143;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   cursor: pointer;
   text-decoration: none;
@@ -2045,7 +2045,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-breadcrumb {
   margin-bottom: 20px;
   font-size: 12px;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-breadcrumb-item {
@@ -2056,7 +2056,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   outline: 0;
 }
 .rs-breadcrumb-item-active {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-breadcrumb-item-active-text);
 }
 .rs-breadcrumb-separator {
@@ -2087,7 +2087,7 @@ tbody.rs-anim-collapse.rs-anim-in {
       -ms-user-select: none;
           user-select: none;
   text-decoration: none;
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-default-text);
   background-color: #f7f7fa;
   background-color: var(--rs-btn-default-bg);
@@ -2152,7 +2152,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .rs-btn:active,
 .rs-btn.rs-btn-active {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-btn-default-active-text);
   background-color: #d9d9d9;
   background-color: var(--rs-btn-default-active-bg);
@@ -2160,7 +2160,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-btn:disabled,
 .rs-btn.rs-btn-disabled {
   cursor: not-allowed;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-btn-default-disabled-text);
   background-color: #f7f7fa;
   background-color: var(--rs-btn-default-disabled-bg);
@@ -2218,28 +2218,28 @@ tbody.rs-anim-collapse.rs-anim-in {
   border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-subtle {
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
 }
 .rs-btn-subtle:hover,
 .rs-btn-subtle:focus {
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-subtle-hover-text);
   background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-btn-subtle:active,
 .rs-btn-subtle.rs-btn-active {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-btn-subtle-active-text);
   background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-active-bg);
 }
 .rs-btn-subtle:disabled,
 .rs-btn-subtle.rs-btn-disabled {
-  color: #c5c6c7;
+  color: #b6b7b8;
   color: var(--rs-btn-subtle-disabled-text);
   background: none;
 }
@@ -2327,7 +2327,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-subtle-hover-bg: var(--rs-red-500);
   --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-red-600);
-  --rs-btn-subtle-active-text: #575757;
+  --rs-btn-subtle-active-text: #343434;
   --rs-btn-ghost-border: var(--rs-red-700);
   --rs-btn-ghost-text: var(--rs-red-700);
   --rs-btn-ghost-hover-border: var(--rs-red-900);
@@ -2387,7 +2387,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-subtle-hover-bg: var(--rs-orange-500);
   --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-orange-600);
-  --rs-btn-subtle-active-text: #575757;
+  --rs-btn-subtle-active-text: #343434;
   --rs-btn-ghost-border: var(--rs-orange-700);
   --rs-btn-ghost-text: var(--rs-orange-700);
   --rs-btn-ghost-hover-border: var(--rs-orange-900);
@@ -2447,7 +2447,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-subtle-hover-bg: var(--rs-yellow-500);
   --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-yellow-600);
-  --rs-btn-subtle-active-text: #575757;
+  --rs-btn-subtle-active-text: #343434;
   --rs-btn-ghost-border: var(--rs-yellow-700);
   --rs-btn-ghost-text: var(--rs-yellow-700);
   --rs-btn-ghost-hover-border: var(--rs-yellow-900);
@@ -2507,7 +2507,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-subtle-hover-bg: var(--rs-green-500);
   --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-green-600);
-  --rs-btn-subtle-active-text: #575757;
+  --rs-btn-subtle-active-text: #343434;
   --rs-btn-ghost-border: var(--rs-green-700);
   --rs-btn-ghost-text: var(--rs-green-700);
   --rs-btn-ghost-hover-border: var(--rs-green-900);
@@ -2567,7 +2567,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-subtle-hover-bg: var(--rs-cyan-500);
   --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-cyan-600);
-  --rs-btn-subtle-active-text: #575757;
+  --rs-btn-subtle-active-text: #343434;
   --rs-btn-ghost-border: var(--rs-cyan-700);
   --rs-btn-ghost-text: var(--rs-cyan-700);
   --rs-btn-ghost-hover-border: var(--rs-cyan-900);
@@ -2627,7 +2627,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-subtle-hover-bg: var(--rs-blue-500);
   --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-blue-600);
-  --rs-btn-subtle-active-text: #575757;
+  --rs-btn-subtle-active-text: #343434;
   --rs-btn-ghost-border: var(--rs-blue-700);
   --rs-btn-ghost-text: var(--rs-blue-700);
   --rs-btn-ghost-hover-border: var(--rs-blue-900);
@@ -2687,7 +2687,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-subtle-hover-bg: var(--rs-violet-500);
   --rs-btn-subtle-hover-text: #e5e5ea;
   --rs-btn-subtle-active-bg: var(--rs-violet-600);
-  --rs-btn-subtle-active-text: #575757;
+  --rs-btn-subtle-active-text: #343434;
   --rs-btn-ghost-border: var(--rs-violet-700);
   --rs-btn-ghost-text: var(--rs-violet-700);
   --rs-btn-ghost-hover-border: var(--rs-violet-900);
@@ -2941,7 +2941,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .rs-btn-loading > .rs-btn-spin::after {
   border-width: 3px;
-  border-color: #a6a6a6 transparent transparent;
+  border-color: #939393 transparent transparent;
   border-color: var(--rs-loader-rotor) transparent transparent;
   border-style: solid;
   -webkit-animation: buttonSpin 0.6s infinite linear;
@@ -3295,7 +3295,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   margin-right: 4px;
 }
 .rs-calendar-header-error {
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
@@ -3307,21 +3307,21 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .rs-calendar-header-error:hover,
 .rs-calendar-header-error:focus {
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-subtle-hover-text);
   background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-calendar-header-error:active,
 .rs-calendar-header-error.rs-btn-active {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-btn-subtle-active-text);
   background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-active-bg);
 }
 .rs-calendar-header-error:disabled,
 .rs-calendar-header-error.rs-btn-disabled {
-  color: #c5c6c7;
+  color: #b6b7b8;
   color: var(--rs-btn-subtle-disabled-text);
   background: none;
 }
@@ -3427,7 +3427,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content:hover,
 .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content:hover,
 .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content:hover {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
 }
 .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content,
@@ -3524,7 +3524,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .rs-calendar-table-header-cell-content {
   display: inline-block;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   font-size: 12px;
   line-height: 1.66666667;
@@ -3544,7 +3544,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   padding: 1px;
   text-align: center;
   vertical-align: middle;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   background-color: #f7f7fa;
   background-color: var(--rs-bg-well);
@@ -3638,7 +3638,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   background-color: var(--rs-state-hover-bg);
 }
 .rs-calendar-month-dropdown-cell:not(.rs-calendar-month-dropdown-cell-active).disabled .rs-calendar-month-dropdown-cell-content {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
   background: none;
   text-decoration: line-through;
@@ -3668,7 +3668,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   width: 100%;
   background-color: #fff;
   background-color: var(--rs-bg-overlay);
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   overflow: hidden;
   z-index: 1;
@@ -3703,7 +3703,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   width: 100%;
   background-color: #f7f7fa;
   background-color: var(--rs-calendar-time-unit-bg);
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   text-align: center;
   font-size: 12px;
@@ -3768,7 +3768,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   outline-offset: 2px;
 }
 .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-disabled {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
   background: none;
   cursor: not-allowed;
@@ -3802,7 +3802,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   position: relative;
   height: 400px;
   overflow: hidden;
-  background-color: #8e8e93;
+  background-color: #717273;
   background-color: var(--rs-carousel-bg);
 }
 .rs-carousel-content {
@@ -3822,7 +3822,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   will-change: transform;
 }
 .rs-carousel-slider-item {
-  background-color: #8e8e93;
+  background-color: #717273;
   background-color: var(--rs-carousel-bg);
   float: right;
   height: 100%;
@@ -3833,7 +3833,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   right: 0;
   height: 100%;
   width: 100%;
-  background-color: #8e8e93;
+  background-color: #717273;
   background-color: var(--rs-carousel-bg);
   top: 0;
   -webkit-animation: moveLeftHalf 0.3s ease forwards;
@@ -4023,7 +4023,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   clear: both;
   font-weight: normal;
   line-height: 1.42857143;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   cursor: pointer;
   text-decoration: none;
@@ -4067,7 +4067,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 }
 .rs-cascade-search-view-row:disabled,
 .rs-cascade-search-view-row.rs-cascade-search-view-row-disabled {
-  color: #c5c6c7;
+  color: #b6b7b8;
   color: var(--rs-listbox-option-disabled-text);
   background: none;
   cursor: not-allowed;
@@ -4121,7 +4121,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   clear: both;
   font-weight: normal;
   line-height: 1.42857143;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   cursor: pointer;
   text-decoration: none;
@@ -4168,12 +4168,12 @@ tbody.rs-anim-collapse.rs-anim-in {
   text-decoration: underline;
 }
 .rs-cascade-tree-item.rs-cascade-tree-item-active .rs-cascade-tree-caret {
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
 }
 .rs-cascade-tree-item:disabled,
 .rs-cascade-tree-item.rs-cascade-tree-item-disabled {
-  color: #c5c6c7;
+  color: #b6b7b8;
   color: var(--rs-listbox-option-disabled-text);
   background: none;
   cursor: not-allowed;
@@ -4214,7 +4214,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   cursor: not-allowed;
 }
 .rs-checkbox-disabled > .rs-checkbox-checker > label {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
 }
 .rs-checkbox-inline {
@@ -4515,7 +4515,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   padding-left: 32px;
   position: relative;
   cursor: pointer;
-  color: #272c36;
+  color: #121212;
   color: var(--rs-text-heading);
 }
 .rs-picker-check-menu-items .rs-picker-menu-group-title .rs-picker-menu-group-caret {
@@ -4525,7 +4525,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   top: 8px;
   left: 12px;
   padding: 3px;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-picker-check-menu-items .rs-picker-menu-group.folded .rs-picker-menu-group-caret {
@@ -4622,7 +4622,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 }
 .rs-check-tree .rs-check-tree-empty {
   padding: 6px 12px;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-check-tree-view {
@@ -4676,12 +4676,12 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 }
 .rs-check-tree-node .rs-check-item.rs-checkbox-disabled .rs-checkbox-label {
   cursor: not-allowed;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
   background: none;
 }
 .rs-check-tree-node:focus .rs-check-item .rs-checkbox-checker > label {
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   background-color: #f2faff;
   background-color: var(--rs-state-hover-bg);
@@ -4749,7 +4749,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   margin-bottom: 4px;
 }
 .rs-form-plaintext .rs-form-control-label {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-picker-toolbar {
@@ -4764,7 +4764,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   height: 286px;
 }
 .rs-picker-date .rs-input-group-addon {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   cursor: pointer;
 }
@@ -4905,7 +4905,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   padding-bottom: 184px;
 }
 .rs-picker-daterange .rs-input-group-addon {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   cursor: pointer;
 }
@@ -5204,7 +5204,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   bottom: 0;
   right: 0;
   z-index: 1050;
-  background-color: rgb(from #272c36 r g b / 30%);
+  background-color: rgb(from #121212 r g b / 30%);
   background-color: var(--rs-bg-backdrop);
 }
 .rs-drawer-backdrop.rs-anim-fade {
@@ -5244,7 +5244,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   -ms-flex-negative: 1;
       flex-shrink: 1;
   margin: 0;
-  color: #272c36;
+  color: #121212;
   color: var(--rs-text-heading);
   font-weight: normal;
   font-size: 18px;
@@ -5355,7 +5355,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle,
 .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle:focus,
 .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle:active {
-  color: #c5c6c7;
+  color: #b6b7b8;
   color: var(--rs-btn-subtle-disabled-text);
   background: none;
 }
@@ -5469,7 +5469,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   clear: both;
   font-weight: normal;
   line-height: 1.42857143;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   white-space: nowrap;
   cursor: pointer;
@@ -5529,13 +5529,13 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   outline: 0;
 }
 .rs-dropdown-item-disabled {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
   cursor: not-allowed;
   pointer-events: none;
 }
 .rs-dropdown-item-disabled .rs-text {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
 }
 .rs-dropdown-item-disabled:hover,
@@ -5662,7 +5662,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   display: block;
   padding: 8px 12px;
   line-height: 1.42857143;
-  color: #a6a6a6;
+  color: #939393;
   color: var(--rs-dropdown-header-text);
   border-bottom: 1px solid #e5e5ea;
   border-bottom: 1px solid var(--rs-border-primary);
@@ -8293,7 +8293,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 }
 .rs-form-help-text {
   display: block;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   min-height: 20px;
   line-height: 1.66666667;
@@ -8328,7 +8328,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 }
 .rs-btn-icon-with-text:active > .rs-icon,
 .rs-btn-icon-with-text.rs-btn-active > .rs-icon {
-  background-color: #c5c6c7;
+  background-color: #b6b7b8;
   background-color: var(--rs-iconbtn-pressed-addon);
 }
 .rs-btn-icon-with-text:disabled > .rs-icon,
@@ -8369,7 +8369,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-input {
   display: block;
   width: 100%;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   background-color: #fff;
   background-color: var(--rs-input-bg);
@@ -8398,19 +8398,19 @@ textarea.rs-input {
   transition: none;
 }
 .rs-input::-webkit-input-placeholder {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-input::-moz-placeholder {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-input::-ms-input-placeholder {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-input::placeholder {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-input:focus,
@@ -8428,7 +8428,7 @@ textarea.rs-input {
 .rs-input:disabled {
   background-color: #f7f7fa;
   background-color: var(--rs-input-disabled-bg);
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
 }
 textarea.rs-input {
@@ -8490,7 +8490,7 @@ textarea.rs-input-sm {
   transition: border-color ease-in-out 0.15s;
   width: 100%;
   cursor: text;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   border: 1px solid #e5e5ea;
   border: 1px solid var(--rs-border-primary);
@@ -8600,7 +8600,7 @@ textarea.rs-input-sm {
   width: auto;
 }
 .rs-input-group.rs-input-group-inside .rs-input-group-btn {
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
@@ -8611,21 +8611,21 @@ textarea.rs-input-sm {
 }
 .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
 .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-subtle-hover-text);
   background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-input-group.rs-input-group-inside .rs-input-group-btn:active,
 .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-active {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-btn-subtle-active-text);
   background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-active-bg);
 }
 .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled,
 .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
-  color: #c5c6c7;
+  color: #b6b7b8;
   color: var(--rs-btn-subtle-disabled-text);
   background: none;
 }
@@ -8681,7 +8681,7 @@ textarea.rs-input-sm {
 .rs-input-group.rs-input-group-disabled {
   background-color: #f7f7fa;
   background-color: var(--rs-input-disabled-bg);
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
   cursor: not-allowed;
 }
@@ -8986,7 +8986,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
           align-items: center;
   white-space: nowrap;
   vertical-align: middle;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   padding: 8px 12px;
   font-size: 14px;
@@ -9478,7 +9478,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-loader-spin::after {
   border-width: 3px;
   border-style: solid;
-  border-color: #a6a6a6 transparent transparent;
+  border-color: #939393 transparent transparent;
   border-color: var(--rs-loader-rotor) transparent transparent;
   -webkit-animation: loaderSpin 0.6s infinite linear;
           animation: loaderSpin 0.6s infinite linear;
@@ -9533,7 +9533,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   color: var(--rs-text-inverse);
 }
 .rs-loader-inverse .rs-loader-backdrop {
-  background: rgb(from #272c36 r g b / 83%);
+  background: rgb(from #121212 r g b / 83%);
   background: var(--rs-loader-backdrop-inverse);
 }
 .rs-loader-inverse .rs-loader-spin::before {
@@ -9556,6 +9556,10 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   -webkit-animation-duration: 0.8s;
           animation-duration: 0.8s;
 }
+.rs-loader-speed-paused .rs-loader-spin::after {
+  -webkit-animation-play-state: paused;
+          animation-play-state: paused;
+}
 .rs-loader-center,
 .rs-loader-backdrop-wrapper {
   position: absolute;
@@ -9880,7 +9884,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
           flex-grow: 1;
 }
 .rs-message-header {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-text-heading);
   line-height: 1.71428571;
   font-weight: bold;
@@ -9893,7 +9897,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   margin-top: 4px;
 }
 .rs-message-body {
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
 }
 .rs-message-body ul,
@@ -9956,11 +9960,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   background-color: var(--rs-message-success-bg);
 }
 .rs-message-success .rs-message-header {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-message-success-header);
 }
 .rs-message-success .rs-message-body {
-  color: #575757;
+  color: #343434;
   color: var(--rs-message-success-text);
 }
 .rs-message-success .rs-btn-close {
@@ -9999,11 +10003,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   background-color: var(--rs-message-info-bg);
 }
 .rs-message-info .rs-message-header {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-message-info-header);
 }
 .rs-message-info .rs-message-body {
-  color: #575757;
+  color: #343434;
   color: var(--rs-message-info-text);
 }
 .rs-message-info .rs-btn-close {
@@ -10042,11 +10046,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   background-color: var(--rs-message-warning-bg);
 }
 .rs-message-warning .rs-message-header {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-message-warning-header);
 }
 .rs-message-warning .rs-message-body {
-  color: #575757;
+  color: #343434;
   color: var(--rs-message-warning-text);
 }
 .rs-message-warning .rs-btn-close {
@@ -10085,11 +10089,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   background-color: var(--rs-message-error-bg);
 }
 .rs-message-error .rs-message-header {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-message-error-header);
 }
 .rs-message-error .rs-message-body {
-  color: #575757;
+  color: #343434;
   color: var(--rs-message-error-text);
 }
 .rs-message-error .rs-btn-close {
@@ -10115,7 +10119,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   width: 100vw;
   height: 100vh;
   z-index: 1049;
-  background-color: rgb(from #272c36 r g b / 30%);
+  background-color: rgb(from #121212 r g b / 30%);
   background-color: var(--rs-bg-backdrop);
 }
 .rs-modal-backdrop.rs-anim-fade {
@@ -10230,12 +10234,12 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   left: 20px;
   top: 20px;
   font-size: 12px;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   padding: 0;
 }
 .rs-modal-header .rs-modal-header-close:hover {
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
 }
 .rs-modal-title {
@@ -10243,7 +10247,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   font-size: 18px;
   line-height: 1.11111111;
   display: block;
-  color: #272c36;
+  color: #121212;
   color: var(--rs-text-heading);
   margin: 0;
   overflow: hidden;
@@ -10337,7 +10341,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-nav-item {
   padding: 8px 12px;
   cursor: pointer;
-  color: #575757;
+  color: #343434;
   color: var(--rs-navs-text);
   -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
   transition: color 0.15s ease-out, background-color 0.15s ease-out;
@@ -10366,7 +10370,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-nav-item:hover,
 .rs-nav-item:focus,
 .rs-nav-item.rs-nav-item-focus {
-  color: #575757;
+  color: #343434;
   color: var(--rs-navs-text-hover);
 }
 .rs-theme-high-contrast .rs-nav-item:hover,
@@ -10385,7 +10389,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   outline-offset: 2px;
 }
 .rs-nav-item:active {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-navs-text-active);
 }
 .rs-theme-high-contrast .rs-nav-item:active {
@@ -10394,7 +10398,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-nav-item.rs-nav-item-disabled {
   cursor: not-allowed;
   pointer-events: none;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
 }
 .rs-nav-item.rs-nav-item-active {
@@ -10744,7 +10748,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-navbar-default {
   background-color: #f7f7fa;
   background-color: var(--rs-navbar-default-bg);
-  color: #575757;
+  color: #343434;
   color: var(--rs-navbar-default-text);
 }
 .rs-navbar-default .rs-navbar-item:hover,
@@ -10752,7 +10756,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-navbar-default .rs-dropdown.rs-dropdown-open .rs-dropdown-toggle {
   background-color: #e5e5ea;
   background-color: var(--rs-navbar-default-hover-bg);
-  color: #575757;
+  color: #343434;
   color: var(--rs-navbar-default-hover-text);
 }
 .rs-navbar-default .rs-navbar-item.rs-navbar-item-active,
@@ -10786,7 +10790,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-navbar-subtle {
   background-color: transparent;
-  color: #575757;
+  color: #343434;
   color: var(--rs-navbar-subtle-text);
 }
 .rs-navbar-subtle .rs-navbar-item:hover,
@@ -10795,7 +10799,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-navbar-subtle .rs-dropdown .rs-dropdown-toggle:focus {
   background-color: #f7f7fa;
   background-color: var(--rs-navbar-subtle-hover-bg);
-  color: #575757;
+  color: #343434;
   color: var(--rs-navbar-subtle-hover-text);
 }
 .rs-navbar-subtle .rs-navbar-item.rs-navbar-item-active,
@@ -10835,7 +10839,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%;
-  color: #272c36;
+  color: #121212;
   color: var(--rs-text-heading);
   font-size: 16px;
   line-height: 1.5;
@@ -10862,7 +10866,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   width: 100%;
 }
 .rs-notification-description {
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
 }
 .rs-notification-title + .rs-notification-description {
@@ -11160,14 +11164,14 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   transition: color 0.15s ease-out, background-color 0.15s ease-out;
   border: none;
   border: var(--rs-btn-default-border, none);
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-default-text);
   background-color: #f7f7fa;
   background-color: var(--rs-btn-default-bg);
   border-radius: 6px;
   padding: 8px 12px;
   overflow: hidden;
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
@@ -11244,7 +11248,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-pagination-btn:active,
 .rs-pagination-btn.rs-btn-active {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-btn-default-active-text);
   background-color: #d9d9d9;
   background-color: var(--rs-btn-default-active-bg);
@@ -11252,7 +11256,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-pagination-btn:disabled,
 .rs-pagination-btn.rs-btn-disabled {
   cursor: not-allowed;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-btn-default-disabled-text);
   background-color: #f7f7fa;
   background-color: var(--rs-btn-default-disabled-bg);
@@ -11270,21 +11274,21 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-pagination-btn:hover,
 .rs-pagination-btn:focus {
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-subtle-hover-text);
   background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-pagination-btn:active,
 .rs-pagination-btn.rs-btn-active {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-btn-subtle-active-text);
   background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-active-bg);
 }
 .rs-pagination-btn:disabled,
 .rs-pagination-btn.rs-btn-disabled {
-  color: #c5c6c7;
+  color: #b6b7b8;
   color: var(--rs-btn-subtle-disabled-text);
   background: none;
 }
@@ -11483,7 +11487,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   padding: 0 !important;
 }
 .rs-panel-header {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-text-heading);
   font-size: 16px;
   line-height: 1.25;
@@ -11509,7 +11513,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-panel-btn:active {
   background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-subtle-hover-text);
   outline: transparent solid 2px;
 }
@@ -11521,7 +11525,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-panel-btn[disabled] {
   cursor: not-allowed;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
   background-color: var(--rs-btn-subtle-disabled-bg);
 }
@@ -11552,7 +11556,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   padding: 10px;
 }
 .rs-panel-collapsible > .rs-panel-header > .rs-icon {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   position: absolute;
   top: 24px;
@@ -12124,7 +12128,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   font-size: 16px;
   line-height: 2.25;
   height: 36px;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-progress-circle .rs-progress-trail {
@@ -12326,7 +12330,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   cursor: not-allowed;
 }
 .rs-radio-disabled > .rs-radio-checker > label {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
 }
 .rs-radio-inline {
@@ -12592,7 +12596,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   border: 1px solid #e5e5ea;
   border: 1px solid var(--rs-border-primary);
@@ -12621,7 +12625,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   font-size: 14px;
   line-height: 1.42857143;
   border-radius: 0;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   background: none;
   -webkit-transition: color 0.3s linear;
@@ -12650,7 +12654,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   cursor: not-allowed;
 }
 .rs-radio-group-picker .rs-radio-disabled:not(.rs-radio-checked) .rs-radio-checker > label {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-radio-tile {
@@ -12666,7 +12670,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   font-weight: bold;
 }
 .rs-radio-tile-content {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-radio-tile-mark {
@@ -12707,7 +12711,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-radio-tile-disabled,
 .rs-radio-tile-disabled .rs-radio-tile-content {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-disabled);
   cursor: not-allowed;
 }
@@ -12740,7 +12744,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   padding-left: 32px;
   position: relative;
   cursor: pointer;
-  color: #272c36;
+  color: #121212;
   color: var(--rs-text-heading);
 }
 .rs-picker-select-menu-items .rs-picker-menu-group-title .rs-picker-menu-group-caret {
@@ -12750,7 +12754,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   top: 8px;
   left: 12px;
   padding: 3px;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-picker-select-menu-items .rs-picker-menu-group.folded .rs-picker-menu-group-caret {
@@ -12766,7 +12770,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   clear: both;
   font-weight: normal;
   line-height: 1.42857143;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   cursor: pointer;
   text-decoration: none;
@@ -12804,7 +12808,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   background-color: var(--rs-listbox-option-selected-bg);
 }
 .rs-picker-select-menu-item.rs-picker-select-menu-item-disabled {
-  color: #c5c6c7;
+  color: #b6b7b8;
   color: var(--rs-listbox-option-disabled-text);
   background: none;
   cursor: not-allowed;
@@ -13261,7 +13265,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-sidenav-default {
   background-color: #f7f7fa;
   background-color: var(--rs-sidenav-default-bg);
-  color: #575757;
+  color: #343434;
   color: var(--rs-sidenav-default-text);
 }
 .rs-sidenav-default .rs-sidenav-item,
@@ -13276,7 +13280,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-sidenav-default .rs-dropdown.rs-dropdown-open .rs-dropdown-toggle {
   background-color: #e5e5ea;
   background-color: var(--rs-sidenav-default-hover-bg);
-  color: #575757;
+  color: #343434;
   color: var(--rs-sidenav-default-hover-text);
 }
 .rs-sidenav-default .rs-sidenav-item.rs-sidenav-item-active,
@@ -13304,7 +13308,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle,
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle {
-  color: #575757;
+  color: #343434;
   color: var(--rs-sidenav-default-text);
 }
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
@@ -13321,7 +13325,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus {
   background-color: #e5e5ea;
   background-color: var(--rs-sidenav-default-hover-bg);
-  color: #575757;
+  color: #343434;
   color: var(--rs-sidenav-default-hover-text);
 }
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-sidenav-item.rs-sidenav-item-active,
@@ -13430,7 +13434,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-sidenav-subtle .rs-dropdown-item,
 .rs-sidenav-subtle .rs-sidenav-toggle-button {
   background-color: transparent;
-  color: #575757;
+  color: #343434;
   color: var(--rs-sidenav-subtle-text);
 }
 .rs-sidenav-subtle .rs-sidenav-item:hover,
@@ -13443,7 +13447,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-sidenav-subtle .rs-sidenav-toggle-button:focus-visible {
   background-color: #f7f7fa;
   background-color: var(--rs-sidenav-subtle-hover-bg);
-  color: #575757;
+  color: #343434;
   color: var(--rs-sidenav-subtle-hover-text);
 }
 .rs-sidenav-subtle .rs-sidenav-item.rs-sidenav-item-active,
@@ -13468,7 +13472,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle,
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
 .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle {
-  color: #575757;
+  color: #343434;
   color: var(--rs-sidenav-subtle-text);
 }
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
@@ -13481,7 +13485,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus-visible {
   background-color: #f7f7fa;
   background-color: var(--rs-sidenav-subtle-hover-bg);
-  color: #575757;
+  color: #343434;
   color: var(--rs-sidenav-subtle-hover-text);
 }
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
@@ -13586,9 +13590,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-slider-handle:hover::before,
 .rs-slider-handle:focus::before {
-  -webkit-box-shadow: 0 0 0 8px rgb(from #a6a6a6 r g b / 25%);
+  -webkit-box-shadow: 0 0 0 8px rgb(from #939393 r g b / 25%);
   -webkit-box-shadow: var(--rs-slider-thumb-hover-shadow);
-          box-shadow: 0 0 0 8px rgb(from #a6a6a6 r g b / 25%);
+          box-shadow: 0 0 0 8px rgb(from #939393 r g b / 25%);
           box-shadow: var(--rs-slider-thumb-hover-shadow);
 }
 .rs-slider-handle:active::before,
@@ -13748,7 +13752,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   text-align: center;
   font-size: 16px;
   line-height: 1.75;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   position: absolute;
   top: 0;
@@ -13759,7 +13763,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  border: 1px solid #8e8e93;
+  border: 1px solid #717273;
   border: 1px solid var(--rs-steps-border);
   border-radius: 50%;
 }
@@ -13807,14 +13811,14 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   vertical-align: middle;
 }
 .rs-steps-item-content {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   display: inline-block;
   position: relative;
   width: 100%;
 }
 .rs-steps-item-status-process .rs-steps-item-content {
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
 }
 .rs-steps-item-status-error .rs-steps-item-content {
@@ -13838,12 +13842,12 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-steps-item-tail,
 .rs-steps-item-title::after {
   position: absolute;
-  border-color: #8e8e93;
+  border-color: #717273;
   border-color: var(--rs-steps-border);
 }
 .rs-steps-item-status-process .rs-steps-item-tail,
 .rs-steps-item-status-process .rs-steps-item-title::after {
-  border-color: #8e8e93;
+  border-color: #717273;
   border-color: var(--rs-steps-border);
 }
 .rs-steps-item-status-finish .rs-steps-item-tail,
@@ -14022,7 +14026,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   z-index: 2;
   position: relative;
   font-size: 12px;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-table-affix-header {
@@ -14107,7 +14111,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-table-loader-icon::after {
   border-width: 3px;
   border-style: solid;
-  border-color: #a6a6a6 transparent transparent;
+  border-color: #939393 transparent transparent;
   border-color: var(--rs-loader-rotor) transparent transparent;
   -webkit-animation: loaderSpin 0.6s infinite linear;
           animation: loaderSpin 0.6s infinite linear;
@@ -14332,7 +14336,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-table-scrollbar-handle {
   position: absolute;
-  background-color: #575757;
+  background-color: #343434;
   background-color: var(--rs-table-scrollbar-thumb);
   border-radius: 4px;
 }
@@ -14340,7 +14344,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   z-index: 1;
 }
 .rs-table-scrollbar-pressed .rs-table-scrollbar-handle {
-  background-color: #272c36;
+  background-color: #121212;
   background-color: var(--rs-table-scrollbar-thumb-active);
 }
 .rs-table-scrollbar-horizontal {
@@ -14388,7 +14392,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   display: inline-block;
   background-color: #f7f7fa;
   background-color: var(--rs-tag-bg);
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   border-radius: 6px;
   line-height: 20px;
@@ -14905,7 +14909,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   vertical-align: middle;
-  background-color: #d9d9d9;
+  background-color: #b6b7b8;
   background-color: var(--rs-toggle-bg);
   color: #fff;
   color: var(--rs-toggle-thumb);
@@ -14939,7 +14943,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
           box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
 }
 .rs-toggle-presentation:hover {
-  background-color: #c5c6c7;
+  background-color: #939393;
   background-color: var(--rs-toggle-hover-bg);
 }
 .rs-toggle-presentation::after {
@@ -15258,7 +15262,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   padding: 2px 10px;
   color: #fff;
   color: var(--rs-tooltip-text);
-  background-color: #272c36;
+  background-color: #121212;
   background-color: var(--rs-tooltip-bg);
   border-radius: 4px;
   overflow-wrap: break-word;
@@ -15309,7 +15313,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   bottom: -6px;
   margin-right: -6px;
   border-width: 6px 6px 0;
-  border-top-color: #272c36;
+  border-top-color: #121212;
   border-top-color: var(--rs-tooltip-bg);
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -15351,7 +15355,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   top: -6px;
   margin-right: -6px;
   border-width: 0 6px 6px;
-  border-bottom-color: #272c36;
+  border-bottom-color: #121212;
   border-bottom-color: var(--rs-tooltip-bg);
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -15393,7 +15397,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   left: -6px;
   margin-top: -6px;
   border-width: 6px 6px 6px 0;
-  border-right-color: #272c36;
+  border-right-color: #121212;
   border-right-color: var(--rs-tooltip-bg);
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -15435,7 +15439,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   right: -6px;
   margin-top: -6px;
   border-width: 6px 0 6px 6px;
-  border-left-color: #272c36;
+  border-left-color: #121212;
   border-left-color: var(--rs-tooltip-bg);
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -15513,7 +15517,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-tree-drag-preview {
   position: absolute;
   top: 0;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   background-color: #fff;
   background-color: var(--rs-bg-overlay);
@@ -15530,7 +15534,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-tree .rs-tree-empty {
   padding: 6px 12px;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-tree-view {
@@ -15648,13 +15652,13 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-tree-node-disabled .rs-tree-node-label {
   background: none;
-  color: #c5c6c7;
+  color: #b6b7b8;
   color: var(--rs-listbox-option-disabled-text);
   cursor: not-allowed;
 }
 .rs-tree-node-disabled > .rs-tree-node-label {
   cursor: not-allowed;
-  color: #c5c6c7;
+  color: #b6b7b8;
   color: var(--rs-listbox-option-disabled-text);
 }
 .rs-tree-node-disabled > .rs-tree-node-label,
@@ -15710,7 +15714,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-uploader-file-item-icon-reupload {
   cursor: pointer;
   margin-right: 10px;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   font-size: 12px;
 }
@@ -15772,7 +15776,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-uploader-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
   border-width: 3px;
   border-style: solid;
-  border-color: #a6a6a6 transparent transparent;
+  border-color: #939393 transparent transparent;
   border-color: var(--rs-loader-rotor) transparent transparent;
   -webkit-animation: loaderSpin 0.6s infinite linear;
           animation: loaderSpin 0.6s infinite linear;
@@ -15787,7 +15791,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
@@ -15805,7 +15809,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   -webkit-box-flex: 0;
       -ms-flex: 0 0 auto;
           flex: 0 0 auto;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   padding: 0 8px;
 }
@@ -15827,7 +15831,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   font-size: 14px;
   top: 12px;
   left: 12px;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   cursor: pointer;
   padding: 0;
@@ -15893,7 +15897,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
       -ms-user-select: none;
           user-select: none;
   text-decoration: none;
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-default-text);
   background-color: #f7f7fa;
   background-color: var(--rs-btn-default-bg);
@@ -15902,7 +15906,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   padding: 8px 12px;
   overflow: hidden;
   position: relative;
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
@@ -15969,7 +15973,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-uploader-picture .rs-uploader-trigger-btn:active,
 .rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-active {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-btn-default-active-text);
   background-color: #d9d9d9;
   background-color: var(--rs-btn-default-active-bg);
@@ -15977,7 +15981,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-uploader-picture .rs-uploader-trigger-btn:disabled,
 .rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-disabled {
   cursor: not-allowed;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-btn-default-disabled-text);
   background-color: #f7f7fa;
   background-color: var(--rs-btn-default-disabled-bg);
@@ -15995,21 +15999,21 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-uploader-picture .rs-uploader-trigger-btn:hover,
 .rs-uploader-picture .rs-uploader-trigger-btn:focus {
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-subtle-hover-text);
   background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-uploader-picture .rs-uploader-trigger-btn:active,
 .rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-active {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-btn-subtle-active-text);
   background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-active-bg);
 }
 .rs-uploader-picture .rs-uploader-trigger-btn:disabled,
 .rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-disabled {
-  color: #c5c6c7;
+  color: #b6b7b8;
   color: var(--rs-btn-subtle-disabled-text);
   background: none;
 }
@@ -16018,7 +16022,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-uploader-picture .rs-uploader-trigger.rs-uploader-trigger-disabled .rs-uploader-trigger-btn {
-  color: #575757 !important;
+  color: #343434 !important;
   color: var(--rs-btn-subtle-text) !important;
   background-color: transparent !important;
 }
@@ -16102,7 +16106,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   display: none;
 }
 .rs-uploader-picture .rs-uploader-file-item-btn-remove {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   cursor: pointer;
   position: absolute;
@@ -16179,7 +16183,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-uploader-picture .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
   border-width: 3px;
   border-style: solid;
-  border-color: #a6a6a6 transparent transparent;
+  border-color: #939393 transparent transparent;
   border-color: var(--rs-loader-rotor) transparent transparent;
   -webkit-animation: loaderSpin 0.6s infinite linear;
           animation: loaderSpin 0.6s infinite linear;
@@ -16247,7 +16251,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   display: block;
 }
 .rs-uploader-picture-text .rs-uploader-file-item-content .rs-uploader-file-item-title {
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   overflow: hidden;
   text-overflow: ellipsis;
@@ -16255,14 +16259,14 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   width: 100%;
 }
 .rs-uploader-picture-text .rs-uploader-file-item-content .rs-uploader-file-item-size {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-uploader-picture-text .rs-uploader-file-item-btn-remove {
   position: absolute;
   top: 0;
   left: 12px;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   cursor: pointer;
   height: 50px;
@@ -16335,7 +16339,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-uploader-picture-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
   border-width: 3px;
   border-style: solid;
-  border-color: #a6a6a6 transparent transparent;
+  border-color: #939393 transparent transparent;
   border-color: var(--rs-loader-rotor) transparent transparent;
   -webkit-animation: loaderSpin 0.6s infinite linear;
           animation: loaderSpin 0.6s infinite linear;
@@ -16401,7 +16405,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   opacity: 0;
 }
 .rs-rate-character-after {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-rate-symbol);
   -webkit-filter: grayscale(1);
           filter: grayscale(1);
@@ -16641,7 +16645,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-text {
   font-family: Apple-System, Arial, Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STXihei, sans-serif;
   line-height: 1.42857143;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   margin: 0;
 }
@@ -16665,7 +16669,7 @@ kbd.rs-text {
   padding: 0.2em 0.3em;
 }
 .rs-text.rs-text-muted {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-text-left {
@@ -16870,14 +16874,14 @@ kbd.rs-text {
 .rs-picker-disabled .rs-picker-toggle-value,
 .rs-picker-disabled .rs-picker-toggle-indicator,
 .rs-picker-disabled .rs-picker-tag-list .rs-tag {
-  color: #8e8e93 !important;
+  color: #717273 !important;
   color: var(--rs-text-disabled) !important;
 }
 .rs-picker-disabled .rs-picker-value-count {
   opacity: 0.5;
 }
 .rs-picker-toggle .rs-picker-toggle-placeholder {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-picker-has-value .rs-btn .rs-picker-toggle-value,
@@ -16887,7 +16891,7 @@ kbd.rs-text {
 }
 .rs-picker-none {
   padding: 6px 12px 12px;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   cursor: default;
 }
@@ -16935,7 +16939,7 @@ kbd.rs-text {
           box-shadow: var(--rs-state-focus-shadow);
 }
 .rs-picker-label.rs-input-group-addon {
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   padding-left: 4px !important;
 }
@@ -16988,7 +16992,7 @@ kbd.rs-text {
       -ms-user-select: none;
           user-select: none;
   text-decoration: none;
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-default-text);
   background-color: #f7f7fa;
   background-color: var(--rs-btn-default-bg);
@@ -17053,7 +17057,7 @@ kbd.rs-text {
 }
 .rs-picker-toggle:active,
 .rs-picker-toggle.rs-btn-active {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-btn-default-active-text);
   background-color: #d9d9d9;
   background-color: var(--rs-btn-default-active-bg);
@@ -17061,7 +17065,7 @@ kbd.rs-text {
 .rs-picker-toggle:disabled,
 .rs-picker-toggle.rs-btn-disabled {
   cursor: not-allowed;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-btn-default-disabled-text);
   background-color: #f7f7fa;
   background-color: var(--rs-btn-default-disabled-bg);
@@ -17089,7 +17093,7 @@ kbd.rs-text {
   border: 1px solid #0000;
   padding-right: 10px;
   padding-left: 32px;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   background-color: #fff;
   background-color: var(--rs-input-bg);
@@ -17122,7 +17126,7 @@ kbd.rs-text {
   border-color: var(--rs-input-focus-border);
 }
 .rs-picker-subtle .rs-picker-toggle {
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
@@ -17131,21 +17135,21 @@ kbd.rs-text {
 }
 .rs-picker-subtle .rs-picker-toggle:hover,
 .rs-picker-subtle .rs-picker-toggle:focus {
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-subtle-hover-text);
   background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-picker-subtle .rs-picker-toggle:active,
 .rs-picker-subtle .rs-picker-toggle.rs-btn-active {
-  color: #272c36;
+  color: #121212;
   color: var(--rs-btn-subtle-active-text);
   background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-active-bg);
 }
 .rs-picker-subtle .rs-picker-toggle:disabled,
 .rs-picker-subtle .rs-picker-toggle.rs-btn-disabled {
-  color: #c5c6c7;
+  color: #b6b7b8;
   color: var(--rs-btn-subtle-disabled-text);
   background: none;
 }
@@ -17156,7 +17160,7 @@ kbd.rs-text {
 .rs-picker-subtle .rs-picker-toggle-active {
   background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
-  color: #575757;
+  color: #343434;
   color: var(--rs-btn-subtle-hover-text);
 }
 /* stylelint-disable-next-line */
@@ -17484,7 +17488,7 @@ kbd.rs-text {
   z-index: 5;
   padding-left: 32px;
   display: inline-block;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   border: 1px solid #e5e5ea;
   border: 1px solid var(--rs-border-primary);
@@ -17521,7 +17525,7 @@ kbd.rs-text {
   text-align: right;
 }
 .rs-picker-toggle-label {
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
 }
 .rs-picker-toggle-label::after {
@@ -17552,7 +17556,7 @@ kbd.rs-text {
   height: 20px;
   font-size: 12px;
   background: inherit;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   -webkit-transition: 0.2s color linear;
   transition: 0.2s color linear;
@@ -17578,7 +17582,7 @@ kbd.rs-text {
   left: 12px;
   height: 20px;
   font-size: 12px;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-picker-toggle-indicator .rs-picker-loader {
@@ -17735,6 +17739,6 @@ kbd.rs-text {
   position: relative;
 }
 .rs-search-box-icon {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }