@timus-networks/theme 2.0.1 → 2.0.2

package/dist/runtime/public/scss/element-plus/date-picker.css

@@ -203,6 +203,34 @@
 :root {
   --el-color-danger-light-9: #7d1f1f;
 }
+:root {
+  --el-color-error-light-1: #fde3e3;
+}
+:root {
+  --el-color-error-light-2: #fdcbcb;
+}
+:root {
+  --el-color-error-light-3: #faa7a7;
+}
+:root {
+  --el-color-error-light-4: #f35c5c;
+}
+:root {
+  --el-color-error-light-5: #eb4848;
+  --el-color-error: #eb4848;
+}
+:root {
+  --el-color-error-light-6: #d82a2a;
+}
+:root {
+  --el-color-error-light-7: #b52020;
+}
+:root {
+  --el-color-error-light-8: #961e1e;
+}
+:root {
+  --el-color-error-light-9: #7d1f1f;
+}
 :root {
   --el-color-success-light-1: #f0f8ed;
 }
@@ -329,7 +357,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-date-table td.today .el-date-table-cell__text {
   color: var(--el-color-primary);
-  font-weight: bold;
+  font-weight: 500;
 }
 .el-date-table td.today.start-date .el-date-table-cell__text, .el-date-table td.today.end-date .el-date-table-cell__text {
   color: #ffffff;
@@ -391,10 +419,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   outline: none;
 }
 .el-date-table th {
-  padding: 5px;
+  padding: 0;
   color: var(--el-datepicker-header-text-color);
   font-weight: 400;
-  border-bottom: solid 1px var(--el-border-color-lighter);
+  border-bottom: solid 1px var(--el-color-neutral-light-4);
 }
 
 .el-month-table {
@@ -640,16 +668,15 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-time-spinner__item {
   height: 32px;
   line-height: 32px;
-  font-size: 12px;
-  color: var(--el-text-color-regular);
+  font-size: 14px;
+  color: var(--el-color-neutral-light-7);
 }
 .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
   background: var(--el-fill-color-light);
   cursor: pointer;
 }
 .el-time-spinner__item.is-active:not(.is-disabled) {
-  color: var(--el-text-color-primary);
-  font-weight: bold;
+  color: var(--el-color-primary);
 }
 .el-time-spinner__item.is-disabled {
   color: var(--el-text-color-placeholder);
@@ -1042,11 +1069,44 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-picker-panel__footer {
   border-top: 1px solid var(--el-datepicker-inner-border-color);
-  padding: 4px 12px;
+  padding: 16px;
   text-align: right;
   background-color: var(--el-bg-color-overlay);
   position: relative;
   font-size: 0;
+  display: flex;
+  gap: 30px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.el-picker-panel__footer .el-button {
+  display: flex;
+  flex-basis: 100%;
+}
+.el-picker-panel__footer .el-button.is-text {
+  --el-button-active-border-color: var(--el-color-primary-light-6);
+  border: 1px solid var(--el-color-primary-light-5);
+}
+.el-picker-panel__footer .el-button.is-text:hover {
+  --el-button-text-color: var(--el-color-primary-light-4);
+  border: 1px solid var(--el-color-primary-light-4);
+  background-color: transparent;
+}
+.el-picker-panel__footer .el-button.is-text:active {
+  --el-button-text-color: var(--el-color-primary-light-6);
+  --el-button-border-color: var(--el-color-primary-light-6);
+  border: 1px solid var(--el-color-primary-light-6);
+  background-color: transparent;
+}
+.el-picker-panel__footer .el-button.is-plain {
+  --el-button-hover-text-color: var(--el-color-white);
+  --el-button-hover-bg-color: var(--el-color-primary-light-4);
+  --el-button-hover-border-color: var(--el-color-primary-light-4);
+  --el-button-active-text-color: var(--el-button-hover-text-color);
+  --el-button-active-bg-color: var(--el-color-primary-light-6);
+  --el-button-active-border-color: var(--el-color-primary-light-6);
+  --el-button-bg-color: var(--el-color-primary-light-5);
+  --el-button-text-color: var(--el-color-white);
 }
 
 .el-picker-panel__shortcut {
@@ -1055,9 +1115,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   border: 0;
   background-color: transparent;
   line-height: 28px;
-  font-size: 14px;
-  color: var(--el-datepicker-text-color);
-  padding-left: 12px;
+  font-size: 12px;
+  color: var(--el-color-neutral-light-7);
+  padding-left: 16px;
   text-align: left;
   outline: none;
   cursor: pointer;
@@ -1093,7 +1153,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   background: transparent;
   cursor: pointer;
   outline: none;
-  margin-top: 8px;
+  width: 24px;
 }
 .el-picker-panel__icon-btn:hover {
   color: var(--el-datepicker-hover-text-color);
@@ -1125,9 +1185,11 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   width: 110px;
   border-right: 1px solid var(--el-datepicker-inner-border-color);
   box-sizing: border-box;
-  padding-top: 6px;
+  padding-top: 16px;
   background-color: var(--el-bg-color-overlay);
   overflow: auto;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
 }
 
 .el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
@@ -1138,12 +1200,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-date-picker {
   --el-datepicker-text-color: var(--el-text-color-regular);
   --el-datepicker-off-text-color: var(--el-text-color-placeholder);
-  --el-datepicker-header-text-color: var(--el-text-color-regular);
-  --el-datepicker-icon-color: var(--el-text-color-primary);
+  --el-datepicker-header-text-color: var(--el-color-neutral-light-4);
+  --el-datepicker-icon-color: var(--el-color-neutral-light-4);
   --el-datepicker-border-color: var(--el-disabled-border-color);
   --el-datepicker-inner-border-color: var(--el-border-color-light);
-  --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
-  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
+  --el-datepicker-inrange-bg-color: var(--el-color-primary-light-1);
+  --el-datepicker-inrange-hover-bg-color: var(--el-color-primary-light-1);
   --el-datepicker-active-color: var(--el-color-primary);
   --el-datepicker-hover-text-color: var(--el-color-primary);
 }
@@ -1169,16 +1231,15 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-date-picker__editor-wrap {
   position: relative;
-  display: table-cell;
-  padding: 0 5px;
 }
 
 .el-date-picker__time-header {
   position: relative;
   border-bottom: 1px solid var(--el-datepicker-inner-border-color);
   font-size: 12px;
-  padding: 8px 5px 5px;
-  display: table;
+  padding: 16px;
+  display: inline-flex;
+  gap: 30px;
   width: 100%;
   box-sizing: border-box;
 }
@@ -1243,12 +1304,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-date-range-picker {
   --el-datepicker-text-color: var(--el-text-color-regular);
   --el-datepicker-off-text-color: var(--el-text-color-placeholder);
-  --el-datepicker-header-text-color: var(--el-text-color-regular);
-  --el-datepicker-icon-color: var(--el-text-color-primary);
+  --el-datepicker-header-text-color: var(--el-color-neutral-light-4);
+  --el-datepicker-icon-color: var(--el-color-neutral-light-4);
   --el-datepicker-border-color: var(--el-disabled-border-color);
   --el-datepicker-inner-border-color: var(--el-border-color-light);
-  --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
-  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
+  --el-datepicker-inrange-bg-color: var(--el-color-primary-light-1);
+  --el-datepicker-inrange-hover-bg-color: var(--el-color-primary-light-1);
   --el-datepicker-active-color: var(--el-color-primary);
   --el-datepicker-hover-text-color: var(--el-color-primary);
 }
@@ -1284,7 +1345,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   float: right;
 }
 .el-date-range-picker__header div {
-  font-size: 16px;
+  font-size: 14px;
+  line-height: 25px;
+  color: var(--el-color-neutral-light-9);
   font-weight: 500;
   margin-right: 50px;
 }
@@ -1307,7 +1370,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-date-range-picker__editors-wrap {
   box-sizing: border-box;
-  display: table-cell;
+  display: inline-flex;
+  gap: 30px;
 }
 .el-date-range-picker__editors-wrap.is-right {
   text-align: right;
@@ -1317,8 +1381,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   position: relative;
   border-bottom: 1px solid var(--el-datepicker-inner-border-color);
   font-size: 12px;
-  padding: 8px 5px 5px 5px;
-  display: table;
+  padding: 16px;
+  display: inline-flex;
+  gap: 30px;
   width: 100%;
   box-sizing: border-box;
 }
@@ -1332,7 +1397,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-date-range-picker__time-picker-wrap {
   position: relative;
   display: table-cell;
-  padding: 0 5px;
+  padding: 0;
 }
 .el-date-range-picker__time-picker-wrap .el-picker-panel {
   position: absolute;
@@ -1352,26 +1417,33 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-time-range-picker__content {
   position: relative;
   text-align: center;
-  padding: 10px;
+  padding: 24px 30px;
   z-index: 1;
+  display: flex;
+  gap: 30px;
 }
 
 .el-time-range-picker__cell {
   box-sizing: border-box;
   margin: 0;
-  padding: 4px 7px 7px;
+  padding: 0;
   width: 50%;
   display: inline-block;
 }
 
 .el-time-range-picker__header {
-  margin-bottom: 5px;
+  margin-bottom: 16px;
   text-align: center;
   font-size: 14px;
+  font-weight: 500;
+  line-height: 14px;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
 }
 
 .el-time-range-picker__body {
-  border-radius: 2px;
+  border-radius: 4px;
   border: 1px solid var(--el-datepicker-border-color);
 }
 
@@ -1411,8 +1483,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding-left: 50%;
   margin-right: 12%;
   margin-left: 12%;
-  border-top: 1px solid var(--el-border-color-light);
-  border-bottom: 1px solid var(--el-border-color-light);
+  border-top: 1px solid var(--el-color-neutral-light-4);
+  border-bottom: 1px solid var(--el-color-neutral-light-4);
 }
 .el-time-panel__content.has-seconds::after {
   left: 66.6666666667%;
@@ -1422,26 +1494,38 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-time-panel__footer {
-  border-top: 1px solid var(--el-timepicker-inner-border-color, var(--el-border-color-light));
-  padding: 4px;
-  height: 36px;
+  border-top: 1px solid var(--el-color-neutral-light-4, var(--el-border-color-light));
+  padding: 16px;
   line-height: 25px;
   text-align: right;
   box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  gap: 16px;
 }
 
 .el-time-panel__btn {
-  border: none;
-  line-height: 28px;
-  padding: 0 5px;
-  margin: 0 5px;
-  cursor: pointer;
-  background-color: transparent;
-  outline: none;
-  font-size: 12px;
-  color: var(--el-text-color-primary);
+  flex-basis: 100%;
 }
 .el-time-panel__btn.confirm {
-  font-weight: 800;
-  color: var(--el-timepicker-active-color, var(--el-color-primary));
+  @apply el-button--small el-button el-button--primary;
+  font-weight: 400;
+}
+.el-time-panel__btn.cancel {
+  @apply el-button--small is-plain;
+  --el-button-text-color: var(--el-color-primary-light-5);
+  line-height: normal;
+  border: 1px solid var(--el-color-primary-light-5);
+  color: var(--el-button-text-color);
+}
+.el-time-panel__btn.cancel:hover {
+  --el-button-text-color: var(--el-color-primary-light-4);
+  border: 1px solid var(--el-color-primary-light-4);
+  background-color: transparent;
+}
+.el-time-panel__btn.cancel:active {
+  --el-button-text-color: var(--el-color-primary-light-6);
+  --el-button-border-color: var(--el-color-primary-light-6);
+  border: 1px solid var(--el-color-primary-light-6);
+  background-color: transparent;
 }

package/dist/runtime/public/scss/element-plus/descriptions-item.css

@@ -203,6 +203,34 @@
 :root {
   --el-color-danger-light-9: #7d1f1f;
 }
+:root {
+  --el-color-error-light-1: #fde3e3;
+}
+:root {
+  --el-color-error-light-2: #fdcbcb;
+}
+:root {
+  --el-color-error-light-3: #faa7a7;
+}
+:root {
+  --el-color-error-light-4: #f35c5c;
+}
+:root {
+  --el-color-error-light-5: #eb4848;
+  --el-color-error: #eb4848;
+}
+:root {
+  --el-color-error-light-6: #d82a2a;
+}
+:root {
+  --el-color-error-light-7: #b52020;
+}
+:root {
+  --el-color-error-light-8: #961e1e;
+}
+:root {
+  --el-color-error-light-9: #7d1f1f;
+}
 :root {
   --el-color-success-light-1: #f0f8ed;
 }
@@ -273,16 +301,14 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 **/
 .el-descriptions__label.el-descriptions__cell.is-bordered-label {
-  font-weight: bold;
-  color: var(--el-text-color-regular);
-  background: var(--el-descriptions-item-bordered-label-background);
+  color: var(--el-color-neutral-light-7);
 }
 .el-descriptions__label:not(.is-bordered-label) {
-  color: var(--el-text-color-primary);
-  margin-right: 16px;
+  color: var(--el-color-neutral-light-7);
+  margin-right: 6px;
 }
 .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
-  padding-bottom: 6px;
+  padding-bottom: 8px;
 }
 
 .el-descriptions__content.el-descriptions__cell.is-bordered-content {
@@ -293,15 +319,29 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-descriptions--large .el-descriptions__label:not(.is-bordered-label) {
-  margin-right: 16px;
+  margin-right: 6px;
 }
 .el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
   padding-bottom: 8px;
 }
 
+.el-descriptions--medium .el-descriptions__label:not(.is-bordered-label) {
+  margin-right: 6px;
+}
+.el-descriptions--medium .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
+  padding-bottom: 6px;
+}
+
 .el-descriptions--small .el-descriptions__label:not(.is-bordered-label) {
-  margin-right: 12px;
+  margin-right: 6px;
 }
 .el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
   padding-bottom: 4px;
+}
+
+.el-descriptions--mini .el-descriptions__label:not(.is-bordered-label) {
+  margin-right: 6px;
+}
+.el-descriptions--mini .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
+  padding-bottom: 2px;
 }

package/dist/runtime/public/scss/element-plus/descriptions.css

@@ -203,6 +203,34 @@
 :root {
   --el-color-danger-light-9: #7d1f1f;
 }
+:root {
+  --el-color-error-light-1: #fde3e3;
+}
+:root {
+  --el-color-error-light-2: #fdcbcb;
+}
+:root {
+  --el-color-error-light-3: #faa7a7;
+}
+:root {
+  --el-color-error-light-4: #f35c5c;
+}
+:root {
+  --el-color-error-light-5: #eb4848;
+  --el-color-error: #eb4848;
+}
+:root {
+  --el-color-error-light-6: #d82a2a;
+}
+:root {
+  --el-color-error-light-7: #b52020;
+}
+:root {
+  --el-color-error-light-8: #961e1e;
+}
+:root {
+  --el-color-error-light-9: #7d1f1f;
+}
 :root {
   --el-color-success-light-1: #f0f8ed;
 }
@@ -273,7 +301,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 **/
 .el-descriptions {
-  --el-descriptions-table-border: 1px solid var(--el-border-color-lighter);
+  --el-descriptions-table-border: none;
   --el-descriptions-item-bordered-label-background: var(--el-fill-color-light);
   box-sizing: border-box;
   font-size: var(--el-font-size-base);
@@ -283,12 +311,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: 16px;
+  margin-bottom: 8px;
+  line-height: 22px;
 }
 .el-descriptions__title {
   color: var(--el-text-color-primary);
-  font-size: 16px;
-  font-weight: bold;
+  font-size: 18px;
+  font-weight: 500;
 }
 
 .el-descriptions__body {
@@ -302,7 +331,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   box-sizing: border-box;
   text-align: left;
   font-weight: normal;
-  line-height: 23px;
+  line-height: 24px;
   font-size: 14px;
 }
 .el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left {
@@ -319,55 +348,88 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
   border: var(--el-descriptions-table-border);
-  padding: 8px 11px;
+  padding: 8px 12px 8px 0;
 }
 .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
-  padding-bottom: 12px;
+  padding: 8px 12px 8px 0;
 }
 
 .el-descriptions--large {
   font-size: 14px;
 }
 .el-descriptions--large .el-descriptions__header {
-  margin-bottom: 20px;
+  margin-bottom: 8px;
 }
 .el-descriptions--large .el-descriptions__header .el-descriptions__title {
-  font-size: 16px;
+  font-size: 18px;
 }
 
 .el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
   font-size: 14px;
 }
 .el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
-  padding: 12px 15px;
+  padding: 8px 12px 8px 0;
 }
 .el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
-  padding-bottom: 16px;
+  padding: 8px 12px 8px 0;
 }
 
 .el-descriptions--medium {
   font-size: 14px;
 }
+.el-descriptions--medium .el-descriptions__header {
+  margin-bottom: 8px;
+}
+.el-descriptions--medium .el-descriptions__header .el-descriptions__title {
+  font-size: 18px;
+}
+
+.el-descriptions--medium .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
+  font-size: 14px;
+}
+.el-descriptions--medium .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
+  padding: 6px 12px 6px 0;
+}
+.el-descriptions--medium .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
+  padding: 6px 12px 6px 0;
+}
+
 .el-descriptions--small {
   font-size: 12px;
 }
 .el-descriptions--small .el-descriptions__header {
-  margin-bottom: 12px;
+  margin-bottom: 8px;
 }
 .el-descriptions--small .el-descriptions__header .el-descriptions__title {
-  font-size: 14px;
+  font-size: 18px;
 }
 
 .el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
-  font-size: 12px;
+  font-size: 14px;
 }
 .el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
-  padding: 4px 7px;
+  padding: 3px 12px 3px 0;
 }
 .el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
-  padding-bottom: 8px;
+  padding: 3px 12px 3px 0;
 }
 
 .el-descriptions--mini {
   font-size: 12px;
+}
+.el-descriptions--mini .el-descriptions__header {
+  margin-bottom: 8px;
+}
+.el-descriptions--mini .el-descriptions__header .el-descriptions__title {
+  font-size: 18px;
+}
+
+.el-descriptions--mini .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
+  font-size: 14px;
+}
+.el-descriptions--mini .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
+  padding: 2px 12px 2px 0;
+}
+.el-descriptions--mini .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
+  padding: 2px 12px 2px 0;
 }

package/dist/runtime/public/scss/element-plus/dialog.css

@@ -203,6 +203,34 @@
 :root {
   --el-color-danger-light-9: #7d1f1f;
 }
+:root {
+  --el-color-error-light-1: #fde3e3;
+}
+:root {
+  --el-color-error-light-2: #fdcbcb;
+}
+:root {
+  --el-color-error-light-3: #faa7a7;
+}
+:root {
+  --el-color-error-light-4: #f35c5c;
+}
+:root {
+  --el-color-error-light-5: #eb4848;
+  --el-color-error: #eb4848;
+}
+:root {
+  --el-color-error-light-6: #d82a2a;
+}
+:root {
+  --el-color-error-light-7: #b52020;
+}
+:root {
+  --el-color-error-light-8: #961e1e;
+}
+:root {
+  --el-color-error-light-9: #7d1f1f;
+}
 :root {
   --el-color-success-light-1: #f0f8ed;
 }
@@ -364,7 +392,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding-bottom: var(--el-dialog-padding-primary);
 }
 .el-dialog__header.show-close {
-  padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px));
+  padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 12px));
 }
 
 .el-dialog__headerbtn {
@@ -378,7 +406,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   border: none;
   outline: none;
   cursor: pointer;
-  font-size: var(--el-message-close-size, 16px);
+  font-size: var(--el-message-close-size, 12px);
 }
 .el-dialog__headerbtn .el-dialog__close {
   color: var(--el-color-primary);

package/dist/runtime/public/scss/element-plus/display.css

@@ -203,6 +203,34 @@
 :root {
   --el-color-danger-light-9: #7d1f1f;
 }
+:root {
+  --el-color-error-light-1: #fde3e3;
+}
+:root {
+  --el-color-error-light-2: #fdcbcb;
+}
+:root {
+  --el-color-error-light-3: #faa7a7;
+}
+:root {
+  --el-color-error-light-4: #f35c5c;
+}
+:root {
+  --el-color-error-light-5: #eb4848;
+  --el-color-error: #eb4848;
+}
+:root {
+  --el-color-error-light-6: #d82a2a;
+}
+:root {
+  --el-color-error-light-7: #b52020;
+}
+:root {
+  --el-color-error-light-8: #961e1e;
+}
+:root {
+  --el-color-error-light-9: #7d1f1f;
+}
 :root {
   --el-color-success-light-1: #f0f8ed;
 }