@timus-networks/theme 2.0.1 → 2.0.2

package/dist/runtime/public/scss/element-plus/message.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,19 +301,21 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 **/
 .el-message {
-  --el-message-bg-color: var(--el-color-info-light-9);
-  --el-message-border-color: var(--el-border-color-lighter);
-  --el-message-padding: 11px 15px;
-  --el-message-close-size: 16px;
-  --el-message-close-icon-color: var(--el-text-color-placeholder);
-  --el-message-close-hover-color: var(--el-text-color-secondary);
+  --el-message-bg-color: var(--el-color-info-light-1);
+  --el-message-border-color: var(--el-color-info-light-3);
+  --el-message-padding: 8px 11px 8px 16px;
+  --el-message-font-size: 12px;
+  --el-message-close-size: 12px;
+  --el-message-close-icon-color: var(--el-color-info-light-5);
+  --el-message-close-hover-color: var(--el-text-color-light-4);
+  --el-message-text-color: var(--el-color-info-light-5);
 }
 
 .el-message {
   width: fit-content;
   max-width: calc(100% - 32px);
   box-sizing: border-box;
-  border-radius: var(--el-border-radius-base);
+  border-radius: 4px;
   border-width: var(--el-border-width);
   border-style: var(--el-border-style);
   border-color: var(--el-message-border-color);
@@ -298,7 +328,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   padding: var(--el-message-padding);
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 4px;
+  color: var(--el-message-text-color);
+  box-shadow: var(--el-box-shadow-light);
 }
 .el-message.is-center {
   justify-content: center;
@@ -306,64 +338,146 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-message.is-plain {
   background-color: var(--el-bg-color-overlay);
-  border-color: var(--el-bg-color-overlay);
   box-shadow: var(--el-box-shadow-light);
+  border-color: var(--el-color-neutral-light-3);
 }
 
 .el-message p {
   margin: 0;
 }
+.el-message .el-message__closeBtn {
+  cursor: pointer;
+  color: var(--el-message-close-icon-color);
+  font-size: var(--el-message-close-size);
+}
+.el-message .el-message__closeBtn:focus {
+  outline-width: 0;
+}
+.el-message .el-message__closeBtn:hover {
+  color: var(--el-message-close-hover-color);
+}
+.el-message .el-message__closeBtn:hover {
+  color: var(--el-color-info-light-6);
+}
 .el-message--success {
-  --el-message-bg-color: var(--el-color-success-light-9);
-  --el-message-border-color: var(--el-color-success-light-8);
+  --el-message-bg-color: var(--el-color-success-light-1);
+  --el-message-border-color: var(--el-color-success-light-3);
   --el-message-text-color: var(--el-color-success);
 }
 .el-message--success .el-message__content {
   color: var(--el-message-text-color);
   overflow-wrap: break-word;
 }
+.el-message--success .el-message__closeBtn {
+  color: var(--el-color-success);
+}
+.el-message--success .el-message__closeBtn:hover {
+  color: var(--el-color-success-light-4);
+}
+.el-message--success .el-message__closeBtn:active {
+  color: var(--el-color-success-light-6);
+}
 
 .el-message .el-message-icon--success {
   color: var(--el-message-text-color);
+  width: 12px;
+  height: 12px;
 }
 .el-message--info {
-  --el-message-bg-color: var(--el-color-info-light-9);
-  --el-message-border-color: var(--el-color-info-light-8);
+  --el-message-bg-color: var(--el-color-info-light-1);
+  --el-message-border-color: var(--el-color-info-light-3);
   --el-message-text-color: var(--el-color-info);
 }
 .el-message--info .el-message__content {
   color: var(--el-message-text-color);
   overflow-wrap: break-word;
 }
+.el-message--info .el-message__closeBtn {
+  color: var(--el-color-info);
+}
+.el-message--info .el-message__closeBtn:hover {
+  color: var(--el-color-info-light-4);
+}
+.el-message--info .el-message__closeBtn:active {
+  color: var(--el-color-info-light-6);
+}
 
 .el-message .el-message-icon--info {
   color: var(--el-message-text-color);
+  width: 12px;
+  height: 12px;
 }
 .el-message--warning {
-  --el-message-bg-color: var(--el-color-warning-light-9);
-  --el-message-border-color: var(--el-color-warning-light-8);
+  --el-message-bg-color: var(--el-color-warning-light-1);
+  --el-message-border-color: var(--el-color-warning-light-3);
   --el-message-text-color: var(--el-color-warning);
 }
 .el-message--warning .el-message__content {
   color: var(--el-message-text-color);
   overflow-wrap: break-word;
 }
+.el-message--warning .el-message__closeBtn {
+  color: var(--el-color-warning);
+}
+.el-message--warning .el-message__closeBtn:hover {
+  color: var(--el-color-warning-light-4);
+}
+.el-message--warning .el-message__closeBtn:active {
+  color: var(--el-color-warning-light-6);
+}
 
 .el-message .el-message-icon--warning {
   color: var(--el-message-text-color);
+  width: 12px;
+  height: 12px;
 }
 .el-message--error {
-  --el-message-bg-color: var(--el-color-error-light-9);
-  --el-message-border-color: var(--el-color-error-light-8);
+  --el-message-bg-color: var(--el-color-error-light-1);
+  --el-message-border-color: var(--el-color-error-light-3);
   --el-message-text-color: var(--el-color-error);
 }
 .el-message--error .el-message__content {
   color: var(--el-message-text-color);
   overflow-wrap: break-word;
 }
+.el-message--error .el-message__closeBtn {
+  color: var(--el-color-error);
+}
+.el-message--error .el-message__closeBtn:hover {
+  color: var(--el-color-error-light-4);
+}
+.el-message--error .el-message__closeBtn:active {
+  color: var(--el-color-error-light-6);
+}
 
 .el-message .el-message-icon--error {
   color: var(--el-message-text-color);
+  width: 12px;
+  height: 12px;
+}
+.el-message--danger {
+  --el-message-bg-color: var(--el-color-danger-light-1);
+  --el-message-border-color: var(--el-color-danger-light-3);
+  --el-message-text-color: var(--el-color-danger);
+}
+.el-message--danger .el-message__content {
+  color: var(--el-message-text-color);
+  overflow-wrap: break-word;
+}
+.el-message--danger .el-message__closeBtn {
+  color: var(--el-color-danger);
+}
+.el-message--danger .el-message__closeBtn:hover {
+  color: var(--el-color-danger-light-4);
+}
+.el-message--danger .el-message__closeBtn:active {
+  color: var(--el-color-danger-light-6);
+}
+
+.el-message .el-message-icon--danger {
+  color: var(--el-message-text-color);
+  width: 12px;
+  height: 12px;
 }
 .el-message .el-message__badge {
   position: absolute;
@@ -372,27 +486,43 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-message__content {
   padding: 0;
-  font-size: 14px;
-  line-height: 1;
+  font-size: var(--el-message-font-size);
+  line-height: 14px;
 }
 .el-message__content:focus {
   outline-width: 0;
 }
 
-.el-message .el-message__closeBtn {
-  cursor: pointer;
-  color: var(--el-message-close-icon-color);
-  font-size: var(--el-message-close-size);
-}
-.el-message .el-message__closeBtn:focus {
-  outline-width: 0;
-}
-.el-message .el-message__closeBtn:hover {
-  color: var(--el-message-close-hover-color);
-}
-
 .el-message-fade-enter-from,
 .el-message-fade-leave-to {
   opacity: 0;
   transform: translate(-50%, -100%);
+}
+
+.el-message::before {
+  font-family: "iconsax" !important;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: 600;
+  line-height: 1;
+  speak: never;
+  text-transform: none;
+  font-size: 12px;
+}
+.el-message.el-message--success::before {
+  content: "\ec2a";
+}
+.el-message.el-message--info::before {
+  content: "\eb4d";
+}
+.el-message.el-message--warning::before {
+  content: "\e9f6";
+}
+.el-message.el-message--danger::before, .el-message.el-message--error::before {
+  content: "\e9c8";
+}
+.el-message .el-message__icon {
+  display: none;
 }

package/dist/runtime/public/scss/element-plus/mixins/mixins.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;
 }

package/dist/runtime/public/scss/element-plus/notification.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;
 }
@@ -274,18 +302,18 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 **/
 .el-notification {
   --el-notification-width: 330px;
-  --el-notification-padding: 14px 26px 14px 13px;
+  --el-notification-padding: 12px 26px 12px 16px;
   --el-notification-radius: 8px;
   --el-notification-shadow: var(--el-box-shadow-light);
-  --el-notification-border-color: var(--el-border-color-lighter);
+  --el-notification-border-color: var(--el-color-neutral-light-3);
   --el-notification-icon-size: 24px;
-  --el-notification-close-font-size: var(--el-message-close-size, 16px);
+  --el-notification-close-font-size: var(--el-message-close-size, 12px);
   --el-notification-group-margin-left: 13px;
   --el-notification-group-margin-right: 8px;
   --el-notification-content-font-size: var(--el-font-size-base);
-  --el-notification-content-color: var(--el-text-color-regular);
-  --el-notification-title-font-size: 16px;
-  --el-notification-title-color: var(--el-text-color-primary);
+  --el-notification-content-color: var(--el-color-neutral-light-7);
+  --el-notification-title-font-size: 14px;
+  --el-notification-title-color: var(--el-color-neutral-light-9);
   --el-notification-close-color: var(--el-text-color-secondary);
   --el-notification-close-hover-color: var(--el-text-color-regular);
 }
@@ -312,12 +340,11 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   left: 16px;
 }
 .el-notification__group {
-  margin-left: var(--el-notification-group-margin-left);
   margin-right: var(--el-notification-group-margin-right);
 }
 
 .el-notification__title {
-  font-weight: bold;
+  font-weight: normal;
   font-size: var(--el-notification-title-font-size);
   line-height: var(--el-notification-icon-size);
   color: var(--el-notification-title-color);
@@ -327,7 +354,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-notification__content {
   font-size: var(--el-notification-content-font-size);
   line-height: 24px;
-  margin: 6px 0 0;
+  margin: 12px 0 0;
   color: var(--el-notification-content-color);
 }
 .el-notification__content p {
@@ -338,6 +365,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   height: var(--el-notification-icon-size);
   width: var(--el-notification-icon-size);
   font-size: var(--el-notification-icon-size);
+  margin-right: 8px;
 }
 .el-notification .el-notification__closeBtn {
   position: absolute;
@@ -366,6 +394,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-notification-icon-color: var(--el-color-error);
   color: var(--el-notification-icon-color);
 }
+.el-notification .el-notification--danger {
+  --el-notification-icon-color: var(--el-color-danger);
+  color: var(--el-notification-icon-color);
+}
 
 .el-notification-fade-enter-from.right {
   right: 0;

package/dist/runtime/public/scss/element-plus/option-group.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;
 }

package/dist/runtime/public/scss/element-plus/option.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,6 +301,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 **/
 .el-select-dropdown__item {
+  display: flex;
   font-size: var(--el-font-size-small);
   font-weight: 500;
   padding: 0 44px 0 16px;

package/dist/runtime/public/scss/element-plus/overlay.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;
 }

package/dist/runtime/public/scss/element-plus/page-header.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;
 }