npm - @databricks/design-system - Versions diffs - 1.2.0 → 1.4.0 - Mend

@databricks/design-system 1.2.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (558) hide show

package/dist/index-dark.css CHANGED Viewed

@@ -975,7 +975,7 @@ abbr[data-original-title] {
   border-radius: 4px;
   color: #ffffffd6;
   background: transparent;
-  border-color: #434343;
+  border-color: #ffffff7a;
 }
 .du-bois-dark-btn > .anticon {
   line-height: 1;
@@ -1001,7 +1001,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-lg {
   height: 40px;
   padding: 0 16px;
-  font-size: 19px;
+  font-size: 18px;
   border-radius: 4px;
 }
 .du-bois-dark-btn-sm {
@@ -1065,7 +1065,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1158,7 +1158,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-primary[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1185,13 +1185,13 @@ abbr[data-original-title] {
   border-left-color: #1d517c;
 }
 .du-bois-dark-btn-group .du-bois-dark-btn-primary:not(:first-child):not(:last-child):disabled {
-  border-color: #434343;
+  border-color: #ffffff7a;
 }
 .du-bois-dark-btn-group .du-bois-dark-btn-primary:first-child:not(:last-child) {
   border-right-color: #1d517c;
 }
 .du-bois-dark-btn-group .du-bois-dark-btn-primary:first-child:not(:last-child)[disabled] {
-  border-right-color: #434343;
+  border-right-color: #ffffff7a;
 }
 .du-bois-dark-btn-group .du-bois-dark-btn-primary:last-child:not(:first-child),
 .du-bois-dark-btn-group .du-bois-dark-btn-primary + .du-bois-dark-btn-primary {
@@ -1199,12 +1199,12 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-group .du-bois-dark-btn-primary:last-child:not(:first-child)[disabled],
 .du-bois-dark-btn-group .du-bois-dark-btn-primary + .du-bois-dark-btn-primary[disabled] {
-  border-left-color: #434343;
+  border-left-color: #ffffff7a;
 }
 .du-bois-dark-btn-ghost {
   color: #ffffffd6;
   background: transparent;
-  border-color: #434343;
+  border-color: #ffffff7a;
 }
 .du-bois-dark-btn-ghost > a:only-child {
   color: currentColor;
@@ -1261,7 +1261,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-ghost[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1286,7 +1286,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dashed {
   color: #ffffffd6;
   background: transparent;
-  border-color: #434343;
+  border-color: #ffffff7a;
   border-style: dashed;
 }
 .du-bois-dark-btn-dashed > a:only-child {
@@ -1344,7 +1344,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dashed[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1368,8 +1368,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-danger {
   color: #fff;
-  background: #CC3352;
-  border-color: #CC3352;
+  background: #f792a6d6;
+  border-color: #f792a6d6;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
@@ -1388,8 +1388,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-danger:hover,
 .du-bois-dark-btn-danger:focus {
   color: #fff;
-  background: #a62140;
-  border-color: #a62140;
+  background: #d17187;
+  border-color: #d17187;
 }
 .du-bois-dark-btn-danger:hover > a:only-child,
 .du-bois-dark-btn-danger:focus > a:only-child {
@@ -1407,8 +1407,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-danger:active {
   color: #fff;
-  background: #d9596e;
-  border-color: #d9596e;
+  background: #ffbfca;
+  border-color: #ffbfca;
 }
 .du-bois-dark-btn-danger:active > a:only-child {
   color: currentColor;
@@ -1428,7 +1428,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-danger[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1511,7 +1511,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-link[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1630,7 +1630,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-text[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1692,9 +1692,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-dangerous {
-  color: #CC3352;
+  color: #f792a6d6;
   background: transparent;
-  border-color: #CC3352;
+  border-color: #f792a6d6;
 }
 .du-bois-dark-btn-dangerous > a:only-child {
   color: currentColor;
@@ -1710,9 +1710,9 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous:hover,
 .du-bois-dark-btn-dangerous:focus {
-  color: #a62140;
+  color: #d17187;
   background: transparent;
-  border-color: #a62140;
+  border-color: #d17187;
 }
 .du-bois-dark-btn-dangerous:hover > a:only-child,
 .du-bois-dark-btn-dangerous:focus > a:only-child {
@@ -1729,9 +1729,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-dangerous:active {
-  color: #d9596e;
+  color: #ffbfca;
   background: transparent;
-  border-color: #d9596e;
+  border-color: #ffbfca;
 }
 .du-bois-dark-btn-dangerous:active > a:only-child {
   color: currentColor;
@@ -1751,7 +1751,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1775,8 +1775,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary {
   color: #fff;
-  background: #CC3352;
-  border-color: #CC3352;
+  background: #f792a6d6;
+  border-color: #f792a6d6;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
@@ -1795,8 +1795,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:hover,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:focus {
   color: #fff;
-  background: #a62140;
-  border-color: #a62140;
+  background: #d17187;
+  border-color: #d17187;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:hover > a:only-child,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:focus > a:only-child {
@@ -1814,8 +1814,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:active {
   color: #fff;
-  background: #d9596e;
-  border-color: #d9596e;
+  background: #ffbfca;
+  border-color: #ffbfca;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:active > a:only-child {
   color: currentColor;
@@ -1835,7 +1835,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1858,7 +1858,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link {
-  color: #CC3352;
+  color: #f792a6d6;
   background: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -1918,7 +1918,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1942,7 +1942,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:hover,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:focus {
-  color: #a62140;
+  color: #d17187;
   background: transparent;
   border-color: transparent;
 }
@@ -1961,7 +1961,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:active {
-  color: #d9596e;
+  color: #ffbfca;
   background: transparent;
   border-color: transparent;
 }
@@ -2006,7 +2006,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text {
-  color: #CC3352;
+  color: #f792a6d6;
   background: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -2066,7 +2066,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2090,7 +2090,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:hover,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:focus {
-  color: #a62140;
+  color: #d17187;
   background: rgba(255, 255, 255, 0.03);
   border-color: transparent;
 }
@@ -2109,7 +2109,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:active {
-  color: #d9596e;
+  color: #ffbfca;
   background: rgba(255, 255, 255, 0.04);
   border-color: transparent;
 }
@@ -2168,11 +2168,11 @@ abbr[data-original-title] {
   width: 40px;
   height: 40px;
   padding: 0 0;
-  font-size: 21px;
+  font-size: 20px;
   border-radius: 4px;
 }
 .du-bois-dark-btn-icon-only.du-bois-dark-btn-lg > * {
-  font-size: 21px;
+  font-size: 20px;
 }
 .du-bois-dark-btn-icon-only.du-bois-dark-btn-sm {
   width: 32px;
@@ -2193,7 +2193,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-round.du-bois-dark-btn-lg {
   height: 40px;
   padding: 0 20px;
-  font-size: 19px;
+  font-size: 18px;
   border-radius: 40px;
 }
 .du-bois-dark-btn-round.du-bois-dark-btn-sm {
@@ -2291,7 +2291,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-group-lg > span > .du-bois-dark-btn {
   height: 40px;
   padding: 0 16px;
-  font-size: 19px;
+  font-size: 18px;
   border-radius: 0;
 }
 .du-bois-dark-btn-group-lg .du-bois-dark-btn.du-bois-dark-btn-icon-only {
@@ -2506,7 +2506,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-primary[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2529,9 +2529,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger {
-  color: #CC3352;
+  color: #f792a6d6;
   background: transparent;
-  border-color: #CC3352;
+  border-color: #f792a6d6;
   text-shadow: none;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger > a:only-child {
@@ -2548,9 +2548,9 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:hover,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:focus {
-  color: #a62140;
+  color: #d17187;
   background: transparent;
-  border-color: #a62140;
+  border-color: #d17187;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:hover > a:only-child,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:focus > a:only-child {
@@ -2567,9 +2567,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:active {
-  color: #d9596e;
+  color: #ffbfca;
   background: transparent;
-  border-color: #d9596e;
+  border-color: #ffbfca;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:active > a:only-child {
   color: currentColor;
@@ -2589,7 +2589,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2612,9 +2612,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous {
-  color: #CC3352;
+  color: #f792a6d6;
   background: transparent;
-  border-color: #CC3352;
+  border-color: #f792a6d6;
   text-shadow: none;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous > a:only-child {
@@ -2631,9 +2631,9 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:hover,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:focus {
-  color: #a62140;
+  color: #d17187;
   background: transparent;
-  border-color: #a62140;
+  border-color: #d17187;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:hover > a:only-child,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:focus > a:only-child {
@@ -2650,9 +2650,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:active {
-  color: #d9596e;
+  color: #ffbfca;
   background: transparent;
-  border-color: #d9596e;
+  border-color: #ffbfca;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:active > a:only-child {
   color: currentColor;
@@ -2672,7 +2672,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2695,7 +2695,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link {
-  color: #CC3352;
+  color: #f792a6d6;
   background: transparent;
   border-color: transparent;
   text-shadow: none;
@@ -2714,7 +2714,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link:hover,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link:focus {
-  color: #a62140;
+  color: #d17187;
   background: transparent;
   border-color: transparent;
 }
@@ -2733,7 +2733,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link:active {
-  color: #d9596e;
+  color: #ffbfca;
   background: transparent;
   border-color: transparent;
 }
@@ -2755,7 +2755,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2809,11 +2809,11 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-btn-group-rtl.du-bois-dark-btn-group .du-bois-dark-btn-primary:last-child:not(:first-child),
 .du-bois-dark-btn-group-rtl.du-bois-dark-btn-group .du-bois-dark-btn-primary + .du-bois-dark-btn-primary {
   border-right-color: #1d517c;
-  border-left-color: #434343;
+  border-left-color: #ffffff7a;
 }
 .du-bois-dark-btn-group-rtl.du-bois-dark-btn-group .du-bois-dark-btn-primary:last-child:not(:first-child)[disabled],
 .du-bois-dark-btn-group-rtl.du-bois-dark-btn-group .du-bois-dark-btn-primary + .du-bois-dark-btn-primary[disabled] {
-  border-right-color: #434343;
+  border-right-color: #ffffff7a;
   border-left-color: #1d517c;
 }
 .du-bois-dark-btn-rtl.du-bois-dark-btn > .du-bois-dark-btn-loading-icon .anticon {
@@ -2874,25 +2874,25 @@ a.du-bois-dark-btn-sm {
   color: #34824F;
 }
 .du-bois-dark-alert-info {
-  background-color: #ffffff0a;
-  border: 1px solid #C4CDD4;
+  background-color: transparent;
+  border: 1px solid #ffffff3d;
 }
 .du-bois-dark-alert-info .du-bois-dark-alert-icon {
   color: #ffffff99;
 }
 .du-bois-dark-alert-warning {
-  background-color: #FFF9EB;
+  background-color: transparent;
   border: 1px solid #F8D4A5;
 }
 .du-bois-dark-alert-warning .du-bois-dark-alert-icon {
-  color: #93320B;
+  color: #f2be88d6;
 }
 .du-bois-dark-alert-error {
-  background-color: #2a1215;
+  background-color: transparent;
   border: 1px solid #FBD0D8;
 }
 .du-bois-dark-alert-error .du-bois-dark-alert-icon {
-  color: #CC3352;
+  color: #f792a6d6;
 }
 .du-bois-dark-alert-error .du-bois-dark-alert-description > pre {
   margin: 0;
@@ -2905,8 +2905,8 @@ a.du-bois-dark-btn-sm {
   margin-left: 8px;
   padding: 0;
   overflow: hidden;
-  font-size: 11px;
-  line-height: 11px;
+  font-size: 12px;
+  line-height: 12px;
   background-color: transparent;
   border: none;
   outline: none;
@@ -2941,7 +2941,7 @@ a.du-bois-dark-btn-sm {
   display: block;
   margin-bottom: 4px;
   color: inherit;
-  font-size: 19px;
+  font-size: 18px;
 }
 .du-bois-dark-alert-message {
   color: inherit;
@@ -3054,7 +3054,7 @@ a.du-bois-dark-btn-sm {
   height: 16px;
   direction: ltr;
   background-color: transparent;
-  border: 1px solid #434343;
+  border: 1px solid #ffffff7a;
   border-radius: 4px;
   border-collapse: separate;
   transition: all 0.3s;
@@ -3113,7 +3113,7 @@ a.du-bois-dark-btn-sm {
 }
 .du-bois-dark-checkbox-disabled .du-bois-dark-checkbox-inner {
   background-color: rgba(255, 255, 255, 0.08);
-  border-color: #434343 !important;
+  border-color: #ffffff7a !important;
 }
 .du-bois-dark-checkbox-disabled .du-bois-dark-checkbox-inner::after {
   border-color: rgba(255, 255, 255, 0.08);
@@ -3182,7 +3182,7 @@ a.du-bois-dark-btn-sm {
 }
 .du-bois-dark-checkbox-indeterminate .du-bois-dark-checkbox-inner {
   background-color: transparent;
-  border-color: #434343;
+  border-color: #ffffff7a;
 }
 .du-bois-dark-checkbox-indeterminate .du-bois-dark-checkbox-inner::after {
   top: 50%;
@@ -3396,7 +3396,7 @@ a.du-bois-dark-btn-sm {
 }
 .du-bois-dark-select-multiple.du-bois-dark-select-show-arrow .du-bois-dark-select-selector,
 .du-bois-dark-select-multiple.du-bois-dark-select-allow-clear .du-bois-dark-select-selector {
-  padding-right: 19px;
+  padding-right: 20px;
 }
 .du-bois-dark-select-multiple .du-bois-dark-select-selection-item {
   position: relative;
@@ -3565,7 +3565,7 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-select:not(.du-bois-dark-select-customize-input) .du-bois-dark-select-selector {
   position: relative;
   background-color: transparent;
-  border: 1px solid #434343;
+  border: 1px solid #ffffff7a;
   border-radius: 4px;
   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
@@ -3650,11 +3650,11 @@ a.du-bois-dark-btn-sm {
   position: absolute;
   top: 50%;
   right: 7px;
-  width: 11px;
-  height: 11px;
-  margin-top: -5.5px;
+  width: 12px;
+  height: 12px;
+  margin-top: -6px;
   color: rgba(255, 255, 255, 0.3);
-  font-size: 11px;
+  font-size: 12px;
   line-height: 1;
   text-align: center;
   pointer-events: none;
@@ -3690,11 +3690,11 @@ a.du-bois-dark-btn-sm {
   right: 7px;
   z-index: 1;
   display: inline-block;
-  width: 11px;
-  height: 11px;
-  margin-top: -5.5px;
+  width: 12px;
+  height: 12px;
+  margin-top: -6px;
   color: rgba(255, 255, 255, 0.3);
-  font-size: 11px;
+  font-size: 12px;
   font-style: normal;
   line-height: 1;
   text-align: center;
@@ -3781,7 +3781,7 @@ a.du-bois-dark-btn-sm {
 }
 .du-bois-dark-select-item-group {
   color: #ffffff99;
-  font-size: 11px;
+  font-size: 12px;
   cursor: default;
 }
 .du-bois-dark-select-item-option {
@@ -3818,7 +3818,7 @@ a.du-bois-dark-btn-sm {
   padding-left: 16px;
 }
 .du-bois-dark-select-lg {
-  font-size: 19px;
+  font-size: 18px;
 }
 .du-bois-dark-select-borderless .du-bois-dark-select-selector {
   background-color: transparent !important;
@@ -3846,7 +3846,7 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-select-rtl.du-bois-dark-select-multiple.du-bois-dark-select-show-arrow .du-bois-dark-select-selector,
 .du-bois-dark-select-rtl.du-bois-dark-select-multiple.du-bois-dark-select-allow-clear .du-bois-dark-select-selector {
   padding-right: 3px;
-  padding-left: 19px;
+  padding-left: 20px;
 }
 .du-bois-dark-select-rtl.du-bois-dark-select-multiple .du-bois-dark-select-selection-item {
   text-align: right;
@@ -3987,12 +3987,12 @@ a.du-bois-dark-btn-sm {
   list-style: none;
   font-feature-settings: tnum;
   background-color: rgba(255, 255, 255, 0.04);
-  border: 1px solid #434343;
+  border: 1px solid #ffffff7a;
   border-bottom: 0;
   border-radius: 4px;
 }
 .du-bois-dark-collapse > .du-bois-dark-collapse-item {
-  border-bottom: 1px solid #434343;
+  border-bottom: 1px solid #ffffff7a;
 }
 .du-bois-dark-collapse > .du-bois-dark-collapse-item:last-child,
 .du-bois-dark-collapse > .du-bois-dark-collapse-item:last-child > .du-bois-dark-collapse-header {
@@ -4018,7 +4018,7 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-collapse > .du-bois-dark-collapse-item > .du-bois-dark-collapse-header .du-bois-dark-collapse-arrow {
   display: inline-block;
   margin-right: 12px;
-  font-size: 11px;
+  font-size: 12px;
   vertical-align: -1px;
 }
 .du-bois-dark-collapse > .du-bois-dark-collapse-item > .du-bois-dark-collapse-header .du-bois-dark-collapse-arrow svg {
@@ -4054,7 +4054,7 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-collapse-content {
   color: #ffffffd6;
   background-color: #141414;
-  border-top: 1px solid #434343;
+  border-top: 1px solid #ffffff7a;
 }
 .du-bois-dark-collapse-content > .du-bois-dark-collapse-content-box {
   padding: 8px;
@@ -4070,7 +4070,7 @@ a.du-bois-dark-btn-sm {
   border: 0;
 }
 .du-bois-dark-collapse-borderless > .du-bois-dark-collapse-item {
-  border-bottom: 1px solid #434343;
+  border-bottom: 1px solid #ffffff7a;
 }
 .du-bois-dark-collapse-borderless > .du-bois-dark-collapse-item:last-child,
 .du-bois-dark-collapse-borderless > .du-bois-dark-collapse-item:last-child .du-bois-dark-collapse-header {
@@ -4143,7 +4143,7 @@ a.du-bois-dark-btn-sm {
   display: inline-flex;
   align-items: center;
   background: transparent;
-  border: 1px solid #434343;
+  border: 1px solid #ffffff7a;
   border-radius: 4px;
   transition: border 0.3s, box-shadow 0.3s;
 }
@@ -4160,7 +4160,7 @@ a.du-bois-dark-btn-sm {
 }
 .du-bois-dark-picker.du-bois-dark-picker-disabled {
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   cursor: not-allowed;
 }
 .du-bois-dark-picker.du-bois-dark-picker-disabled .du-bois-dark-picker-suffix {
@@ -4188,7 +4188,7 @@ a.du-bois-dark-btn-sm {
   line-height: 20px;
   background-color: transparent;
   background-image: none;
-  border: 1px solid #434343;
+  border: 1px solid #ffffff7a;
   border-radius: 4px;
   transition: all 0.3s;
   flex: auto;
@@ -4225,7 +4225,7 @@ a.du-bois-dark-btn-sm {
   opacity: 1;
 }
 .du-bois-dark-picker-input > input-disabled:hover {
-  border-color: #434343;
+  border-color: #ffffff7a;
   border-right-width: 1px !important;
 }
 .du-bois-dark-picker-input > input[disabled] {
@@ -4235,7 +4235,7 @@ a.du-bois-dark-btn-sm {
   opacity: 1;
 }
 .du-bois-dark-picker-input > input[disabled]:hover {
-  border-color: #434343;
+  border-color: #ffffff7a;
   border-right-width: 1px !important;
 }
 .du-bois-dark-picker-input > input-borderless,
@@ -4257,8 +4257,8 @@ textarea.du-bois-dark-picker-input > input {
   transition: all 0.3s, height 0s;
 }
 .du-bois-dark-picker-input > input-lg {
-  padding: -171px 7px;
-  font-size: 19px;
+  padding: -161px 7px;
+  font-size: 18px;
 }
 .du-bois-dark-picker-input > input-sm {
   padding: 0 3px;
@@ -4279,7 +4279,7 @@ textarea.du-bois-dark-picker-input > input {
   padding: 0 7px 0;
 }
 .du-bois-dark-picker-large .du-bois-dark-picker-input > input {
-  font-size: 19px;
+  font-size: 18px;
 }
 .du-bois-dark-picker-small {
   padding: 0 3px 0;
@@ -4316,9 +4316,9 @@ textarea.du-bois-dark-picker-input > input {
   position: relative;
   display: inline-block;
   width: 1em;
-  height: 19px;
+  height: 18px;
   color: rgba(255, 255, 255, 0.3);
-  font-size: 19px;
+  font-size: 18px;
   vertical-align: top;
   cursor: default;
 }
@@ -5145,11 +5145,11 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
   height: auto;
   margin-right: 8px;
   padding: 0 7px;
-  font-size: 11px;
+  font-size: 12px;
   line-height: 20px;
   white-space: nowrap;
   background: rgba(255, 255, 255, 0.04);
-  border: 1px solid #434343;
+  border: 1px solid #ffffff7a;
   border-radius: 4px;
   opacity: 1;
   transition: all 0.3s;
@@ -5383,11 +5383,11 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 .du-bois-dark-dropdown-menu-item.du-bois-dark-dropdown-menu-item-danger {
-  color: #CC3352;
+  color: #f792a6d6;
 }
 .du-bois-dark-dropdown-menu-item.du-bois-dark-dropdown-menu-item-danger:hover {
   color: #fff;
-  background-color: #CC3352;
+  background-color: #f792a6d6;
 }
 .du-bois-dark-dropdown {
   box-sizing: border-box;
@@ -5533,7 +5533,7 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
 .du-bois-dark-dropdown-menu-item-icon {
   min-width: 12px;
   margin-right: 8px;
-  font-size: 11px;
+  font-size: 12px;
 }
 .du-bois-dark-dropdown-menu-title-content {
   flex: auto;
@@ -5616,7 +5616,7 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
   list-style: none;
 }
 .du-bois-dark-dropdown-menu-submenu-title {
-  padding-right: 19px;
+  padding-right: 20px;
 }
 .du-bois-dark-dropdown-menu-submenu-vertical {
   position: relative;
@@ -5751,7 +5751,7 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
 }
 .du-bois-dark-dropdown-rtl .du-bois-dark-dropdown-menu-submenu-title {
   padding-right: 8px;
-  padding-left: 19px;
+  padding-left: 20px;
 }
 .du-bois-dark-dropdown-rtl .du-bois-dark-dropdown-menu-submenu-vertical > .du-bois-dark-dropdown-menu {
   right: 100%;
@@ -5993,7 +5993,7 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
   /* To support leave along ErrorList. We add additional className to handle explain style */
 }
 .du-bois-dark-form-item-explain.du-bois-dark-form-item-explain-error {
-  color: #CC3352;
+  color: #f792a6d6;
 }
 .du-bois-dark-form-item-explain.du-bois-dark-form-item-explain-warning {
   color: #AF5B23;
@@ -6133,54 +6133,54 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
   box-shadow: 0 0 0 2px rgba(175, 91, 35, 0.2);
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-form-item-split {
-  color: #CC3352;
+  color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled).du-bois-dark-input,
 .du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper,
 .du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled).du-bois-dark-input:hover,
 .du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper:hover {
   background-color: transparent;
-  border-color: #CC3352;
+  border-color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled).du-bois-dark-input:focus,
 .du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper:focus,
 .du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled).du-bois-dark-input-focused,
 .du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper-focused {
-  border-color: #CC3352;
+  border-color: #f792a6d6;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(204, 51, 82, 0.2);
+  box-shadow: 0 0 0 2px rgba(247, 146, 166, 0.2);
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-calendar-picker-open .du-bois-dark-calendar-picker-input {
-  border-color: #CC3352;
+  border-color: #f792a6d6;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(204, 51, 82, 0.2);
+  box-shadow: 0 0 0 2px rgba(247, 146, 166, 0.2);
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-input-prefix {
-  color: #CC3352;
+  color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-input-group-addon {
-  color: #CC3352;
-  border-color: #CC3352;
+  color: #f792a6d6;
+  border-color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error .has-feedback {
-  color: #CC3352;
+  color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error.du-bois-dark-form-item-has-feedback .du-bois-dark-form-item-children-icon {
-  color: #CC3352;
+  color: #f792a6d6;
   animation-name: diffZoomIn2 !important;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-select:not(.du-bois-dark-select-disabled):not(.du-bois-dark-select-customize-input) .du-bois-dark-select-selector {
   background-color: transparent;
-  border-color: #CC3352 !important;
+  border-color: #f792a6d6 !important;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-select:not(.du-bois-dark-select-disabled):not(.du-bois-dark-select-customize-input).du-bois-dark-select-open .du-bois-dark-select-selector,
 .du-bois-dark-form-item-has-error .du-bois-dark-select:not(.du-bois-dark-select-disabled):not(.du-bois-dark-select-customize-input).du-bois-dark-select-focused .du-bois-dark-select-selector {
-  border-color: #CC3352;
+  border-color: #f792a6d6;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(204, 51, 82, 0.2);
+  box-shadow: 0 0 0 2px rgba(247, 146, 166, 0.2);
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-input-group-addon .du-bois-dark-select.du-bois-dark-select-single:not(.du-bois-dark-select-customize-input) .du-bois-dark-select-selector {
   background-color: inherit;
@@ -6188,54 +6188,54 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
   box-shadow: none;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-select.du-bois-dark-select-auto-complete .du-bois-dark-input:focus {
-  border-color: #CC3352;
+  border-color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-input-number,
 .du-bois-dark-form-item-has-error .du-bois-dark-picker {
   background-color: transparent;
-  border-color: #CC3352;
+  border-color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-input-number-focused,
 .du-bois-dark-form-item-has-error .du-bois-dark-picker-focused,
 .du-bois-dark-form-item-has-error .du-bois-dark-input-number:focus,
 .du-bois-dark-form-item-has-error .du-bois-dark-picker:focus {
-  border-color: #CC3352;
+  border-color: #f792a6d6;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(204, 51, 82, 0.2);
+  box-shadow: 0 0 0 2px rgba(247, 146, 166, 0.2);
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-input-number:not([disabled]):hover,
 .du-bois-dark-form-item-has-error .du-bois-dark-picker:not([disabled]):hover {
   background-color: transparent;
-  border-color: #CC3352;
+  border-color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-mention-wrapper .du-bois-dark-mention-editor,
 .du-bois-dark-form-item-has-error .du-bois-dark-mention-wrapper .du-bois-dark-mention-editor:not([disabled]):hover {
   background-color: transparent;
-  border-color: #CC3352;
+  border-color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-mention-wrapper.du-bois-dark-mention-active:not([disabled]) .du-bois-dark-mention-editor,
 .du-bois-dark-form-item-has-error .du-bois-dark-mention-wrapper .du-bois-dark-mention-editor:not([disabled]):focus {
-  border-color: #CC3352;
+  border-color: #f792a6d6;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(204, 51, 82, 0.2);
+  box-shadow: 0 0 0 2px rgba(247, 146, 166, 0.2);
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-cascader-picker:hover .du-bois-dark-cascader-picker-label:hover + .du-bois-dark-cascader-input.du-bois-dark-input {
-  border-color: #CC3352;
+  border-color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-cascader-picker:focus .du-bois-dark-cascader-input {
   background-color: transparent;
-  border-color: #CC3352;
+  border-color: #f792a6d6;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(204, 51, 82, 0.2);
+  box-shadow: 0 0 0 2px rgba(247, 146, 166, 0.2);
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-transfer-list {
-  border-color: #CC3352;
+  border-color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-transfer-list-search:not([disabled]) {
-  border-color: #434343;
+  border-color: #ffffff7a;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-transfer-list-search:not([disabled]):hover {
   border-color: #1d517c;
@@ -6248,10 +6248,10 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
   box-shadow: 0 0 0 2px rgba(34, 114, 180, 0.2);
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-radio-button-wrapper {
-  border-color: #CC3352 !important;
+  border-color: #f792a6d6 !important;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-radio-button-wrapper:not(:first-child)::before {
-  background-color: #CC3352;
+  background-color: #f792a6d6;
 }
 .du-bois-dark-form-item-is-validating.du-bois-dark-form-item-has-feedback .du-bois-dark-form-item-children-icon {
   display: inline-block;
@@ -6274,10 +6274,10 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
   margin-bottom: 20px;
   padding: 0;
   color: #ffffff99;
-  font-size: 19px;
+  font-size: 18px;
   line-height: inherit;
   border: 0;
-  border-bottom: 1px solid #434343;
+  border-bottom: 1px solid #ffffff7a;
 }
 .du-bois-dark-form label {
   font-size: 13px;
@@ -12047,7 +12047,7 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
   line-height: 20px;
   background-color: transparent;
   background-image: none;
-  border: 1px solid #434343;
+  border: 1px solid #ffffff7a;
   border-radius: 4px;
   transition: all 0.3s;
   display: inline-flex;
@@ -12088,7 +12088,7 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
   opacity: 1;
 }
 .du-bois-dark-input-affix-wrapper-disabled:hover {
-  border-color: #434343;
+  border-color: #ffffff7a;
   border-right-width: 1px !important;
 }
 .du-bois-dark-input-affix-wrapper[disabled] {
@@ -12098,7 +12098,7 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
   opacity: 1;
 }
 .du-bois-dark-input-affix-wrapper[disabled]:hover {
-  border-color: #434343;
+  border-color: #ffffff7a;
   border-right-width: 1px !important;
 }
 .du-bois-dark-input-affix-wrapper-borderless,
@@ -12120,8 +12120,8 @@ textarea.du-bois-dark-input-affix-wrapper {
   transition: all 0.3s, height 0s;
 }
 .du-bois-dark-input-affix-wrapper-lg {
-  padding: -171px 7px;
-  font-size: 19px;
+  padding: -161px 7px;
+  font-size: 18px;
 }
 .du-bois-dark-input-affix-wrapper-sm {
   padding: 0 3px;
@@ -12176,7 +12176,7 @@ textarea.du-bois-dark-input-affix-wrapper {
 .anticon.du-bois-dark-input-clear-icon {
   margin: 0 4px;
   color: rgba(255, 255, 255, 0.3);
-  font-size: 11px;
+  font-size: 12px;
   vertical-align: -1px;
   cursor: pointer;
   transition: color 0.3s;
@@ -12220,7 +12220,7 @@ textarea.du-bois-dark-input-affix-wrapper {
   line-height: 20px;
   background-color: transparent;
   background-image: none;
-  border: 1px solid #434343;
+  border: 1px solid #ffffff7a;
   border-radius: 4px;
   transition: all 0.3s;
 }
@@ -12260,7 +12260,7 @@ textarea.du-bois-dark-input-affix-wrapper {
   opacity: 1;
 }
 .du-bois-dark-input-disabled:hover {
-  border-color: #434343;
+  border-color: #ffffff7a;
   border-right-width: 1px !important;
 }
 .du-bois-dark-input[disabled] {
@@ -12270,7 +12270,7 @@ textarea.du-bois-dark-input-affix-wrapper {
   opacity: 1;
 }
 .du-bois-dark-input[disabled]:hover {
-  border-color: #434343;
+  border-color: #ffffff7a;
   border-right-width: 1px !important;
 }
 .du-bois-dark-input-borderless,
@@ -12292,8 +12292,8 @@ textarea.du-bois-dark-input {
   transition: all 0.3s, height 0s;
 }
 .du-bois-dark-input-lg {
-  padding: -171px 7px;
-  font-size: 19px;
+  padding: -161px 7px;
+  font-size: 18px;
 }
 .du-bois-dark-input-sm {
   padding: 0 3px;
@@ -12372,7 +12372,7 @@ textarea.du-bois-dark-input {
   font-size: 13px;
   text-align: center;
   background-color: rgba(255, 255, 255, 0.04);
-  border: 1px solid #434343;
+  border: 1px solid #ffffff7a;
   border-radius: 4px;
   transition: all 0.3s;
 }
@@ -12433,8 +12433,8 @@ textarea.du-bois-dark-input {
 }
 .du-bois-dark-input-group-lg .du-bois-dark-input,
 .du-bois-dark-input-group-lg > .du-bois-dark-input-group-addon {
-  padding: -171px 7px;
-  font-size: 19px;
+  padding: -161px 7px;
+  font-size: 18px;
 }
 .du-bois-dark-input-group-sm .du-bois-dark-input,
 .du-bois-dark-input-group-sm > .du-bois-dark-input-group-addon {
@@ -12564,12 +12564,12 @@ textarea.du-bois-dark-input {
   border-radius: 0 4px 4px 0;
 }
 .du-bois-dark-input-group-rtl .du-bois-dark-input-group-addon:first-child {
-  border-right: 1px solid #434343;
+  border-right: 1px solid #ffffff7a;
   border-left: 0;
 }
 .du-bois-dark-input-group-rtl .du-bois-dark-input-group-addon:last-child {
   border-right: 0;
-  border-left: 1px solid #434343;
+  border-left: 1px solid #ffffff7a;
 }
 .du-bois-dark-input-group-rtl.du-bois-dark-input-group > .du-bois-dark-input:last-child,
 .du-bois-dark-input-group-rtl.du-bois-dark-input-group-addon:last-child {
@@ -12721,7 +12721,7 @@ textarea.du-bois-dark-input {
 .du-bois-dark-input-search-rtl .du-bois-dark-input:hover + .du-bois-dark-input-group-addon .du-bois-dark-input-search-button:not(.du-bois-dark-btn-primary),
 .du-bois-dark-input-search-rtl .du-bois-dark-input:focus + .du-bois-dark-input-group-addon .du-bois-dark-input-search-button:not(.du-bois-dark-btn-primary) {
   border-right-color: #1d517c;
-  border-left-color: #434343;
+  border-left-color: #ffffff7a;
 }
 .du-bois-dark-input-search-rtl > .du-bois-dark-input-group > .du-bois-dark-input-affix-wrapper:hover,
 .du-bois-dark-input-search-rtl > .du-bois-dark-input-group > .du-bois-dark-input-affix-wrapper-focused {
@@ -12762,7 +12762,7 @@ textarea.du-bois-dark-input {
   flex-direction: column;
   /* fix firefox can't set height smaller than content on flex item */
   min-height: 0;
-  background: #20272E;
+  background: #1F272D;
 }
 .du-bois-dark-layout,
 .du-bois-dark-layout * {
@@ -12790,7 +12790,7 @@ textarea.du-bois-dark-input {
   padding: 24px 50px;
   color: #ffffffd6;
   font-size: 13px;
-  background: #20272E;
+  background: #1F272D;
 }
 .du-bois-dark-layout-content {
   flex: auto;
@@ -12889,36 +12889,36 @@ textarea.du-bois-dark-input {
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 .du-bois-dark-menu-item-danger.du-bois-dark-menu-item {
-  color: #CC3352;
+  color: #f792a6d6;
 }
 .du-bois-dark-menu-item-danger.du-bois-dark-menu-item:hover,
 .du-bois-dark-menu-item-danger.du-bois-dark-menu-item-active {
-  color: #CC3352;
+  color: #f792a6d6;
 }
 .du-bois-dark-menu-item-danger.du-bois-dark-menu-item:active {
   background: #2a1215;
 }
 .du-bois-dark-menu-item-danger.du-bois-dark-menu-item-selected {
-  color: #CC3352;
+  color: #f792a6d6;
 }
 .du-bois-dark-menu-item-danger.du-bois-dark-menu-item-selected > a,
 .du-bois-dark-menu-item-danger.du-bois-dark-menu-item-selected > a:hover {
-  color: #CC3352;
+  color: #f792a6d6;
 }
 .du-bois-dark-menu:not(.du-bois-dark-menu-horizontal) .du-bois-dark-menu-item-danger.du-bois-dark-menu-item-selected {
   background-color: #2a1215;
 }
 .du-bois-dark-menu-inline .du-bois-dark-menu-item-danger.du-bois-dark-menu-item::after {
-  border-right-color: #CC3352;
+  border-right-color: #f792a6d6;
 }
 .du-bois-dark-menu-dark .du-bois-dark-menu-item-danger.du-bois-dark-menu-item,
 .du-bois-dark-menu-dark .du-bois-dark-menu-item-danger.du-bois-dark-menu-item:hover,
 .du-bois-dark-menu-dark .du-bois-dark-menu-item-danger.du-bois-dark-menu-item > a {
-  color: #CC3352;
+  color: #f792a6d6;
 }
 .du-bois-dark-menu-dark.du-bois-dark-menu-dark:not(.du-bois-dark-menu-horizontal) .du-bois-dark-menu-item-danger.du-bois-dark-menu-item-selected {
   color: #fff;
-  background-color: #CC3352;
+  background-color: #f792a6d6;
 }
 .du-bois-dark-menu {
   box-sizing: border-box;
@@ -13404,7 +13404,7 @@ textarea.du-bois-dark-input {
 .du-bois-dark-menu.du-bois-dark-menu-inline-collapsed > .du-bois-dark-menu-item-group > .du-bois-dark-menu-item-group-list > .du-bois-dark-menu-submenu > .du-bois-dark-menu-submenu-title,
 .du-bois-dark-menu.du-bois-dark-menu-inline-collapsed > .du-bois-dark-menu-submenu > .du-bois-dark-menu-submenu-title {
   left: 0;
-  padding: 0 calc(50% - 19px / 2);
+  padding: 0 calc(50% - 18px / 2);
   text-overflow: clip;
 }
 .du-bois-dark-menu.du-bois-dark-menu-inline-collapsed > .du-bois-dark-menu-item .du-bois-dark-menu-submenu-arrow,
@@ -13422,7 +13422,7 @@ textarea.du-bois-dark-input {
 .du-bois-dark-menu.du-bois-dark-menu-inline-collapsed > .du-bois-dark-menu-item-group > .du-bois-dark-menu-item-group-list > .du-bois-dark-menu-submenu > .du-bois-dark-menu-submenu-title .anticon,
 .du-bois-dark-menu.du-bois-dark-menu-inline-collapsed > .du-bois-dark-menu-submenu > .du-bois-dark-menu-submenu-title .anticon {
   margin: 0;
-  font-size: 19px;
+  font-size: 18px;
   line-height: 40px;
 }
 .du-bois-dark-menu.du-bois-dark-menu-inline-collapsed > .du-bois-dark-menu-item .du-bois-dark-menu-item-icon + span,
@@ -13473,7 +13473,7 @@ textarea.du-bois-dark-input {
 }
 .du-bois-dark-menu-root.du-bois-dark-menu-inline-collapsed .du-bois-dark-menu-item > .du-bois-dark-menu-inline-collapsed-noicon,
 .du-bois-dark-menu-root.du-bois-dark-menu-inline-collapsed .du-bois-dark-menu-submenu .du-bois-dark-menu-submenu-title > .du-bois-dark-menu-inline-collapsed-noicon {
-  font-size: 19px;
+  font-size: 18px;
   text-align: center;
 }
 .du-bois-dark-menu-sub.du-bois-dark-menu-inline {
@@ -13780,7 +13780,7 @@ textarea.du-bois-dark-input {
   padding-left: 34px;
 }
 .du-bois-dark-menu-rtl.du-bois-dark-menu-inline-collapsed.du-bois-dark-menu-vertical .du-bois-dark-menu-submenu-title {
-  padding: 0 calc(50% - 19px / 2);
+  padding: 0 calc(50% - 18px / 2);
 }
 .du-bois-dark-menu-rtl .du-bois-dark-menu-item-group-list .du-bois-dark-menu-item,
 .du-bois-dark-menu-rtl .du-bois-dark-menu-item-group-list .du-bois-dark-menu-submenu-title {
@@ -13856,7 +13856,7 @@ textarea.du-bois-dark-input {
   margin: 0;
   color: rgba(255, 255, 255, 0.85);
   font-weight: 500;
-  font-size: 19px;
+  font-size: 18px;
   line-height: 22px;
   word-wrap: break-word;
 }
@@ -13889,7 +13889,7 @@ textarea.du-bois-dark-input {
   display: block;
   width: 102px;
   height: 102px;
-  font-size: 19px;
+  font-size: 18px;
   font-style: normal;
   line-height: 102px;
   text-align: center;
@@ -13973,7 +13973,7 @@ textarea.du-bois-dark-input {
   overflow: hidden;
   color: rgba(255, 255, 255, 0.85);
   font-weight: 500;
-  font-size: 19px;
+  font-size: 18px;
   line-height: 1.4;
 }
 .du-bois-dark-modal-confirm-body .du-bois-dark-modal-confirm-content {
@@ -13998,7 +13998,7 @@ textarea.du-bois-dark-input {
   margin-left: 8px;
 }
 .du-bois-dark-modal-confirm-error .du-bois-dark-modal-confirm-body > .anticon {
-  color: #CC3352;
+  color: #f792a6d6;
 }
 .du-bois-dark-modal-confirm-warning .du-bois-dark-modal-confirm-body > .anticon,
 .du-bois-dark-modal-confirm-confirm .du-bois-dark-modal-confirm-body > .anticon {
@@ -14294,7 +14294,7 @@ textarea.du-bois-dark-input {
 .du-bois-dark-notification-notice-message {
   margin-bottom: 8px;
   color: rgba(255, 255, 255, 0.85);
-  font-size: 19px;
+  font-size: 18px;
   line-height: 24px;
 }
 .du-bois-dark-notification-notice-message-single-line-auto-margin {
@@ -14317,7 +14317,7 @@ textarea.du-bois-dark-input {
 .du-bois-dark-notification-notice-with-icon .du-bois-dark-notification-notice-message {
   margin-bottom: 4px;
   margin-left: 48px;
-  font-size: 19px;
+  font-size: 18px;
 }
 .du-bois-dark-notification-notice-with-icon .du-bois-dark-notification-notice-description {
   margin-left: 48px;
@@ -14339,7 +14339,7 @@ textarea.du-bois-dark-input {
   color: #AF5B23;
 }
 .anticon.du-bois-dark-notification-notice-icon-error {
-  color: #CC3352;
+  color: #f792a6d6;
 }
 .du-bois-dark-notification-notice-close {
   position: absolute;
@@ -14848,7 +14848,7 @@ textarea.du-bois-dark-input {
   width: 16px;
   height: 16px;
   background-color: transparent;
-  border-color: #434343;
+  border-color: #ffffff7a;
   border-style: solid;
   border-width: 1px;
   border-radius: 50%;
@@ -14893,7 +14893,7 @@ textarea.du-bois-dark-input {
 }
 .du-bois-dark-radio-disabled .du-bois-dark-radio-inner {
   background-color: rgba(255, 255, 255, 0.08);
-  border-color: #434343 !important;
+  border-color: #ffffff7a !important;
   cursor: not-allowed;
 }
 .du-bois-dark-radio-disabled .du-bois-dark-radio-inner::after {
@@ -14920,7 +14920,7 @@ span.du-bois-dark-radio + * {
   font-size: 13px;
   line-height: 38px;
   background: transparent;
-  border: 1px solid #434343;
+  border: 1px solid #ffffff7a;
   border-top-width: 1.02px;
   border-left-width: 0;
   cursor: pointer;
@@ -14939,7 +14939,7 @@ span.du-bois-dark-radio + * {
 }
 .du-bois-dark-radio-group-large .du-bois-dark-radio-button-wrapper {
   height: 40px;
-  font-size: 19px;
+  font-size: 18px;
   line-height: 38px;
 }
 .du-bois-dark-radio-group-small .du-bois-dark-radio-button-wrapper {
@@ -14956,12 +14956,12 @@ span.du-bois-dark-radio + * {
   width: 1px;
   height: 100%;
   padding: 1px 0;
-  background-color: #434343;
+  background-color: #ffffff7a;
   transition: background-color 0.3s;
   content: '';
 }
 .du-bois-dark-radio-button-wrapper:first-child {
-  border-left: 1px solid #434343;
+  border-left: 1px solid #ffffff7a;
   border-radius: 4px 0 0 4px;
 }
 .du-bois-dark-radio-button-wrapper:last-child {
@@ -15035,22 +15035,22 @@ span.du-bois-dark-radio + * {
 .du-bois-dark-radio-button-wrapper-disabled {
   color: rgba(255, 255, 255, 0.3);
   background-color: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   cursor: not-allowed;
 }
 .du-bois-dark-radio-button-wrapper-disabled:first-child,
 .du-bois-dark-radio-button-wrapper-disabled:hover {
   color: rgba(255, 255, 255, 0.3);
   background-color: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
 }
 .du-bois-dark-radio-button-wrapper-disabled:first-child {
-  border-left-color: #434343;
+  border-left-color: #ffffff7a;
 }
 .du-bois-dark-radio-button-wrapper-disabled.du-bois-dark-radio-button-wrapper-checked {
   color: rgba(255, 255, 255, 0.3);
   background-color: rgba(255, 255, 255, 0.2);
-  border-color: #434343;
+  border-color: #ffffff7a;
   box-shadow: none;
 }
 @keyframes antRadioEffect {
@@ -15080,7 +15080,7 @@ span.du-bois-dark-radio + * {
   left: 0;
 }
 .du-bois-dark-radio-button-wrapper.du-bois-dark-radio-button-wrapper-rtl.du-bois-dark-radio-button-wrapper:first-child {
-  border-right: 1px solid #434343;
+  border-right: 1px solid #ffffff7a;
   border-radius: 0 4px 4px 0;
 }
 .du-bois-dark-radio-button-wrapper-checked:not([class*=' du-bois-dark-radio-button-wrapper-disabled']).du-bois-dark-radio-button-wrapper:first-child {
@@ -15090,7 +15090,7 @@ span.du-bois-dark-radio + * {
   border-radius: 4px 0 0 4px;
 }
 .du-bois-dark-radio-button-wrapper.du-bois-dark-radio-button-wrapper-rtl.du-bois-dark-radio-button-wrapper-disabled:first-child {
-  border-right-color: #434343;
+  border-right-color: #ffffff7a;
 }
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
@@ -15406,7 +15406,7 @@ span.du-bois-dark-radio + * {
   margin: -12px -8px;
 }
 .du-bois-dark-table.du-bois-dark-table-middle .du-bois-dark-table-tbody .du-bois-dark-table-wrapper:only-child .du-bois-dark-table {
-  margin: -12px -8px -12px 24px;
+  margin: -12px -8px -12px 25px;
 }
 .du-bois-dark-table.du-bois-dark-table-small {
   font-size: 13px;
@@ -15426,7 +15426,7 @@ span.du-bois-dark-radio + * {
   margin: -8px -8px;
 }
 .du-bois-dark-table.du-bois-dark-table-small .du-bois-dark-table-tbody .du-bois-dark-table-wrapper:only-child .du-bois-dark-table {
-  margin: -8px -8px -8px 24px;
+  margin: -8px -8px -8px 25px;
 }
 .du-bois-dark-table-small .du-bois-dark-table-thead > tr > th {
   background-color: #1d1d1d;
@@ -15632,7 +15632,7 @@ span.du-bois-dark-radio + * {
 }
 .du-bois-dark-table-tbody > tr > td > .du-bois-dark-table-wrapper:only-child .du-bois-dark-table,
 .du-bois-dark-table-tbody > tr > td > .du-bois-dark-table-expanded-row-fixed > .du-bois-dark-table-wrapper:only-child .du-bois-dark-table {
-  margin: -16px -16px -16px 32px;
+  margin: -16px -16px -16px 33px;
 }
 .du-bois-dark-table-tbody > tr > td > .du-bois-dark-table-wrapper:only-child .du-bois-dark-table-tbody > tr:last-child > td,
 .du-bois-dark-table-tbody > tr > td > .du-bois-dark-table-expanded-row-fixed > .du-bois-dark-table-wrapper:only-child .du-bois-dark-table-tbody > tr:last-child > td {
@@ -15765,7 +15765,7 @@ td.du-bois-dark-table-column-sort {
   margin: -4px -8px -4px 4px;
   padding: 0 4px;
   color: #bfbfbf;
-  font-size: 11px;
+  font-size: 12px;
   border-radius: 4px;
   cursor: pointer;
   transition: all 0.3s;
@@ -16119,7 +16119,7 @@ tr.du-bois-dark-table-expanded-row .du-bois-dark-descriptions-view table {
   text-align: right;
 }
 .du-bois-dark-table-tbody > tr .du-bois-dark-table-wrapper:only-child .du-bois-dark-table.du-bois-dark-table-rtl {
-  margin: -16px 32px -16px -16px;
+  margin: -16px 33px -16px -16px;
 }
 .du-bois-dark-table-wrapper.du-bois-dark-table-wrapper-rtl .du-bois-dark-table-pagination-left {
   justify-content: flex-end;
@@ -16412,7 +16412,7 @@ tr.du-bois-dark-table-expanded-row .du-bois-dark-descriptions-view table {
   vertical-align: middle;
   list-style: none;
   background-color: transparent;
-  border: 1px solid #434343;
+  border: 1px solid #ffffff7a;
   border-radius: 4px;
   outline: 0;
   cursor: pointer;
@@ -16463,7 +16463,7 @@ tr.du-bois-dark-table-expanded-row .du-bois-dark-descriptions-view table {
 .du-bois-dark-pagination-jump-prev .du-bois-dark-pagination-item-container .du-bois-dark-pagination-item-link-icon,
 .du-bois-dark-pagination-jump-next .du-bois-dark-pagination-item-container .du-bois-dark-pagination-item-link-icon {
   color: #2272B4;
-  font-size: 11px;
+  font-size: 12px;
   letter-spacing: -1px;
   opacity: 0;
   transition: all 0.2s;
@@ -16551,7 +16551,7 @@ tr.du-bois-dark-table-expanded-row .du-bois-dark-descriptions-view table {
   font-size: 12px;
   text-align: center;
   background-color: transparent;
-  border: 1px solid #434343;
+  border: 1px solid #ffffff7a;
   border-radius: 4px;
   outline: none;
   transition: all 0.3s;
@@ -16572,7 +16572,7 @@ tr.du-bois-dark-table-expanded-row .du-bois-dark-descriptions-view table {
 .du-bois-dark-pagination-disabled:hover .du-bois-dark-pagination-item-link,
 .du-bois-dark-pagination-disabled:focus-visible .du-bois-dark-pagination-item-link {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
+  border-color: #ffffff7a;
   cursor: not-allowed;
 }
 .du-bois-dark-pagination-slash {
@@ -16611,7 +16611,7 @@ tr.du-bois-dark-table-expanded-row .du-bois-dark-descriptions-view table {
   line-height: 20px;
   background-color: transparent;
   background-image: none;
-  border: 1px solid #434343;
+  border: 1px solid #ffffff7a;
   border-radius: 4px;
   transition: all 0.3s;
   width: 50px;
@@ -16645,7 +16645,7 @@ tr.du-bois-dark-table-expanded-row .du-bois-dark-descriptions-view table {
   opacity: 1;
 }
 .du-bois-dark-pagination-options-quick-jumper input-disabled:hover {
-  border-color: #434343;
+  border-color: #ffffff7a;
   border-right-width: 1px !important;
 }
 .du-bois-dark-pagination-options-quick-jumper input[disabled] {
@@ -16655,7 +16655,7 @@ tr.du-bois-dark-table-expanded-row .du-bois-dark-descriptions-view table {
   opacity: 1;
 }
 .du-bois-dark-pagination-options-quick-jumper input[disabled]:hover {
-  border-color: #434343;
+  border-color: #ffffff7a;
   border-right-width: 1px !important;
 }
 .du-bois-dark-pagination-options-quick-jumper input-borderless,
@@ -16677,8 +16677,8 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
   transition: all 0.3s, height 0s;
 }
 .du-bois-dark-pagination-options-quick-jumper input-lg {
-  padding: -171px 7px;
-  font-size: 19px;
+  padding: -161px 7px;
+  font-size: 18px;
 }
 .du-bois-dark-pagination-options-quick-jumper input-sm {
   padding: 0 3px;
@@ -16712,7 +16712,7 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
   padding: 0 6px;
   text-align: center;
   background-color: transparent;
-  border: 1px solid #434343;
+  border: 1px solid #ffffff7a;
   border-radius: 4px;
   outline: none;
   transition: border-color 0.3s;
@@ -16723,7 +16723,7 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
 .du-bois-dark-pagination-simple .du-bois-dark-pagination-simple-pager input[disabled] {
   color: rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   cursor: not-allowed;
 }
 .du-bois-dark-pagination.mini .du-bois-dark-pagination-total-text,
@@ -16784,7 +16784,7 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
 }
 .du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item {
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   cursor: not-allowed;
 }
 .du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item a {
@@ -16802,7 +16802,7 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
 .du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item-link {
   color: rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
+  border-color: #ffffff7a;
   cursor: not-allowed;
 }
 .du-bois-dark-pagination-simple.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item-link {
@@ -16879,7 +16879,7 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
 }
 .du-bois-dark-tabs-large > .du-bois-dark-tabs-nav .du-bois-dark-tabs-tab {
   padding: 8px 0;
-  font-size: 19px;
+  font-size: 18px;
 }
 .du-bois-dark-tabs-card.du-bois-dark-tabs-small > .du-bois-dark-tabs-nav .du-bois-dark-tabs-tab {
   padding: 6px 8px;
@@ -17398,7 +17398,7 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
   margin-right: -4px;
   margin-left: 8px;
   color: #ffffff99;
-  font-size: 11px;
+  font-size: 12px;
   background: transparent;
   border: none;
   outline: none;
@@ -17566,7 +17566,7 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
   height: 16px;
   direction: ltr;
   background-color: transparent;
-  border: 1px solid #434343;
+  border: 1px solid #ffffff7a;
   border-radius: 4px;
   border-collapse: separate;
   transition: all 0.3s;
@@ -17625,7 +17625,7 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
 }
 .du-bois-dark-tree-checkbox-disabled .du-bois-dark-tree-checkbox-inner {
   background-color: rgba(255, 255, 255, 0.08);
-  border-color: #434343 !important;
+  border-color: #ffffff7a !important;
 }
 .du-bois-dark-tree-checkbox-disabled .du-bois-dark-tree-checkbox-inner::after {
   border-color: rgba(255, 255, 255, 0.08);
@@ -17694,7 +17694,7 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
 }
 .du-bois-dark-tree-checkbox-indeterminate .du-bois-dark-tree-checkbox-inner {
   background-color: transparent;
-  border-color: #434343;
+  border-color: #ffffff7a;
 }
 .du-bois-dark-tree-checkbox-indeterminate .du-bois-dark-tree-checkbox-inner::after {
   top: 50%;
@@ -17891,7 +17891,7 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
   top: 0;
   right: 12px;
   bottom: -2px;
-  border-right: 1px solid #434343;
+  border-right: 1px solid #ffffff7a;
   content: '';
 }
 .du-bois-dark-tree-show-line .du-bois-dark-tree-indent-unit-end::before {
@@ -17920,7 +17920,7 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
   right: auto;
   left: -13px;
   border-right: none;
-  border-left: 1px solid #434343;
+  border-left: 1px solid #ffffff7a;
 }
 .du-bois-dark-tree-rtl.du-bois-dark-tree-checkbox {
   margin: 4px 0 0 8px;
@@ -17950,12 +17950,12 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
   color: #AF5B23;
 }
 .du-bois-dark-typography.du-bois-dark-typography-danger {
-  color: #CC3352;
+  color: #f792a6d6;
 }
 a.du-bois-dark-typography.du-bois-dark-typography-danger:active,
 a.du-bois-dark-typography.du-bois-dark-typography-danger:focus,
 a.du-bois-dark-typography.du-bois-dark-typography-danger:hover {
-  color: #d9596e;
+  color: #ffbfca;
 }
 .du-bois-dark-typography.du-bois-dark-typography-disabled {
   color: rgba(255, 255, 255, 0.3);
@@ -18333,7 +18333,7 @@ div.du-bois-dark-typography-edit-content.du-bois-dark-typography-rtl {
   display: block;
   margin: 0 5px 0 18px;
   color: #fff;
-  font-size: 11px;
+  font-size: 12px;
   transition: margin 0.2s;
 }
 .du-bois-dark-switch-checked .du-bois-dark-switch-inner {
@@ -18386,7 +18386,7 @@ div.du-bois-dark-typography-edit-content.du-bois-dark-typography-rtl {
 }
 .du-bois-dark-switch-small .du-bois-dark-switch-inner {
   margin: 0 5px 0 18px;
-  font-size: 11px;
+  font-size: 12px;
 }
 .du-bois-dark-switch-small .du-bois-dark-switch-handle {
   width: 12px;
@@ -18730,7 +18730,7 @@ div.du-bois-dark-typography-edit-content.du-bois-dark-typography-rtl {
 .du-bois-dark-notification-notice-message {
   margin-bottom: 8px;
   color: rgba(255, 255, 255, 0.85);
-  font-size: 19px;
+  font-size: 18px;
   line-height: 24px;
 }
 .du-bois-dark-notification-notice-message-single-line-auto-margin {
@@ -18753,7 +18753,7 @@ div.du-bois-dark-typography-edit-content.du-bois-dark-typography-rtl {
 .du-bois-dark-notification-notice-with-icon .du-bois-dark-notification-notice-message {
   margin-bottom: 4px;
   margin-left: 48px;
-  font-size: 19px;
+  font-size: 18px;
 }
 .du-bois-dark-notification-notice-with-icon .du-bois-dark-notification-notice-description {
   margin-left: 48px;
@@ -18775,7 +18775,7 @@ div.du-bois-dark-typography-edit-content.du-bois-dark-typography-rtl {
   color: #AF5B23;
 }
 .anticon.du-bois-dark-notification-notice-icon-error {
-  color: #CC3352;
+  color: #f792a6d6;
 }
 .du-bois-dark-notification-notice-close {
   position: absolute;
@@ -18880,10 +18880,10 @@ div.du-bois-dark-typography-edit-content.du-bois-dark-typography-rtl {
 .du-bois-dark-notification-rtl .du-bois-dark-notification-notice-btn {
   float: left;
 }
-.du-bois-dark-notification-compact {
+.du-bois-dark-notification-notice {
   padding: 10px 40px 10px 32px;
 }
-.du-bois-dark-notification-compact .du-bois-dark-notification-notice-icon {
+.du-bois-dark-notification-notice .du-bois-dark-notification-notice-icon {
   font-size: 16px;
   width: 16px;
   height: 16px;
@@ -18892,25 +18892,25 @@ div.du-bois-dark-typography-edit-content.du-bois-dark-typography-rtl {
   top: 12px;
   line-height: 16px;
 }
-.du-bois-dark-notification-compact .du-bois-dark-notification-notice-close {
+.du-bois-dark-notification-notice .du-bois-dark-notification-notice-close {
   top: 12px;
   right: 12px;
   width: 16px;
   height: 16px;
   line-height: 16px;
 }
-.du-bois-dark-notification-compact .du-bois-dark-notification-notice-close span[role='img'] {
+.du-bois-dark-notification-notice .du-bois-dark-notification-notice-close span[role='img'] {
   font-size: 16px;
 }
-.du-bois-dark-notification-compact .du-bois-dark-notification-notice-message {
+.du-bois-dark-notification-notice .du-bois-dark-notification-notice-message {
   display: flex;
   align-items: center;
-  height: 20px;
+  min-height: 20px;
   line-height: 20px;
   font-weight: 600;
 }
-.du-bois-dark-notification-compact .du-bois-dark-notification-notice-message,
-.du-bois-dark-notification-compact .du-bois-dark-notification-notice-description {
+.du-bois-dark-notification-notice .du-bois-dark-notification-notice-message,
+.du-bois-dark-notification-notice .du-bois-dark-notification-notice-description {
   margin-left: unset;
   font-size: 13px;
   margin-bottom: 0;