@timus-networks/theme 2.4.285 → 2.4.288

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.284",
+  "version": "2.4.287",
   "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.284";
+const version = "2.4.287";
 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

@@ -2798,17 +2798,17 @@ body {
 }
 
 .el-button--primary {
-  --el-button-text-color: var(--el-color-"white"-"");
-  --el-button-bg-color: var(--el-color-primary-"");
-  --el-button-border-color: var(--el-color-primary-"");
+  --el-button-text-color: var(--el-color-white);
+  --el-button-bg-color: var(--el-color-primary-light-5);
+  --el-button-border-color: var(--el-color-primary);
   --el-button-outline-color: var(--el-color-primary-light-5);
   --el-button-active-color: var(--el-color-primary-dark-2);
-  --el-button-hover-text-color: var(--el-color-"white"-"");
+  --el-button-hover-text-color: var(--el-color-white);
   --el-button-hover-link-text-color: var(--el-color-primary-light-5);
-  --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-bg-color: var(--el-color-primary-"light-6");
-  --el-button-active-border-color: var(--el-color-primary-"light-6");
+  --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-bg-color: var(--el-color-primary-light-6);
+  --el-button-active-border-color: var(--el-color-primary-light-6);
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-primary-light-1);
   --el-button-disabled-border-color: var(--el-color-primary-light-1);
@@ -2866,17 +2866,17 @@ body {
 }
 
 .el-button--neutral {
-  --el-button-text-color: var(--el-color-"white"-"");
-  --el-button-bg-color: var(--el-color-neutral-"");
-  --el-button-border-color: var(--el-color-neutral-"");
+  --el-button-text-color: var(--el-color-white);
+  --el-button-bg-color: var(--el-color-neutral-light-5);
+  --el-button-border-color: var(--el-color-neutral);
   --el-button-outline-color: var(--el-color-neutral-light-5);
   --el-button-active-color: var(--el-color-neutral-dark-2);
-  --el-button-hover-text-color: var(--el-color-"white"-"");
+  --el-button-hover-text-color: var(--el-color-white);
   --el-button-hover-link-text-color: var(--el-color-neutral-light-5);
-  --el-button-hover-bg-color: var(--el-color-neutral-"light-4");
-  --el-button-hover-border-color: var(--el-color-neutral-"light-4");
-  --el-button-active-bg-color: var(--el-color-neutral-"light-6");
-  --el-button-active-border-color: var(--el-color-neutral-"light-6");
+  --el-button-hover-bg-color: var(--el-color-neutral-light-4);
+  --el-button-hover-border-color: var(--el-color-neutral-light-4);
+  --el-button-active-bg-color: var(--el-color-neutral-light-6);
+  --el-button-active-border-color: var(--el-color-neutral-light-6);
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-neutral-light-1);
   --el-button-disabled-border-color: var(--el-color-neutral-light-1);
@@ -2900,17 +2900,17 @@ body {
 }
 
 .el-button--success {
-  --el-button-text-color: var(--el-color-"white"-"");
-  --el-button-bg-color: var(--el-color-success-"");
-  --el-button-border-color: var(--el-color-success-"");
+  --el-button-text-color: var(--el-color-white);
+  --el-button-bg-color: var(--el-color-success-light-5);
+  --el-button-border-color: var(--el-color-success);
   --el-button-outline-color: var(--el-color-success-light-5);
   --el-button-active-color: var(--el-color-success-dark-2);
-  --el-button-hover-text-color: var(--el-color-"white"-"");
+  --el-button-hover-text-color: var(--el-color-white);
   --el-button-hover-link-text-color: var(--el-color-success-light-5);
-  --el-button-hover-bg-color: var(--el-color-success-"light-4");
-  --el-button-hover-border-color: var(--el-color-success-"light-4");
-  --el-button-active-bg-color: var(--el-color-success-"light-6");
-  --el-button-active-border-color: var(--el-color-success-"light-6");
+  --el-button-hover-bg-color: var(--el-color-success-light-4);
+  --el-button-hover-border-color: var(--el-color-success-light-4);
+  --el-button-active-bg-color: var(--el-color-success-light-6);
+  --el-button-active-border-color: var(--el-color-success-light-6);
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-success-light-1);
   --el-button-disabled-border-color: var(--el-color-success-light-1);
@@ -2934,17 +2934,17 @@ body {
 }
 
 .el-button--warning {
-  --el-button-text-color: var(--el-color-"white"-"");
-  --el-button-bg-color: var(--el-color-warning-"");
-  --el-button-border-color: var(--el-color-warning-"");
+  --el-button-text-color: var(--el-color-white);
+  --el-button-bg-color: var(--el-color-warning-light-5);
+  --el-button-border-color: var(--el-color-warning);
   --el-button-outline-color: var(--el-color-warning-light-5);
   --el-button-active-color: var(--el-color-warning-dark-2);
-  --el-button-hover-text-color: var(--el-color-"white"-"");
+  --el-button-hover-text-color: var(--el-color-white);
   --el-button-hover-link-text-color: var(--el-color-warning-light-5);
-  --el-button-hover-bg-color: var(--el-color-warning-"light-4");
-  --el-button-hover-border-color: var(--el-color-warning-"light-4");
-  --el-button-active-bg-color: var(--el-color-warning-"light-6");
-  --el-button-active-border-color: var(--el-color-warning-"light-6");
+  --el-button-hover-bg-color: var(--el-color-warning-light-4);
+  --el-button-hover-border-color: var(--el-color-warning-light-4);
+  --el-button-active-bg-color: var(--el-color-warning-light-6);
+  --el-button-active-border-color: var(--el-color-warning-light-6);
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-warning-light-1);
   --el-button-disabled-border-color: var(--el-color-warning-light-1);
@@ -2968,17 +2968,17 @@ body {
 }
 
 .el-button--danger {
-  --el-button-text-color: var(--el-color-"white"-"");
-  --el-button-bg-color: var(--el-color-danger-"");
-  --el-button-border-color: var(--el-color-danger-"");
+  --el-button-text-color: var(--el-color-white);
+  --el-button-bg-color: var(--el-color-danger-light-5);
+  --el-button-border-color: var(--el-color-danger);
   --el-button-outline-color: var(--el-color-danger-light-5);
   --el-button-active-color: var(--el-color-danger-dark-2);
-  --el-button-hover-text-color: var(--el-color-"white"-"");
+  --el-button-hover-text-color: var(--el-color-white);
   --el-button-hover-link-text-color: var(--el-color-danger-light-5);
-  --el-button-hover-bg-color: var(--el-color-danger-"light-4");
-  --el-button-hover-border-color: var(--el-color-danger-"light-4");
-  --el-button-active-bg-color: var(--el-color-danger-"light-6");
-  --el-button-active-border-color: var(--el-color-danger-"light-6");
+  --el-button-hover-bg-color: var(--el-color-danger-light-4);
+  --el-button-hover-border-color: var(--el-color-danger-light-4);
+  --el-button-active-bg-color: var(--el-color-danger-light-6);
+  --el-button-active-border-color: var(--el-color-danger-light-6);
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-danger-light-1);
   --el-button-disabled-border-color: var(--el-color-danger-light-1);
@@ -3002,17 +3002,17 @@ body {
 }
 
 .el-button--error {
-  --el-button-text-color: var(--el-color-"white"-"");
-  --el-button-bg-color: var(--el-color-error-"");
-  --el-button-border-color: var(--el-color-error-"");
+  --el-button-text-color: var(--el-color-white);
+  --el-button-bg-color: var(--el-color-error-light-5);
+  --el-button-border-color: var(--el-color-error);
   --el-button-outline-color: var(--el-color-error-light-5);
   --el-button-active-color: var(--el-color-error-dark-2);
-  --el-button-hover-text-color: var(--el-color-"white"-"");
+  --el-button-hover-text-color: var(--el-color-white);
   --el-button-hover-link-text-color: var(--el-color-error-light-5);
-  --el-button-hover-bg-color: var(--el-color-error-"light-4");
-  --el-button-hover-border-color: var(--el-color-error-"light-4");
-  --el-button-active-bg-color: var(--el-color-error-"light-6");
-  --el-button-active-border-color: var(--el-color-error-"light-6");
+  --el-button-hover-bg-color: var(--el-color-error-light-4);
+  --el-button-hover-border-color: var(--el-color-error-light-4);
+  --el-button-active-bg-color: var(--el-color-error-light-6);
+  --el-button-active-border-color: var(--el-color-error-light-6);
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-error-light-1);
   --el-button-disabled-border-color: var(--el-color-error-light-1);
@@ -3036,17 +3036,17 @@ body {
 }
 
 .el-button--info {
-  --el-button-text-color: var(--el-color-"white"-"");
-  --el-button-bg-color: var(--el-color-info-"");
-  --el-button-border-color: var(--el-color-info-"");
+  --el-button-text-color: var(--el-color-white);
+  --el-button-bg-color: var(--el-color-info-light-5);
+  --el-button-border-color: var(--el-color-info);
   --el-button-outline-color: var(--el-color-info-light-5);
   --el-button-active-color: var(--el-color-info-dark-2);
-  --el-button-hover-text-color: var(--el-color-"white"-"");
+  --el-button-hover-text-color: var(--el-color-white);
   --el-button-hover-link-text-color: var(--el-color-info-light-5);
-  --el-button-hover-bg-color: var(--el-color-info-"light-4");
-  --el-button-hover-border-color: var(--el-color-info-"light-4");
-  --el-button-active-bg-color: var(--el-color-info-"light-6");
-  --el-button-active-border-color: var(--el-color-info-"light-6");
+  --el-button-hover-bg-color: var(--el-color-info-light-4);
+  --el-button-hover-border-color: var(--el-color-info-light-4);
+  --el-button-active-bg-color: var(--el-color-info-light-6);
+  --el-button-active-border-color: var(--el-color-info-light-6);
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-info-light-1);
   --el-button-disabled-border-color: var(--el-color-info-light-1);
@@ -13638,6 +13638,24 @@ heights > $common-component-size
 }
 .el-select__wrapper.is-filterable {
   cursor: text;
+  overflow: hidden;
+}
+.el-select__wrapper.is-filterable .el-select__selection {
+  overflow: hidden;
+}
+.el-select__wrapper.is-filterable .el-select__input-wrapper {
+  flex: 1 1 0;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+.el-select__wrapper.is-filterable .el-select__input {
+  min-width: 0 !important;
+  width: 100% !important;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .el-select__wrapper.is-focused {
@@ -13739,17 +13757,10 @@ heights > $common-component-size
   flex-wrap: wrap;
   user-select: none;
   align-items: center;
-  /* Sonradan ekledim truncate etmek için */
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  width: min-content;
-  max-width: calc(100% - 120px);
+  flex-shrink: 1;
 }
 .el-select__selected-item.el-tooltip__trigger {
-  max-width: min-content;
-}
-.el-select__selected-item {
-  /* buraya kadar ekledim truncate etmek için */
+  flex-shrink: 0;
 }
 .el-select__selected-item .el-tag.el-tag--info {
   --el-tag-bg-color: var(--el-color-primary-light-1);
@@ -13757,12 +13768,6 @@ heights > $common-component-size
   --el-tag-hover-color: var(--el-color-primary-light-5);
   --el-tag-text-color: var(--el-color-primary-light-5);
 }
-.el-select__selected-item:has(+ .el-tooltip__trigger) {
-  max-width: calc(100% - 160px);
-}
-.el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
-  max-width: none;
-}
 
 .el-select__tags-text {
   display: block;
@@ -13778,11 +13783,12 @@ heights > $common-component-size
   top: 50%;
   transform: translateY(-50%);
   width: 100%;
+  max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: var(--el-input-text-color, var(--el-text-color-regular));
-  min-width: 100%;
+  min-width: 0;
 }
 .el-select__placeholder.is-transparent {
   user-select: none;
@@ -13825,6 +13831,7 @@ heights > $common-component-size
 .el-select__input-wrapper.is-hidden {
   position: absolute;
   opacity: 0;
+  display: none;
 }
 
 .el-select__input {
@@ -13976,6 +13983,36 @@ heights > $common-component-size
   flex-wrap: wrap;
 }
 
+.el-form-items .el-select .el-select__placeholder {
+  min-width: 0;
+  max-width: 100%;
+}
+.el-form-items .el-select .el-select__selection > .el-select__selected-item:not(.el-tooltip__trigger) {
+  flex: 0 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  max-width: 100%;
+}
+.el-form-items .el-select .el-select__selection > .el-select__selected-item:not(.el-tooltip__trigger):has(+ .el-select__selected-item.el-tooltip__trigger) {
+  max-width: calc(100% - 3rem);
+}
+.el-form-items .el-select .el-select__selection > .el-select__selected-item:not(.el-tooltip__trigger) .el-tag {
+  max-width: 100% !important;
+  width: 100%;
+}
+.el-form-items .el-select .el-select__selection > .el-select__selected-item.el-tooltip__trigger {
+  flex: 0 0 auto;
+  width: auto;
+  max-width: none;
+  position: static;
+  display: inline-flex;
+  align-items: center;
+}
+.el-form-items .el-select .el-select__selection > .el-select__selected-item.el-tooltip__trigger .el-tag {
+  width: auto !important;
+  max-width: none !important;
+}
+
 .el-skeleton {
   --el-skeleton-circle-size: var(--el-avatar-size);
 }
@@ -16492,6 +16529,9 @@ heights > $common-component-size
   background-color: var(--el-tag-bg-color);
   border-color: var(--el-tag-border-color);
   color: var(--el-tag-text-color);
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
   vertical-align: middle;
   height: 16px;
   padding: 0 7px;
@@ -16503,9 +16543,6 @@ heights > $common-component-size
   box-sizing: border-box;
   white-space: nowrap;
   transition: none;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
   --el-icon-size: 14px;
   --el-tag-bg-color: var(--el-color-primary-light-1);
   --el-tag-border-color: var(--el-color-primary-light-4);
@@ -16817,6 +16854,13 @@ heights > $common-component-size
   --el-tag-bg-color: var(--el-color-white);
 }
 
+.el-tag.el-tag--warning {
+  --el-tag-bg-color: var(--el-color-warning-light-1);
+  --el-tag-border-color: var(--el-color-warning-light-3);
+  --el-tag-text-color: var(--el-color-warning-light-6);
+  --el-tag-hover-color: var(--el-color-warning-light-6);
+}
+
 .el-tag.rounded {
   width: 16px;
   height: 16px;
@@ -18141,6 +18185,9 @@ mark.el-text {
   overflow-wrap: break-word;
   visibility: visible;
 }
+.el-popper .el-select__selected-item {
+  max-width: none;
+}
 .el-popper.is-dark {
   color: var(--el-bg-color);
   background: var(--el-text-color-primary);

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

@@ -718,17 +718,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--primary {
-  --el-button-text-color: var(--el-color-"white"-"");
-  --el-button-bg-color: var(--el-color-primary-"");
-  --el-button-border-color: var(--el-color-primary-"");
+  --el-button-text-color: var(--el-color-white);
+  --el-button-bg-color: var(--el-color-primary-light-5);
+  --el-button-border-color: var(--el-color-primary);
   --el-button-outline-color: var(--el-color-primary-light-5);
   --el-button-active-color: var(--el-color-primary-dark-2);
-  --el-button-hover-text-color: var(--el-color-"white"-"");
+  --el-button-hover-text-color: var(--el-color-white);
   --el-button-hover-link-text-color: var(--el-color-primary-light-5);
-  --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-bg-color: var(--el-color-primary-"light-6");
-  --el-button-active-border-color: var(--el-color-primary-"light-6");
+  --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-bg-color: var(--el-color-primary-light-6);
+  --el-button-active-border-color: var(--el-color-primary-light-6);
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-primary-light-1);
   --el-button-disabled-border-color: var(--el-color-primary-light-1);
@@ -786,17 +786,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--neutral {
-  --el-button-text-color: var(--el-color-"white"-"");
-  --el-button-bg-color: var(--el-color-neutral-"");
-  --el-button-border-color: var(--el-color-neutral-"");
+  --el-button-text-color: var(--el-color-white);
+  --el-button-bg-color: var(--el-color-neutral-light-5);
+  --el-button-border-color: var(--el-color-neutral);
   --el-button-outline-color: var(--el-color-neutral-light-5);
   --el-button-active-color: var(--el-color-neutral-dark-2);
-  --el-button-hover-text-color: var(--el-color-"white"-"");
+  --el-button-hover-text-color: var(--el-color-white);
   --el-button-hover-link-text-color: var(--el-color-neutral-light-5);
-  --el-button-hover-bg-color: var(--el-color-neutral-"light-4");
-  --el-button-hover-border-color: var(--el-color-neutral-"light-4");
-  --el-button-active-bg-color: var(--el-color-neutral-"light-6");
-  --el-button-active-border-color: var(--el-color-neutral-"light-6");
+  --el-button-hover-bg-color: var(--el-color-neutral-light-4);
+  --el-button-hover-border-color: var(--el-color-neutral-light-4);
+  --el-button-active-bg-color: var(--el-color-neutral-light-6);
+  --el-button-active-border-color: var(--el-color-neutral-light-6);
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-neutral-light-1);
   --el-button-disabled-border-color: var(--el-color-neutral-light-1);
@@ -820,17 +820,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--success {
-  --el-button-text-color: var(--el-color-"white"-"");
-  --el-button-bg-color: var(--el-color-success-"");
-  --el-button-border-color: var(--el-color-success-"");
+  --el-button-text-color: var(--el-color-white);
+  --el-button-bg-color: var(--el-color-success-light-5);
+  --el-button-border-color: var(--el-color-success);
   --el-button-outline-color: var(--el-color-success-light-5);
   --el-button-active-color: var(--el-color-success-dark-2);
-  --el-button-hover-text-color: var(--el-color-"white"-"");
+  --el-button-hover-text-color: var(--el-color-white);
   --el-button-hover-link-text-color: var(--el-color-success-light-5);
-  --el-button-hover-bg-color: var(--el-color-success-"light-4");
-  --el-button-hover-border-color: var(--el-color-success-"light-4");
-  --el-button-active-bg-color: var(--el-color-success-"light-6");
-  --el-button-active-border-color: var(--el-color-success-"light-6");
+  --el-button-hover-bg-color: var(--el-color-success-light-4);
+  --el-button-hover-border-color: var(--el-color-success-light-4);
+  --el-button-active-bg-color: var(--el-color-success-light-6);
+  --el-button-active-border-color: var(--el-color-success-light-6);
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-success-light-1);
   --el-button-disabled-border-color: var(--el-color-success-light-1);
@@ -854,17 +854,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--warning {
-  --el-button-text-color: var(--el-color-"white"-"");
-  --el-button-bg-color: var(--el-color-warning-"");
-  --el-button-border-color: var(--el-color-warning-"");
+  --el-button-text-color: var(--el-color-white);
+  --el-button-bg-color: var(--el-color-warning-light-5);
+  --el-button-border-color: var(--el-color-warning);
   --el-button-outline-color: var(--el-color-warning-light-5);
   --el-button-active-color: var(--el-color-warning-dark-2);
-  --el-button-hover-text-color: var(--el-color-"white"-"");
+  --el-button-hover-text-color: var(--el-color-white);
   --el-button-hover-link-text-color: var(--el-color-warning-light-5);
-  --el-button-hover-bg-color: var(--el-color-warning-"light-4");
-  --el-button-hover-border-color: var(--el-color-warning-"light-4");
-  --el-button-active-bg-color: var(--el-color-warning-"light-6");
-  --el-button-active-border-color: var(--el-color-warning-"light-6");
+  --el-button-hover-bg-color: var(--el-color-warning-light-4);
+  --el-button-hover-border-color: var(--el-color-warning-light-4);
+  --el-button-active-bg-color: var(--el-color-warning-light-6);
+  --el-button-active-border-color: var(--el-color-warning-light-6);
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-warning-light-1);
   --el-button-disabled-border-color: var(--el-color-warning-light-1);
@@ -888,17 +888,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--danger {
-  --el-button-text-color: var(--el-color-"white"-"");
-  --el-button-bg-color: var(--el-color-danger-"");
-  --el-button-border-color: var(--el-color-danger-"");
+  --el-button-text-color: var(--el-color-white);
+  --el-button-bg-color: var(--el-color-danger-light-5);
+  --el-button-border-color: var(--el-color-danger);
   --el-button-outline-color: var(--el-color-danger-light-5);
   --el-button-active-color: var(--el-color-danger-dark-2);
-  --el-button-hover-text-color: var(--el-color-"white"-"");
+  --el-button-hover-text-color: var(--el-color-white);
   --el-button-hover-link-text-color: var(--el-color-danger-light-5);
-  --el-button-hover-bg-color: var(--el-color-danger-"light-4");
-  --el-button-hover-border-color: var(--el-color-danger-"light-4");
-  --el-button-active-bg-color: var(--el-color-danger-"light-6");
-  --el-button-active-border-color: var(--el-color-danger-"light-6");
+  --el-button-hover-bg-color: var(--el-color-danger-light-4);
+  --el-button-hover-border-color: var(--el-color-danger-light-4);
+  --el-button-active-bg-color: var(--el-color-danger-light-6);
+  --el-button-active-border-color: var(--el-color-danger-light-6);
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-danger-light-1);
   --el-button-disabled-border-color: var(--el-color-danger-light-1);
@@ -922,17 +922,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--error {
-  --el-button-text-color: var(--el-color-"white"-"");
-  --el-button-bg-color: var(--el-color-error-"");
-  --el-button-border-color: var(--el-color-error-"");
+  --el-button-text-color: var(--el-color-white);
+  --el-button-bg-color: var(--el-color-error-light-5);
+  --el-button-border-color: var(--el-color-error);
   --el-button-outline-color: var(--el-color-error-light-5);
   --el-button-active-color: var(--el-color-error-dark-2);
-  --el-button-hover-text-color: var(--el-color-"white"-"");
+  --el-button-hover-text-color: var(--el-color-white);
   --el-button-hover-link-text-color: var(--el-color-error-light-5);
-  --el-button-hover-bg-color: var(--el-color-error-"light-4");
-  --el-button-hover-border-color: var(--el-color-error-"light-4");
-  --el-button-active-bg-color: var(--el-color-error-"light-6");
-  --el-button-active-border-color: var(--el-color-error-"light-6");
+  --el-button-hover-bg-color: var(--el-color-error-light-4);
+  --el-button-hover-border-color: var(--el-color-error-light-4);
+  --el-button-active-bg-color: var(--el-color-error-light-6);
+  --el-button-active-border-color: var(--el-color-error-light-6);
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-error-light-1);
   --el-button-disabled-border-color: var(--el-color-error-light-1);
@@ -956,17 +956,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-button--info {
-  --el-button-text-color: var(--el-color-"white"-"");
-  --el-button-bg-color: var(--el-color-info-"");
-  --el-button-border-color: var(--el-color-info-"");
+  --el-button-text-color: var(--el-color-white);
+  --el-button-bg-color: var(--el-color-info-light-5);
+  --el-button-border-color: var(--el-color-info);
   --el-button-outline-color: var(--el-color-info-light-5);
   --el-button-active-color: var(--el-color-info-dark-2);
-  --el-button-hover-text-color: var(--el-color-"white"-"");
+  --el-button-hover-text-color: var(--el-color-white);
   --el-button-hover-link-text-color: var(--el-color-info-light-5);
-  --el-button-hover-bg-color: var(--el-color-info-"light-4");
-  --el-button-hover-border-color: var(--el-color-info-"light-4");
-  --el-button-active-bg-color: var(--el-color-info-"light-6");
-  --el-button-active-border-color: var(--el-color-info-"light-6");
+  --el-button-hover-bg-color: var(--el-color-info-light-4);
+  --el-button-hover-border-color: var(--el-color-info-light-4);
+  --el-button-active-bg-color: var(--el-color-info-light-6);
+  --el-button-active-border-color: var(--el-color-info-light-6);
   --el-button-disabled-text-color: var(--el-color-white);
   --el-button-disabled-bg-color: var(--el-color-info-light-1);
   --el-button-disabled-border-color: var(--el-color-info-light-1);