rsuite 5.65.0 → 5.66.0

package/dist/rsuite.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-left: 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;
 }
@@ -3429,7 +3429,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,
@@ -3526,7 +3526,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;
@@ -3546,7 +3546,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);
@@ -3640,7 +3640,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;
@@ -3670,7 +3670,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;
@@ -3705,7 +3705,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;
@@ -3770,7 +3770,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;
@@ -3804,7 +3804,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 {
@@ -3824,7 +3824,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: left;
   height: 100%;
@@ -3835,7 +3835,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   left: 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;
@@ -4025,7 +4025,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;
@@ -4069,7 +4069,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;
@@ -4123,7 +4123,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;
@@ -4170,12 +4170,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;
@@ -4216,7 +4216,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 {
@@ -4519,7 +4519,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   padding-right: 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 {
@@ -4529,7 +4529,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   top: 8px;
   right: 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 {
@@ -4628,7 +4628,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 {
@@ -4682,12 +4682,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);
@@ -4755,7 +4755,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 {
@@ -4770,7 +4770,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;
 }
@@ -4911,7 +4911,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;
 }
@@ -5210,7 +5210,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   bottom: 0;
   left: 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 {
@@ -5250,7 +5250,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;
@@ -5361,7 +5361,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;
 }
@@ -5475,7 +5475,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;
@@ -5535,13 +5535,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,
@@ -5668,7 +5668,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);
@@ -8301,7 +8301,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;
@@ -8336,7 +8336,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,
@@ -8377,7 +8377,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);
@@ -8406,19 +8406,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,
@@ -8436,7 +8436,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 {
@@ -8498,7 +8498,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);
@@ -8608,7 +8608,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;
@@ -8619,21 +8619,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;
 }
@@ -8689,7 +8689,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;
 }
@@ -8994,7 +8994,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;
@@ -9488,7 +9488,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;
@@ -9543,7 +9543,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 {
@@ -9566,6 +9566,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;
@@ -9890,7 +9894,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;
@@ -9903,7 +9907,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,
@@ -9966,11 +9970,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 {
@@ -10009,11 +10013,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 {
@@ -10052,11 +10056,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 {
@@ -10095,11 +10099,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 {
@@ -10125,7 +10129,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 {
@@ -10240,12 +10244,12 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   right: 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 {
@@ -10253,7 +10257,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;
@@ -10347,7 +10351,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;
@@ -10376,7 +10380,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,
@@ -10395,7 +10399,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 {
@@ -10404,7 +10408,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 {
@@ -10754,7 +10758,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,
@@ -10762,7 +10766,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,
@@ -10796,7 +10800,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,
@@ -10805,7 +10809,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,
@@ -10845,7 +10849,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;
@@ -10872,7 +10876,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 {
@@ -11170,14 +11174,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;
@@ -11254,7 +11258,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);
@@ -11262,7 +11266,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);
@@ -11280,21 +11284,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;
 }
@@ -11495,7 +11499,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;
@@ -11521,7 +11525,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;
 }
@@ -11533,7 +11537,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);
 }
@@ -11564,7 +11568,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;
@@ -12140,7 +12144,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 {
@@ -12284,6 +12288,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   -ms-flex-preferred-size: auto;
       flex-basis: auto;
   padding-left: 0;
+  padding-bottom: 12px;
   width: auto;
 }
 .rs-progress-line.rs-progress-line-vertical .rs-progress-line-bg {
@@ -12341,7 +12346,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 {
@@ -12607,7 +12612,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);
@@ -12636,7 +12641,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;
@@ -12665,7 +12670,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 {
@@ -12681,7 +12686,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 {
@@ -12722,7 +12727,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;
 }
@@ -12755,7 +12760,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   padding-right: 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 {
@@ -12765,7 +12770,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   top: 8px;
   right: 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 {
@@ -12781,7 +12786,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;
@@ -12819,7 +12824,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;
@@ -13276,7 +13281,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,
@@ -13291,7 +13296,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,
@@ -13319,7 +13324,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,
@@ -13336,7 +13341,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,
@@ -13445,7 +13450,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,
@@ -13458,7 +13463,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,
@@ -13483,7 +13488,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,
@@ -13496,7 +13501,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,
@@ -13601,9 +13606,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,
@@ -13763,7 +13768,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;
@@ -13774,7 +13779,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%;
 }
@@ -13822,14 +13827,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 {
@@ -13853,12 +13858,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,
@@ -14037,7 +14042,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 {
@@ -14122,7 +14127,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;
@@ -14347,7 +14352,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;
 }
@@ -14355,7 +14360,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 {
@@ -14403,7 +14408,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;
@@ -14920,7 +14925,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);
@@ -14954,7 +14959,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 {
@@ -15275,7 +15280,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;
@@ -15326,7 +15331,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   bottom: -6px;
   margin-left: -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) {
@@ -15368,7 +15373,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   top: -6px;
   margin-left: -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) {
@@ -15411,7 +15416,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) {
@@ -15453,7 +15458,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) {
@@ -15532,7 +15537,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);
@@ -15549,7 +15554,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 {
@@ -15667,13 +15672,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,
@@ -15729,7 +15734,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-uploader-file-item-icon-reupload {
   cursor: pointer;
   margin-left: 10px;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   font-size: 12px;
 }
@@ -15791,7 +15796,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;
@@ -15806,7 +15811,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;
@@ -15824,7 +15829,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;
 }
@@ -15846,7 +15851,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   font-size: 14px;
   top: 12px;
   right: 12px;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   cursor: pointer;
   padding: 0;
@@ -15912,7 +15917,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);
@@ -15921,7 +15926,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;
@@ -15988,7 +15993,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);
@@ -15996,7 +16001,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);
@@ -16014,21 +16019,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;
 }
@@ -16037,7 +16042,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;
 }
@@ -16121,7 +16126,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;
@@ -16198,7 +16203,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;
@@ -16266,7 +16271,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;
@@ -16274,14 +16279,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;
   right: 12px;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   cursor: pointer;
   height: 50px;
@@ -16354,7 +16359,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;
@@ -16420,7 +16425,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);
@@ -16660,7 +16665,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;
 }
@@ -16684,7 +16689,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 {
@@ -16889,14 +16894,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,
@@ -16906,7 +16911,7 @@ kbd.rs-text {
 }
 .rs-picker-none {
   padding: 6px 12px 12px;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
   cursor: default;
 }
@@ -16954,7 +16959,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-right: 4px !important;
 }
@@ -17007,7 +17012,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);
@@ -17072,7 +17077,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);
@@ -17080,7 +17085,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);
@@ -17108,7 +17113,7 @@ kbd.rs-text {
   border: 1px solid #0000;
   padding-left: 10px;
   padding-right: 32px;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   background-color: #fff;
   background-color: var(--rs-input-bg);
@@ -17141,7 +17146,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;
@@ -17150,21 +17155,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;
 }
@@ -17175,7 +17180,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 */
@@ -17503,7 +17508,7 @@ kbd.rs-text {
   z-index: 5;
   padding-right: 32px;
   display: inline-block;
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
   border: 1px solid #e5e5ea;
   border: 1px solid var(--rs-border-primary);
@@ -17540,7 +17545,7 @@ kbd.rs-text {
   text-align: left;
 }
 .rs-picker-toggle-label {
-  color: #575757;
+  color: #343434;
   color: var(--rs-text-primary);
 }
 .rs-picker-toggle-label::after {
@@ -17571,7 +17576,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;
@@ -17597,7 +17602,7 @@ kbd.rs-text {
   right: 12px;
   height: 20px;
   font-size: 12px;
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-picker-toggle-indicator .rs-picker-loader {
@@ -17754,7 +17759,7 @@ kbd.rs-text {
   position: relative;
 }
 .rs-search-box-icon {
-  color: #8e8e93;
+  color: #717273;
   color: var(--rs-text-secondary);
 }