@timus-networks/theme 2.4.137 → 2.4.138

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.136",
+  "version": "2.4.137",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
 const __dirname = __cjs_path__.dirname(__filename);
 const require = __cjs_mod__.createRequire(import.meta.url);
 const name = "@timus-networks/theme";
-const version = "2.4.136";
+const version = "2.4.137";
 const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
 const type = "module";
 const exports = {

package/dist/runtime/assets/scss/main.css

@@ -1556,18 +1556,19 @@ body {
   --el-alert-padding: 8px 16px;
   --el-alert-border-radius: var(--el-border-radius-small);
   --el-alert-border-color: var(--el-color-info-light-3);
-  --el-alert-title-font-size: 14px;
-  --el-alert-title-with-description-font-size: 14px;
-  --el-alert-description-font-size: 14px;
+  --el-alert-title-font-size: 12px;
+  --el-alert-title-with-description-font-size: 12px;
+  --el-alert-description-font-size: 10px;
   --el-alert-close-font-size: 14px;
   --el-alert-close-customed-font-size: 14px;
   --el-alert-icon-size: 18px;
   --el-alert-icon-large-size: 32px;
+  position: relative;
   width: 100%;
   padding: var(--el-alert-padding);
   margin: 0;
   box-sizing: border-box;
-  border-radius: var(--el-alert-border-radius-small);
+  border-radius: var(--el-border-radius-small);
   border-width: var(--el-border-width);
   border-style: var(--el-border-style);
   border-color: var(--el-alert-border-color);
@@ -1689,30 +1690,27 @@ body {
 }
 
 .el-alert::before {
-  font-family: "iconsax" !important;
+  font-family: "Material Symbols Outlined" !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: var(--el-alert-icon-size);
-  line-height: 24px;
-  margin-right: 8px;
-}
-.el-alert.el-alert--success::before {
-  content: "\ec2a";
-}
-.el-alert.el-alert--info::before {
-  content: "\eb4d";
-}
-.el-alert.el-alert--warning::before {
-  content: "\e9f6";
+  line-height: 1;
+  margin-right: 5px;
+  content: "info";
+  position: absolute;
+  font-weight: 500;
+  width: 12px;
+  height: 12px;
+  font-size: 12px;
+  top: 14px;
 }
-.el-alert.el-alert--danger::before, .el-alert.el-alert--error::before {
-  content: "\e9c8";
+.el-alert .el-alert__title {
+  padding-left: 17px;
 }
 .el-alert .el-alert__icon {
   display: none;
@@ -1741,6 +1739,8 @@ body {
 }
 .el-alert__title.with-description {
   font-size: var(--el-alert-title-with-description-font-size);
+  line-height: 14px;
+  margin-top: 5px;
 }
 
 .el-alert .el-alert__description {
@@ -10902,6 +10902,7 @@ heights > $common-component-size
   border-color: var(--el-color-primary-light-4);
 }
 .el-link__inner {
+  display: inline-flex;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -11625,16 +11626,37 @@ heights > $common-component-size
   flex-basis: 100%;
 }
 .el-message-box__btns .el-button:first-of-type {
-  --el-button-text-color: var(--el-color-primary);
-  --el-button-disabled-text-color: var(--el-color-primary-light-9);
+  --el-button-text-color: var(--el-color-secondary-light-9);
+  --el-button-bg-color: var(--el-color-secondary-light-1);
+  --el-button-border-color: var(--el-color-secondary-light-2);
+  --el-button-outline-color: var(--el-color-secondary-light-5);
+  --el-button-active-color: var(--el-color-secondary-dark-2);
+  --el-button-hover-text-color: var(--el-color-secondary-light-9);
+  --el-button-hover-link-text-color: var(--el-color-secondary-light-5);
+  --el-button-hover-bg-color: var(--el-color-white);
+  --el-button-hover-border-color: var(--el-color-secondary-light-3);
+  --el-button-active-bg-color: var(--el-color-secondary-light-2);
+  --el-button-active-border-color: var(--el-color-secondary-light-2);
+  --el-button-disabled-text-color: var(--el-color-white);
+  --el-button-disabled-bg-color: var(--el-color-secondary-light-1);
+  --el-button-disabled-border-color: var(--el-color-secondary-light-1);
+}
+.el-message-box__btns .el-button:first-of-type.is-plain, .el-message-box__btns .el-button:first-of-type.is-text, .el-message-box__btns .el-button:first-of-type.is-link {
+  --el-button-text-color: var(--el-color-secondary);
+  --el-button-disabled-text-color: var(--el-color-secondary-light-9);
   --el-button-bg-color: var(--el-color-white);
-  --el-button-border-color: var(--el-color-primary-light-5);
-  --el-button-hover-text-color: var(--el-color-primary-light-4);
+  --el-button-border-color: var(--el-color-secondary-light-5);
+  --el-button-hover-text-color: var(--el-color-secondary-light-4);
   --el-button-hover-bg-color: var(--el-color-white);
-  --el-button-hover-border-color: var(--el-color-primary-light-4);
-  --el-button-active-text-color: var(--el-color-primary-light-6);
+  --el-button-hover-border-color: var(--el-color-secondary-light-4);
+  --el-button-active-text-color: var(--el-color-secondary-light-6);
   --el-button-active-bg-color: var(--el-color-white);
-  --el-button-active-border-color: var(--el-color-primary-light-6);
+  --el-button-active-border-color: var(--el-color-secondary-light-6);
+}
+.el-message-box__btns .el-button:first-of-type.is-plain.is-disabled, .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled:hover, .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled:focus, .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled:active, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled:hover, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled:focus, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled:active, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled:hover, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled:focus, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled:active {
+  color: var(--el-color-secondary-light-2);
+  background-color: transparent;
+  border-color: var(--el-color-secondary-light-2);
 }
 
 .el-message-box--center .el-message-box__title {
@@ -12437,11 +12459,23 @@ heights > $common-component-size
 .popover-footer {
   display: flex;
   padding-top: 16px;
-  gap: 30px;
+  gap: 28px;
 }
 .popover-footer .el-button {
   flex-basis: 100%;
   @apply el-button--mini;
+  /*
+      &:first-of-type {
+    --el-button-hover-text-color: var(--el-color-primary-light-4);
+    --el-button-hover-bg-color: var(--el-color-white);
+    --el-button-hover-border-color: var(--el-color-primary-light-4);
+    --el-button-active-text-color: var(--el-color-primary-light-6);
+    --el-button-active-bg-color: var(--el-color-white);
+    --el-button-active-border-color: var(--el-color-primary-light-6);
+    --el-button-bg-color: var(--el-color-white);
+    --el-button-text-color: var(--el-color-primary);
+  }
+  */
 }
 .popover-footer .el-button:first-of-type {
   --el-button-text-color: var(--el-color-secondary-light-9);

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

@@ -304,18 +304,19 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-alert-padding: 8px 16px;
   --el-alert-border-radius: var(--el-border-radius-small);
   --el-alert-border-color: var(--el-color-info-light-3);
-  --el-alert-title-font-size: 14px;
-  --el-alert-title-with-description-font-size: 14px;
-  --el-alert-description-font-size: 14px;
+  --el-alert-title-font-size: 12px;
+  --el-alert-title-with-description-font-size: 12px;
+  --el-alert-description-font-size: 10px;
   --el-alert-close-font-size: 14px;
   --el-alert-close-customed-font-size: 14px;
   --el-alert-icon-size: 18px;
   --el-alert-icon-large-size: 32px;
+  position: relative;
   width: 100%;
   padding: var(--el-alert-padding);
   margin: 0;
   box-sizing: border-box;
-  border-radius: var(--el-alert-border-radius-small);
+  border-radius: var(--el-border-radius-small);
   border-width: var(--el-border-width);
   border-style: var(--el-border-style);
   border-color: var(--el-alert-border-color);
@@ -437,30 +438,27 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-alert::before {
-  font-family: "iconsax" !important;
+  font-family: "Material Symbols Outlined" !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: var(--el-alert-icon-size);
-  line-height: 24px;
-  margin-right: 8px;
-}
-.el-alert.el-alert--success::before {
-  content: "\ec2a";
-}
-.el-alert.el-alert--info::before {
-  content: "\eb4d";
-}
-.el-alert.el-alert--warning::before {
-  content: "\e9f6";
+  line-height: 1;
+  margin-right: 5px;
+  content: "info";
+  position: absolute;
+  font-weight: 500;
+  width: 12px;
+  height: 12px;
+  font-size: 12px;
+  top: 14px;
 }
-.el-alert.el-alert--danger::before, .el-alert.el-alert--error::before {
-  content: "\e9c8";
+.el-alert .el-alert__title {
+  padding-left: 17px;
 }
 .el-alert .el-alert__icon {
   display: none;
@@ -489,6 +487,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-alert__title.with-description {
   font-size: var(--el-alert-title-with-description-font-size);
+  line-height: 14px;
+  margin-top: 5px;
 }
 
 .el-alert .el-alert__description {

package/dist/runtime/public/scss/element-plus/alert.scss

@@ -4,12 +4,13 @@
 
 @include b(alert) {
   @include set-component-css-var('alert', $alert);
+  position: relative;
 
   width: 100%;
   padding: getCssVar('alert', 'padding');
   margin: 0;
   box-sizing: border-box;
-  border-radius: getCssVar('alert', 'border-radius-small');
+  border-radius: getCssVar('border-radius-small');
   border-width: getCssVar('border-width');
   border-style: getCssVar('border-style');
   border-color: getCssVar('alert', 'border-color');
@@ -18,6 +19,7 @@
   overflow: hidden;
   opacity: 1;
   display: flex;
+
   // align-items: center;
   transition: opacity getCssVar('transition-duration', 'fast');
 
@@ -67,44 +69,31 @@
     }
   }
 
+  $material-icons-font-family: 'Material Symbols Outlined';
+
   &::before {
-    font-family: 'iconsax' !important;
+    font-family: $material-icons-font-family !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: getCssVar('alert', 'icon-size');
-    line-height: 24px;
-    margin-right: 8px;
-  }
-
-  &.el-alert--success {
-    &::before {
-      content: '\ec2a';
-    }
-  }
-
-  &.el-alert--info {
-    &::before {
-      content: '\eb4d';
-    }
-  }
-
-  &.el-alert--warning {
-    &::before {
-      content: '\e9f6';
-    }
+    line-height: 1;
+    margin-right: 5px;
+    content: 'info';
+    position: absolute;
+    font-weight: 500;
+    width: 12px;
+    height: 12px;
+    font-size: 12px;
+    top: 14px;
   }
 
-  &.el-alert--danger,
-  &.el-alert--error {
-    &::before {
-      content: '\e9c8';
-    }
+  .el-alert__title {
+    padding-left: 17px;
   }
 
   .el-alert__icon {
@@ -137,6 +126,8 @@
 
     &.with-description {
       font-size: getCssVar('alert', 'title-with-description-font-size');
+      line-height: 14px;
+      margin-top: 5px;
     }
   }
 

package/dist/runtime/public/scss/element-plus/common/var.scss

@@ -542,9 +542,9 @@ $alert: map.merge(
     'padding': 8px 16px,
     'border-radius': getCssVar('border-radius-small'),
     'border-color': getCssVar('color', 'info-light-3'),
-    'title-font-size': 14px,
-    'title-with-description-font-size': 14px,
-    'description-font-size': 14px,
+    'title-font-size': 12px,
+    'title-with-description-font-size': 12px,
+    'description-font-size': 10px,
     'close-font-size': 14px,
     'close-customed-font-size': 14px,
     'icon-size': 18px,

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

@@ -559,18 +559,19 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   --el-alert-padding: 8px 16px;
   --el-alert-border-radius: var(--el-border-radius-small);
   --el-alert-border-color: var(--el-color-info-light-3);
-  --el-alert-title-font-size: 14px;
-  --el-alert-title-with-description-font-size: 14px;
-  --el-alert-description-font-size: 14px;
+  --el-alert-title-font-size: 12px;
+  --el-alert-title-with-description-font-size: 12px;
+  --el-alert-description-font-size: 10px;
   --el-alert-close-font-size: 14px;
   --el-alert-close-customed-font-size: 14px;
   --el-alert-icon-size: 18px;
   --el-alert-icon-large-size: 32px;
+  position: relative;
   width: 100%;
   padding: var(--el-alert-padding);
   margin: 0;
   box-sizing: border-box;
-  border-radius: var(--el-alert-border-radius-small);
+  border-radius: var(--el-border-radius-small);
   border-width: var(--el-border-width);
   border-style: var(--el-border-style);
   border-color: var(--el-alert-border-color);
@@ -692,30 +693,27 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-alert::before {
-  font-family: "iconsax" !important;
+  font-family: "Material Symbols Outlined" !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: var(--el-alert-icon-size);
-  line-height: 24px;
-  margin-right: 8px;
-}
-.el-alert.el-alert--success::before {
-  content: "\ec2a";
-}
-.el-alert.el-alert--info::before {
-  content: "\eb4d";
-}
-.el-alert.el-alert--warning::before {
-  content: "\e9f6";
+  line-height: 1;
+  margin-right: 5px;
+  content: "info";
+  position: absolute;
+  font-weight: 500;
+  width: 12px;
+  height: 12px;
+  font-size: 12px;
+  top: 14px;
 }
-.el-alert.el-alert--danger::before, .el-alert.el-alert--error::before {
-  content: "\e9c8";
+.el-alert .el-alert__title {
+  padding-left: 17px;
 }
 .el-alert .el-alert__icon {
   display: none;
@@ -744,6 +742,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-alert__title.with-description {
   font-size: var(--el-alert-title-with-description-font-size);
+  line-height: 14px;
+  margin-top: 5px;
 }
 
 .el-alert .el-alert__description {
@@ -10016,6 +10016,7 @@ h6,
   border-color: var(--el-color-primary-light-4);
 }
 .el-link__inner {
+  display: inline-flex;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -10739,16 +10740,37 @@ h6,
   flex-basis: 100%;
 }
 .el-message-box__btns .el-button:first-of-type {
-  --el-button-text-color: var(--el-color-primary);
-  --el-button-disabled-text-color: var(--el-color-primary-light-9);
+  --el-button-text-color: var(--el-color-secondary-light-9);
+  --el-button-bg-color: var(--el-color-secondary-light-1);
+  --el-button-border-color: var(--el-color-secondary-light-2);
+  --el-button-outline-color: var(--el-color-secondary-light-5);
+  --el-button-active-color: var(--el-color-secondary-dark-2);
+  --el-button-hover-text-color: var(--el-color-secondary-light-9);
+  --el-button-hover-link-text-color: var(--el-color-secondary-light-5);
+  --el-button-hover-bg-color: var(--el-color-white);
+  --el-button-hover-border-color: var(--el-color-secondary-light-3);
+  --el-button-active-bg-color: var(--el-color-secondary-light-2);
+  --el-button-active-border-color: var(--el-color-secondary-light-2);
+  --el-button-disabled-text-color: var(--el-color-white);
+  --el-button-disabled-bg-color: var(--el-color-secondary-light-1);
+  --el-button-disabled-border-color: var(--el-color-secondary-light-1);
+}
+.el-message-box__btns .el-button:first-of-type.is-plain, .el-message-box__btns .el-button:first-of-type.is-text, .el-message-box__btns .el-button:first-of-type.is-link {
+  --el-button-text-color: var(--el-color-secondary);
+  --el-button-disabled-text-color: var(--el-color-secondary-light-9);
   --el-button-bg-color: var(--el-color-white);
-  --el-button-border-color: var(--el-color-primary-light-5);
-  --el-button-hover-text-color: var(--el-color-primary-light-4);
+  --el-button-border-color: var(--el-color-secondary-light-5);
+  --el-button-hover-text-color: var(--el-color-secondary-light-4);
   --el-button-hover-bg-color: var(--el-color-white);
-  --el-button-hover-border-color: var(--el-color-primary-light-4);
-  --el-button-active-text-color: var(--el-color-primary-light-6);
+  --el-button-hover-border-color: var(--el-color-secondary-light-4);
+  --el-button-active-text-color: var(--el-color-secondary-light-6);
   --el-button-active-bg-color: var(--el-color-white);
-  --el-button-active-border-color: var(--el-color-primary-light-6);
+  --el-button-active-border-color: var(--el-color-secondary-light-6);
+}
+.el-message-box__btns .el-button:first-of-type.is-plain.is-disabled, .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled:hover, .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled:focus, .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled:active, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled:hover, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled:focus, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled:active, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled:hover, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled:focus, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled:active {
+  color: var(--el-color-secondary-light-2);
+  background-color: transparent;
+  border-color: var(--el-color-secondary-light-2);
 }
 
 .el-message-box--center .el-message-box__title {
@@ -11551,11 +11573,23 @@ h6,
 .popover-footer {
   display: flex;
   padding-top: 16px;
-  gap: 30px;
+  gap: 28px;
 }
 .popover-footer .el-button {
   flex-basis: 100%;
   @apply el-button--mini;
+  /*
+      &:first-of-type {
+    --el-button-hover-text-color: var(--el-color-primary-light-4);
+    --el-button-hover-bg-color: var(--el-color-white);
+    --el-button-hover-border-color: var(--el-color-primary-light-4);
+    --el-button-active-text-color: var(--el-color-primary-light-6);
+    --el-button-active-bg-color: var(--el-color-white);
+    --el-button-active-border-color: var(--el-color-primary-light-6);
+    --el-button-bg-color: var(--el-color-white);
+    --el-button-text-color: var(--el-color-primary);
+  }
+  */
 }
 .popover-footer .el-button:first-of-type {
   --el-button-text-color: var(--el-color-secondary-light-9);

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

@@ -477,6 +477,7 @@ h6,
   border-color: var(--el-color-primary-light-4);
 }
 .el-link__inner {
+  display: inline-flex;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

package/dist/runtime/public/scss/element-plus/link.scss

@@ -83,7 +83,7 @@
   }
 
   @include e(inner) {
-    // display: inline-flex;
+    display: inline-flex;
     // justify-content: center;
     // align-items: center;
 

package/dist/runtime/public/scss/element-plus/message-box.css

@@ -504,16 +504,37 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   flex-basis: 100%;
 }
 .el-message-box__btns .el-button:first-of-type {
-  --el-button-text-color: var(--el-color-primary);
-  --el-button-disabled-text-color: var(--el-color-primary-light-9);
+  --el-button-text-color: var(--el-color-secondary-light-9);
+  --el-button-bg-color: var(--el-color-secondary-light-1);
+  --el-button-border-color: var(--el-color-secondary-light-2);
+  --el-button-outline-color: var(--el-color-secondary-light-5);
+  --el-button-active-color: var(--el-color-secondary-dark-2);
+  --el-button-hover-text-color: var(--el-color-secondary-light-9);
+  --el-button-hover-link-text-color: var(--el-color-secondary-light-5);
+  --el-button-hover-bg-color: var(--el-color-white);
+  --el-button-hover-border-color: var(--el-color-secondary-light-3);
+  --el-button-active-bg-color: var(--el-color-secondary-light-2);
+  --el-button-active-border-color: var(--el-color-secondary-light-2);
+  --el-button-disabled-text-color: var(--el-color-white);
+  --el-button-disabled-bg-color: var(--el-color-secondary-light-1);
+  --el-button-disabled-border-color: var(--el-color-secondary-light-1);
+}
+.el-message-box__btns .el-button:first-of-type.is-plain, .el-message-box__btns .el-button:first-of-type.is-text, .el-message-box__btns .el-button:first-of-type.is-link {
+  --el-button-text-color: var(--el-color-secondary);
+  --el-button-disabled-text-color: var(--el-color-secondary-light-9);
   --el-button-bg-color: var(--el-color-white);
-  --el-button-border-color: var(--el-color-primary-light-5);
-  --el-button-hover-text-color: var(--el-color-primary-light-4);
+  --el-button-border-color: var(--el-color-secondary-light-5);
+  --el-button-hover-text-color: var(--el-color-secondary-light-4);
   --el-button-hover-bg-color: var(--el-color-white);
-  --el-button-hover-border-color: var(--el-color-primary-light-4);
-  --el-button-active-text-color: var(--el-color-primary-light-6);
+  --el-button-hover-border-color: var(--el-color-secondary-light-4);
+  --el-button-active-text-color: var(--el-color-secondary-light-6);
   --el-button-active-bg-color: var(--el-color-white);
-  --el-button-active-border-color: var(--el-color-primary-light-6);
+  --el-button-active-border-color: var(--el-color-secondary-light-6);
+}
+.el-message-box__btns .el-button:first-of-type.is-plain.is-disabled, .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled:hover, .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled:focus, .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled:active, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled:hover, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled:focus, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled:active, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled:hover, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled:focus, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled:active {
+  color: var(--el-color-secondary-light-2);
+  background-color: transparent;
+  border-color: var(--el-color-secondary-light-2);
 }
 
 .el-message-box--center .el-message-box__title {

package/dist/runtime/public/scss/element-plus/message-box.scss

@@ -4,6 +4,7 @@
 @use 'mixins/var' as *;
 @use 'common/var' as *;
 @use 'common/popup' as *;
+@use 'mixins/button' as *;
 
 @include b(message-box) {
   @include set-component-css-var('messagebox', $messagebox);
@@ -170,17 +171,22 @@
       flex-basis: 100%;
 
       &:first-of-type {
-        --el-button-text-color: var(--el-color-primary);
-        --el-button-disabled-text-color: var(--el-color-primary-light-9);
-        --el-button-bg-color: var(--el-color-white);
-        --el-button-border-color: var(--el-color-primary-light-5);
-        --el-button-hover-text-color: var(--el-color-primary-light-4);
-        --el-button-hover-bg-color: var(--el-color-white);
-        --el-button-hover-border-color: var(--el-color-primary-light-4);
-        --el-button-active-text-color: var(--el-color-primary-light-6);
-        --el-button-active-bg-color: var(--el-color-white);
-        --el-button-active-border-color: var(--el-color-primary-light-6);
+        @include button-variant('secondary');
+        // @include button-plain('secondary'); // for plain button bunu deneyebilirsin eğer outline olsun isteniyorsa. denemedim ama çalışır sanırım.
       }
+
+      // &:first-of-type {
+      //   --el-button-text-color: var(--el-color-primary);
+      //   --el-button-disabled-text-color: var(--el-color-primary-light-9);
+      //   --el-button-bg-color: var(--el-color-white);
+      //   --el-button-border-color: var(--el-color-primary-light-5);
+      //   --el-button-hover-text-color: var(--el-color-primary-light-4);
+      //   --el-button-hover-bg-color: var(--el-color-white);
+      //   --el-button-hover-border-color: var(--el-color-primary-light-4);
+      //   --el-button-active-text-color: var(--el-color-primary-light-6);
+      //   --el-button-active-bg-color: var(--el-color-white);
+      //   --el-button-active-border-color: var(--el-color-primary-light-6);
+      // }
     }
   }
 

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

@@ -356,11 +356,23 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .popover-footer {
   display: flex;
   padding-top: 16px;
-  gap: 30px;
+  gap: 28px;
 }
 .popover-footer .el-button {
   flex-basis: 100%;
   @apply el-button--mini;
+  /*
+      &:first-of-type {
+    --el-button-hover-text-color: var(--el-color-primary-light-4);
+    --el-button-hover-bg-color: var(--el-color-white);
+    --el-button-hover-border-color: var(--el-color-primary-light-4);
+    --el-button-active-text-color: var(--el-color-primary-light-6);
+    --el-button-active-bg-color: var(--el-color-white);
+    --el-button-active-border-color: var(--el-color-primary-light-6);
+    --el-button-bg-color: var(--el-color-white);
+    --el-button-text-color: var(--el-color-primary);
+  }
+  */
 }
 .popover-footer .el-button:first-of-type {
   --el-button-text-color: var(--el-color-secondary-light-9);

package/dist/runtime/public/scss/element-plus/popover.scss

@@ -57,7 +57,7 @@
 .popover-footer {
   display: flex;
   padding-top: 16px;
-  gap: 30px;
+  gap: 28px;
 
   .el-button {
     flex-basis: 100%;
@@ -66,6 +66,20 @@
 
     &:first-of-type {
       @include button-variant('secondary');
+      // @include button-plain('secondary'); // for plain button bunu deneyebilirsin eğer outline olsun isteniyorsa. denemedim ama çalışır sanırım.
     }
+
+    /*
+        &:first-of-type {
+      --el-button-hover-text-color: var(--el-color-primary-light-4);
+      --el-button-hover-bg-color: var(--el-color-white);
+      --el-button-hover-border-color: var(--el-color-primary-light-4);
+      --el-button-active-text-color: var(--el-color-primary-light-6);
+      --el-button-active-bg-color: var(--el-color-white);
+      --el-button-active-border-color: var(--el-color-primary-light-6);
+      --el-button-bg-color: var(--el-color-white);
+      --el-button-text-color: var(--el-color-primary);
+    }
+    */
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timus-networks/theme",
-  "version": "2.4.137",
+  "version": "2.4.138",
   "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
   "type": "module",
   "exports": {