@timus-networks/theme 2.4.133 → 2.4.135

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 (132) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/module.mjs +1 -1
  3. package/dist/runtime/assets/scss/main.css +146 -120
  4. package/dist/runtime/components/development/example.button.vue +4 -2
  5. package/dist/runtime/components/development/example.dialog.vue +1 -1
  6. package/dist/runtime/public/scss/_colors.scss +9 -9
  7. package/dist/runtime/public/scss/element-plus/affix.css +10 -10
  8. package/dist/runtime/public/scss/element-plus/alert.css +10 -10
  9. package/dist/runtime/public/scss/element-plus/anchor-link.css +10 -10
  10. package/dist/runtime/public/scss/element-plus/anchor.css +10 -10
  11. package/dist/runtime/public/scss/element-plus/aside.css +10 -10
  12. package/dist/runtime/public/scss/element-plus/autocomplete.css +10 -10
  13. package/dist/runtime/public/scss/element-plus/avatar.css +10 -10
  14. package/dist/runtime/public/scss/element-plus/backtop.css +10 -10
  15. package/dist/runtime/public/scss/element-plus/badge.css +10 -10
  16. package/dist/runtime/public/scss/element-plus/base.css +10 -10
  17. package/dist/runtime/public/scss/element-plus/breadcrumb.css +12 -12
  18. package/dist/runtime/public/scss/element-plus/breadcrumb.scss +4 -2
  19. package/dist/runtime/public/scss/element-plus/button-group.css +14 -14
  20. package/dist/runtime/public/scss/element-plus/button-group.scss +4 -4
  21. package/dist/runtime/public/scss/element-plus/button.css +83 -90
  22. package/dist/runtime/public/scss/element-plus/button.scss +5 -5
  23. package/dist/runtime/public/scss/element-plus/calendar.css +10 -10
  24. package/dist/runtime/public/scss/element-plus/card.css +10 -10
  25. package/dist/runtime/public/scss/element-plus/carousel-item.css +10 -10
  26. package/dist/runtime/public/scss/element-plus/carousel.css +10 -10
  27. package/dist/runtime/public/scss/element-plus/cascader-panel.css +10 -10
  28. package/dist/runtime/public/scss/element-plus/cascader.css +10 -10
  29. package/dist/runtime/public/scss/element-plus/check-tag.css +10 -10
  30. package/dist/runtime/public/scss/element-plus/checkbox-button.css +13 -13
  31. package/dist/runtime/public/scss/element-plus/checkbox-group.css +10 -10
  32. package/dist/runtime/public/scss/element-plus/checkbox.css +14 -14
  33. package/dist/runtime/public/scss/element-plus/col.css +10 -10
  34. package/dist/runtime/public/scss/element-plus/collapse.css +10 -10
  35. package/dist/runtime/public/scss/element-plus/color-picker.css +10 -10
  36. package/dist/runtime/public/scss/element-plus/common/popup.css +10 -10
  37. package/dist/runtime/public/scss/element-plus/common/transition.css +10 -10
  38. package/dist/runtime/public/scss/element-plus/common/var.css +10 -10
  39. package/dist/runtime/public/scss/element-plus/common/var.scss +6 -6
  40. package/dist/runtime/public/scss/element-plus/container.css +10 -10
  41. package/dist/runtime/public/scss/element-plus/dark/css-vars.css +10 -10
  42. package/dist/runtime/public/scss/element-plus/dark/var.css +10 -10
  43. package/dist/runtime/public/scss/element-plus/date-picker/date-picker.css +10 -10
  44. package/dist/runtime/public/scss/element-plus/date-picker/date-range-picker.css +10 -10
  45. package/dist/runtime/public/scss/element-plus/date-picker/date-table.css +10 -10
  46. package/dist/runtime/public/scss/element-plus/date-picker/month-table.css +10 -10
  47. package/dist/runtime/public/scss/element-plus/date-picker/picker-panel.css +10 -10
  48. package/dist/runtime/public/scss/element-plus/date-picker/picker.css +10 -10
  49. package/dist/runtime/public/scss/element-plus/date-picker/time-picker.css +10 -10
  50. package/dist/runtime/public/scss/element-plus/date-picker/time-range-picker.css +10 -10
  51. package/dist/runtime/public/scss/element-plus/date-picker/time-spinner.css +10 -10
  52. package/dist/runtime/public/scss/element-plus/date-picker/year-table.css +10 -10
  53. package/dist/runtime/public/scss/element-plus/date-picker.css +10 -10
  54. package/dist/runtime/public/scss/element-plus/descriptions-item.css +10 -10
  55. package/dist/runtime/public/scss/element-plus/descriptions.css +10 -10
  56. package/dist/runtime/public/scss/element-plus/dialog.css +43 -10
  57. package/dist/runtime/public/scss/element-plus/dialog.scss +5 -0
  58. package/dist/runtime/public/scss/element-plus/display.css +10 -10
  59. package/dist/runtime/public/scss/element-plus/divider.css +10 -10
  60. package/dist/runtime/public/scss/element-plus/drawer.css +10 -10
  61. package/dist/runtime/public/scss/element-plus/dropdown.css +10 -10
  62. package/dist/runtime/public/scss/element-plus/empty.css +10 -10
  63. package/dist/runtime/public/scss/element-plus/footer.css +10 -10
  64. package/dist/runtime/public/scss/element-plus/form.css +10 -10
  65. package/dist/runtime/public/scss/element-plus/header.css +10 -10
  66. package/dist/runtime/public/scss/element-plus/icon.css +10 -10
  67. package/dist/runtime/public/scss/element-plus/image-viewer.css +10 -10
  68. package/dist/runtime/public/scss/element-plus/image.css +10 -10
  69. package/dist/runtime/public/scss/element-plus/index.css +146 -120
  70. package/dist/runtime/public/scss/element-plus/input-number.css +10 -10
  71. package/dist/runtime/public/scss/element-plus/input.css +10 -10
  72. package/dist/runtime/public/scss/element-plus/link.css +10 -10
  73. package/dist/runtime/public/scss/element-plus/loading.css +10 -10
  74. package/dist/runtime/public/scss/element-plus/main.css +10 -10
  75. package/dist/runtime/public/scss/element-plus/mention.css +10 -10
  76. package/dist/runtime/public/scss/element-plus/menu.css +10 -10
  77. package/dist/runtime/public/scss/element-plus/message-box.css +10 -10
  78. package/dist/runtime/public/scss/element-plus/message.css +10 -10
  79. package/dist/runtime/public/scss/element-plus/mixins/_button.scss +18 -11
  80. package/dist/runtime/public/scss/element-plus/mixins/mixins.css +10 -10
  81. package/dist/runtime/public/scss/element-plus/notification.css +10 -10
  82. package/dist/runtime/public/scss/element-plus/option-group.css +10 -10
  83. package/dist/runtime/public/scss/element-plus/option.css +10 -10
  84. package/dist/runtime/public/scss/element-plus/overlay.css +10 -10
  85. package/dist/runtime/public/scss/element-plus/page-header.css +10 -10
  86. package/dist/runtime/public/scss/element-plus/pagination.css +10 -10
  87. package/dist/runtime/public/scss/element-plus/popconfirm.css +10 -10
  88. package/dist/runtime/public/scss/element-plus/popover.css +10 -10
  89. package/dist/runtime/public/scss/element-plus/popper.css +10 -10
  90. package/dist/runtime/public/scss/element-plus/progress.css +10 -10
  91. package/dist/runtime/public/scss/element-plus/radio-button.css +14 -14
  92. package/dist/runtime/public/scss/element-plus/radio-group.css +10 -10
  93. package/dist/runtime/public/scss/element-plus/radio.css +14 -14
  94. package/dist/runtime/public/scss/element-plus/rate.css +10 -10
  95. package/dist/runtime/public/scss/element-plus/reset.css +10 -10
  96. package/dist/runtime/public/scss/element-plus/result.css +10 -10
  97. package/dist/runtime/public/scss/element-plus/row.css +10 -10
  98. package/dist/runtime/public/scss/element-plus/scrollbar.css +10 -10
  99. package/dist/runtime/public/scss/element-plus/segmented.css +10 -10
  100. package/dist/runtime/public/scss/element-plus/select-dropdown-v2.css +10 -10
  101. package/dist/runtime/public/scss/element-plus/select-dropdown.css +10 -10
  102. package/dist/runtime/public/scss/element-plus/select-v2.css +10 -10
  103. package/dist/runtime/public/scss/element-plus/select.css +10 -10
  104. package/dist/runtime/public/scss/element-plus/skeleton-item.css +10 -10
  105. package/dist/runtime/public/scss/element-plus/skeleton.css +10 -10
  106. package/dist/runtime/public/scss/element-plus/slider.css +10 -10
  107. package/dist/runtime/public/scss/element-plus/space.css +10 -10
  108. package/dist/runtime/public/scss/element-plus/spinner.css +10 -10
  109. package/dist/runtime/public/scss/element-plus/statistic.css +10 -10
  110. package/dist/runtime/public/scss/element-plus/step.css +10 -10
  111. package/dist/runtime/public/scss/element-plus/steps.css +10 -10
  112. package/dist/runtime/public/scss/element-plus/switch.css +19 -19
  113. package/dist/runtime/public/scss/element-plus/table-column.css +10 -10
  114. package/dist/runtime/public/scss/element-plus/table-v2.css +10 -10
  115. package/dist/runtime/public/scss/element-plus/table.css +10 -10
  116. package/dist/runtime/public/scss/element-plus/tabs.css +10 -10
  117. package/dist/runtime/public/scss/element-plus/tag.css +10 -10
  118. package/dist/runtime/public/scss/element-plus/text.css +10 -10
  119. package/dist/runtime/public/scss/element-plus/time-picker.css +10 -10
  120. package/dist/runtime/public/scss/element-plus/time-select.css +10 -10
  121. package/dist/runtime/public/scss/element-plus/timeline-item.css +10 -10
  122. package/dist/runtime/public/scss/element-plus/timeline.css +10 -10
  123. package/dist/runtime/public/scss/element-plus/tooltip-v2.css +10 -10
  124. package/dist/runtime/public/scss/element-plus/tour.css +10 -10
  125. package/dist/runtime/public/scss/element-plus/transfer.css +10 -10
  126. package/dist/runtime/public/scss/element-plus/tree-select.css +10 -10
  127. package/dist/runtime/public/scss/element-plus/tree.css +10 -10
  128. package/dist/runtime/public/scss/element-plus/upload.css +10 -10
  129. package/dist/runtime/public/scss/element-plus/var.css +10 -10
  130. package/dist/runtime/public/scss/element-plus/virtual-list.css +10 -10
  131. package/dist/runtime/public/scss/theme.css +10 -10
  132. package/package.json +1 -1
@@ -92,32 +92,32 @@
92
92
  --el-color-primary-light-9: #110b2b;
93
93
  }
94
94
  :root {
95
- --el-color-secondary-light-1: #e4f6f1;
95
+ --el-color-secondary-light-1: #eeedef;
96
96
  }
97
97
  :root {
98
- --el-color-secondary-light-2: #c9eee2;
98
+ --el-color-secondary-light-2: #dcdbe0;
99
99
  }
100
100
  :root {
101
- --el-color-secondary-light-3: #ade5d4;
101
+ --el-color-secondary-light-3: #cbcad0;
102
102
  }
103
103
  :root {
104
- --el-color-secondary-light-4: #92ddc5;
104
+ --el-color-secondary-light-4: #b9b8c1;
105
105
  }
106
106
  :root {
107
- --el-color-secondary-light-5: #77d4b7;
108
- --el-color-secondary: #77d4b7;
107
+ --el-color-secondary-light-5: #a8a6b1;
108
+ --el-color-secondary: #a8a6b1;
109
109
  }
110
110
  :root {
111
- --el-color-secondary-light-6: #61af97;
111
+ --el-color-secondary-light-6: #8b8993;
112
112
  }
113
113
  :root {
114
- --el-color-secondary-light-7: #4b8a76;
114
+ --el-color-secondary-light-7: #6e6c74;
115
115
  }
116
116
  :root {
117
- --el-color-secondary-light-8: #346556;
117
+ --el-color-secondary-light-8: #515056;
118
118
  }
119
119
  :root {
120
- --el-color-secondary-light-9: #1e4035;
120
+ --el-color-secondary-light-9: #343337;
121
121
  }
122
122
  :root {
123
123
  --el-color-neutral-light-1: #eeedef;
@@ -305,9 +305,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
305
305
  --el-button-border-color: var(--el-color-primary-light-5);
306
306
  --el-button-bg-color: var(--el-color-primary-light-5);
307
307
  --el-button-text-color: var(--el-color-white);
308
- --el-button-disabled-text-color: var(--el-color-primary-light-1);
309
- --el-button-disabled-bg-color: var(--el-color-primary-light-2);
310
- --el-button-disabled-border-color: var(--el-color-primary-light-2);
308
+ --el-button-disabled-text-color: var(--el-color-white);
309
+ --el-button-disabled-bg-color: var(--el-color-primary-light-1);
310
+ --el-button-disabled-border-color: var(--el-color-primary-light-1);
311
311
  --el-button-divide-border-color: var(--el-color-primary-light-4);
312
312
  --el-button-hover-text-color: var(--el-color-white);
313
313
  --el-button-hover-bg-color: var(--el-color-primary-light-4);
@@ -341,6 +341,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
341
341
  background-color: var(--el-button-bg-color);
342
342
  border: var(--el-border);
343
343
  border-color: var(--el-button-border-color);
344
+ transition: all 0.5s ease;
344
345
  }
345
346
  .el-button:empty {
346
347
  padding: 0;
@@ -368,7 +369,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
368
369
  }
369
370
  .el-button {
370
371
  padding: 12px 15px;
371
- font-size: 16px;
372
+ font-size: 14px;
372
373
  border-radius: var(--el-border-radius-small);
373
374
  }
374
375
  .el-button.is-round {
@@ -466,8 +467,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
466
467
  }
467
468
 
468
469
  .el-button.is-text.el-button--primary:not(.is-disabled):hover {
469
- background-color: var(--el-color-primary-light-4);
470
- color: var(--el-color-white);
470
+ background-color: transparent;
471
+ color: var(--el-color-primary-light-4);
471
472
  }
472
473
  .el-button.is-text.el-button--primary:not(.is-disabled):focus-visible {
473
474
  outline: 2px solid var(--el-button-outline-color);
@@ -475,9 +476,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
475
476
  transition: outline-offset 0s, outline 0s;
476
477
  }
477
478
  .el-button.is-text.el-button--primary:not(.is-disabled):active {
478
- background-color: var(--el-fill-color);
479
- background-color: var(--el-color-primary-light-6);
480
- color: var(--el-color-white);
479
+ background-color: transparent;
480
+ color: var(--el-color-primary-light-6);
481
481
  }
482
482
  .el-button.is-text.el-button--primary:not(.is-disabled).is-has-bg {
483
483
  background-color: var(--el-fill-color-light);
@@ -490,8 +490,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
490
490
  }
491
491
 
492
492
  .el-button.is-text.el-button--secondary:not(.is-disabled):hover {
493
- background-color: var(--el-color-secondary-light-4);
494
- color: var(--el-color-white);
493
+ background-color: transparent;
494
+ color: var(--el-color-secondary-light-4);
495
495
  }
496
496
  .el-button.is-text.el-button--secondary:not(.is-disabled):focus-visible {
497
497
  outline: 2px solid var(--el-button-outline-color);
@@ -499,9 +499,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
499
499
  transition: outline-offset 0s, outline 0s;
500
500
  }
501
501
  .el-button.is-text.el-button--secondary:not(.is-disabled):active {
502
- background-color: var(--el-fill-color);
503
- background-color: var(--el-color-secondary-light-6);
504
- color: var(--el-color-white);
502
+ background-color: transparent;
503
+ color: var(--el-color-secondary-light-6);
505
504
  }
506
505
  .el-button.is-text.el-button--secondary:not(.is-disabled).is-has-bg {
507
506
  background-color: var(--el-fill-color-light);
@@ -514,8 +513,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
514
513
  }
515
514
 
516
515
  .el-button.is-text.el-button--neutral:not(.is-disabled):hover {
517
- background-color: var(--el-color-neutral-light-4);
518
- color: var(--el-color-white);
516
+ background-color: transparent;
517
+ color: var(--el-color-neutral-light-4);
519
518
  }
520
519
  .el-button.is-text.el-button--neutral:not(.is-disabled):focus-visible {
521
520
  outline: 2px solid var(--el-button-outline-color);
@@ -523,9 +522,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
523
522
  transition: outline-offset 0s, outline 0s;
524
523
  }
525
524
  .el-button.is-text.el-button--neutral:not(.is-disabled):active {
526
- background-color: var(--el-fill-color);
527
- background-color: var(--el-color-neutral-light-6);
528
- color: var(--el-color-white);
525
+ background-color: transparent;
526
+ color: var(--el-color-neutral-light-6);
529
527
  }
530
528
  .el-button.is-text.el-button--neutral:not(.is-disabled).is-has-bg {
531
529
  background-color: var(--el-fill-color-light);
@@ -538,8 +536,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
538
536
  }
539
537
 
540
538
  .el-button.is-text.el-button--success:not(.is-disabled):hover {
541
- background-color: var(--el-color-success-light-4);
542
- color: var(--el-color-white);
539
+ background-color: transparent;
540
+ color: var(--el-color-success-light-4);
543
541
  }
544
542
  .el-button.is-text.el-button--success:not(.is-disabled):focus-visible {
545
543
  outline: 2px solid var(--el-button-outline-color);
@@ -547,9 +545,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
547
545
  transition: outline-offset 0s, outline 0s;
548
546
  }
549
547
  .el-button.is-text.el-button--success:not(.is-disabled):active {
550
- background-color: var(--el-fill-color);
551
- background-color: var(--el-color-success-light-6);
552
- color: var(--el-color-white);
548
+ background-color: transparent;
549
+ color: var(--el-color-success-light-6);
553
550
  }
554
551
  .el-button.is-text.el-button--success:not(.is-disabled).is-has-bg {
555
552
  background-color: var(--el-fill-color-light);
@@ -562,8 +559,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
562
559
  }
563
560
 
564
561
  .el-button.is-text.el-button--warning:not(.is-disabled):hover {
565
- background-color: var(--el-color-warning-light-4);
566
- color: var(--el-color-white);
562
+ background-color: transparent;
563
+ color: var(--el-color-warning-light-4);
567
564
  }
568
565
  .el-button.is-text.el-button--warning:not(.is-disabled):focus-visible {
569
566
  outline: 2px solid var(--el-button-outline-color);
@@ -571,9 +568,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
571
568
  transition: outline-offset 0s, outline 0s;
572
569
  }
573
570
  .el-button.is-text.el-button--warning:not(.is-disabled):active {
574
- background-color: var(--el-fill-color);
575
- background-color: var(--el-color-warning-light-6);
576
- color: var(--el-color-white);
571
+ background-color: transparent;
572
+ color: var(--el-color-warning-light-6);
577
573
  }
578
574
  .el-button.is-text.el-button--warning:not(.is-disabled).is-has-bg {
579
575
  background-color: var(--el-fill-color-light);
@@ -586,8 +582,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
586
582
  }
587
583
 
588
584
  .el-button.is-text.el-button--danger:not(.is-disabled):hover {
589
- background-color: var(--el-color-danger-light-4);
590
- color: var(--el-color-white);
585
+ background-color: transparent;
586
+ color: var(--el-color-danger-light-4);
591
587
  }
592
588
  .el-button.is-text.el-button--danger:not(.is-disabled):focus-visible {
593
589
  outline: 2px solid var(--el-button-outline-color);
@@ -595,9 +591,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
595
591
  transition: outline-offset 0s, outline 0s;
596
592
  }
597
593
  .el-button.is-text.el-button--danger:not(.is-disabled):active {
598
- background-color: var(--el-fill-color);
599
- background-color: var(--el-color-danger-light-6);
600
- color: var(--el-color-white);
594
+ background-color: transparent;
595
+ color: var(--el-color-danger-light-6);
601
596
  }
602
597
  .el-button.is-text.el-button--danger:not(.is-disabled).is-has-bg {
603
598
  background-color: var(--el-fill-color-light);
@@ -610,8 +605,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
610
605
  }
611
606
 
612
607
  .el-button.is-text.el-button--error:not(.is-disabled):hover {
613
- background-color: var(--el-color-error-light-4);
614
- color: var(--el-color-white);
608
+ background-color: transparent;
609
+ color: var(--el-color-error-light-4);
615
610
  }
616
611
  .el-button.is-text.el-button--error:not(.is-disabled):focus-visible {
617
612
  outline: 2px solid var(--el-button-outline-color);
@@ -619,9 +614,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
619
614
  transition: outline-offset 0s, outline 0s;
620
615
  }
621
616
  .el-button.is-text.el-button--error:not(.is-disabled):active {
622
- background-color: var(--el-fill-color);
623
- background-color: var(--el-color-error-light-6);
624
- color: var(--el-color-white);
617
+ background-color: transparent;
618
+ color: var(--el-color-error-light-6);
625
619
  }
626
620
  .el-button.is-text.el-button--error:not(.is-disabled).is-has-bg {
627
621
  background-color: var(--el-fill-color-light);
@@ -634,8 +628,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
634
628
  }
635
629
 
636
630
  .el-button.is-text.el-button--info:not(.is-disabled):hover {
637
- background-color: var(--el-color-info-light-4);
638
- color: var(--el-color-white);
631
+ background-color: transparent;
632
+ color: var(--el-color-info-light-4);
639
633
  }
640
634
  .el-button.is-text.el-button--info:not(.is-disabled):focus-visible {
641
635
  outline: 2px solid var(--el-button-outline-color);
@@ -643,9 +637,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
643
637
  transition: outline-offset 0s, outline 0s;
644
638
  }
645
639
  .el-button.is-text.el-button--info:not(.is-disabled):active {
646
- background-color: var(--el-fill-color);
647
- background-color: var(--el-color-info-light-6);
648
- color: var(--el-color-white);
640
+ background-color: transparent;
641
+ color: var(--el-color-info-light-6);
649
642
  }
650
643
  .el-button.is-text.el-button--info:not(.is-disabled).is-has-bg {
651
644
  background-color: var(--el-fill-color-light);
@@ -729,9 +722,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
729
722
  --el-button-hover-border-color: var(--el-color-primary-light-4);
730
723
  --el-button-active-bg-color: var(--el-color-primary-light-6);
731
724
  --el-button-active-border-color: var(--el-color-primary-light-6);
732
- --el-button-disabled-text-color: var(--el-color-primary-light-1);
733
- --el-button-disabled-bg-color: var(--el-color-primary-light-2);
734
- --el-button-disabled-border-color: var(--el-color-primary-light-2);
725
+ --el-button-disabled-text-color: var(--el-color-white);
726
+ --el-button-disabled-bg-color: var(--el-color-primary-light-1);
727
+ --el-button-disabled-border-color: var(--el-color-primary-light-1);
735
728
  }
736
729
  .el-button--primary.is-plain, .el-button--primary.is-text, .el-button--primary.is-link {
737
730
  --el-button-text-color: var(--el-color-primary);
@@ -752,20 +745,20 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
752
745
  }
753
746
 
754
747
  .el-button--secondary {
755
- --el-button-text-color: var(--el-color-white);
756
- --el-button-bg-color: var(--el-color-secondary);
757
- --el-button-border-color: var(--el-color-secondary);
748
+ --el-button-text-color: var(--el-color-secondary-light-9);
749
+ --el-button-bg-color: var(--el-color-secondary-light-1);
750
+ --el-button-border-color: var(--el-color-secondary-light-2);
758
751
  --el-button-outline-color: var(--el-color-secondary-light-5);
759
752
  --el-button-active-color: var(--el-color-secondary-dark-2);
760
- --el-button-hover-text-color: var(--el-color-white);
753
+ --el-button-hover-text-color: var(--el-color-secondary-light-9);
761
754
  --el-button-hover-link-text-color: var(--el-color-secondary-light-5);
762
- --el-button-hover-bg-color: var(--el-color-secondary-light-4);
763
- --el-button-hover-border-color: var(--el-color-secondary-light-4);
764
- --el-button-active-bg-color: var(--el-color-secondary-light-6);
765
- --el-button-active-border-color: var(--el-color-secondary-light-6);
766
- --el-button-disabled-text-color: var(--el-color-secondary-light-1);
767
- --el-button-disabled-bg-color: var(--el-color-secondary-light-2);
768
- --el-button-disabled-border-color: var(--el-color-secondary-light-2);
755
+ --el-button-hover-bg-color: var(--el-color-white);
756
+ --el-button-hover-border-color: var(--el-color-secondary-light-3);
757
+ --el-button-active-bg-color: var(--el-color-secondary-light-2);
758
+ --el-button-active-border-color: var(--el-color-secondary-light-2);
759
+ --el-button-disabled-text-color: var(--el-color-white);
760
+ --el-button-disabled-bg-color: var(--el-color-secondary-light-1);
761
+ --el-button-disabled-border-color: var(--el-color-secondary-light-1);
769
762
  }
770
763
  .el-button--secondary.is-plain, .el-button--secondary.is-text, .el-button--secondary.is-link {
771
764
  --el-button-text-color: var(--el-color-secondary);
@@ -797,9 +790,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
797
790
  --el-button-hover-border-color: var(--el-color-neutral-light-4);
798
791
  --el-button-active-bg-color: var(--el-color-neutral-light-6);
799
792
  --el-button-active-border-color: var(--el-color-neutral-light-6);
800
- --el-button-disabled-text-color: var(--el-color-neutral-light-1);
801
- --el-button-disabled-bg-color: var(--el-color-neutral-light-2);
802
- --el-button-disabled-border-color: var(--el-color-neutral-light-2);
793
+ --el-button-disabled-text-color: var(--el-color-white);
794
+ --el-button-disabled-bg-color: var(--el-color-neutral-light-1);
795
+ --el-button-disabled-border-color: var(--el-color-neutral-light-1);
803
796
  }
804
797
  .el-button--neutral.is-plain, .el-button--neutral.is-text, .el-button--neutral.is-link {
805
798
  --el-button-text-color: var(--el-color-neutral);
@@ -831,9 +824,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
831
824
  --el-button-hover-border-color: var(--el-color-success-light-4);
832
825
  --el-button-active-bg-color: var(--el-color-success-light-6);
833
826
  --el-button-active-border-color: var(--el-color-success-light-6);
834
- --el-button-disabled-text-color: var(--el-color-success-light-1);
835
- --el-button-disabled-bg-color: var(--el-color-success-light-2);
836
- --el-button-disabled-border-color: var(--el-color-success-light-2);
827
+ --el-button-disabled-text-color: var(--el-color-white);
828
+ --el-button-disabled-bg-color: var(--el-color-success-light-1);
829
+ --el-button-disabled-border-color: var(--el-color-success-light-1);
837
830
  }
838
831
  .el-button--success.is-plain, .el-button--success.is-text, .el-button--success.is-link {
839
832
  --el-button-text-color: var(--el-color-success);
@@ -865,9 +858,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
865
858
  --el-button-hover-border-color: var(--el-color-warning-light-4);
866
859
  --el-button-active-bg-color: var(--el-color-warning-light-6);
867
860
  --el-button-active-border-color: var(--el-color-warning-light-6);
868
- --el-button-disabled-text-color: var(--el-color-warning-light-1);
869
- --el-button-disabled-bg-color: var(--el-color-warning-light-2);
870
- --el-button-disabled-border-color: var(--el-color-warning-light-2);
861
+ --el-button-disabled-text-color: var(--el-color-white);
862
+ --el-button-disabled-bg-color: var(--el-color-warning-light-1);
863
+ --el-button-disabled-border-color: var(--el-color-warning-light-1);
871
864
  }
872
865
  .el-button--warning.is-plain, .el-button--warning.is-text, .el-button--warning.is-link {
873
866
  --el-button-text-color: var(--el-color-warning);
@@ -899,9 +892,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
899
892
  --el-button-hover-border-color: var(--el-color-danger-light-4);
900
893
  --el-button-active-bg-color: var(--el-color-danger-light-6);
901
894
  --el-button-active-border-color: var(--el-color-danger-light-6);
902
- --el-button-disabled-text-color: var(--el-color-danger-light-1);
903
- --el-button-disabled-bg-color: var(--el-color-danger-light-2);
904
- --el-button-disabled-border-color: var(--el-color-danger-light-2);
895
+ --el-button-disabled-text-color: var(--el-color-white);
896
+ --el-button-disabled-bg-color: var(--el-color-danger-light-1);
897
+ --el-button-disabled-border-color: var(--el-color-danger-light-1);
905
898
  }
906
899
  .el-button--danger.is-plain, .el-button--danger.is-text, .el-button--danger.is-link {
907
900
  --el-button-text-color: var(--el-color-danger);
@@ -933,9 +926,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
933
926
  --el-button-hover-border-color: var(--el-color-error-light-4);
934
927
  --el-button-active-bg-color: var(--el-color-error-light-6);
935
928
  --el-button-active-border-color: var(--el-color-error-light-6);
936
- --el-button-disabled-text-color: var(--el-color-error-light-1);
937
- --el-button-disabled-bg-color: var(--el-color-error-light-2);
938
- --el-button-disabled-border-color: var(--el-color-error-light-2);
929
+ --el-button-disabled-text-color: var(--el-color-white);
930
+ --el-button-disabled-bg-color: var(--el-color-error-light-1);
931
+ --el-button-disabled-border-color: var(--el-color-error-light-1);
939
932
  }
940
933
  .el-button--error.is-plain, .el-button--error.is-text, .el-button--error.is-link {
941
934
  --el-button-text-color: var(--el-color-error);
@@ -967,9 +960,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
967
960
  --el-button-hover-border-color: var(--el-color-info-light-4);
968
961
  --el-button-active-bg-color: var(--el-color-info-light-6);
969
962
  --el-button-active-border-color: var(--el-color-info-light-6);
970
- --el-button-disabled-text-color: var(--el-color-info-light-1);
971
- --el-button-disabled-bg-color: var(--el-color-info-light-2);
972
- --el-button-disabled-border-color: var(--el-color-info-light-2);
963
+ --el-button-disabled-text-color: var(--el-color-white);
964
+ --el-button-disabled-bg-color: var(--el-color-info-light-1);
965
+ --el-button-disabled-border-color: var(--el-color-info-light-1);
973
966
  }
974
967
  .el-button--info.is-plain, .el-button--info.is-text, .el-button--info.is-link {
975
968
  --el-button-text-color: var(--el-color-info);
@@ -995,14 +988,14 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
995
988
  min-width: var(--el-button-size);
996
989
  }
997
990
  .el-button--large:empty {
998
- padding: 0 11px;
991
+ padding: 0 12px;
999
992
  }
1000
993
  .el-button--large [class*=el-icon] + span {
1001
994
  margin-left: 8px;
1002
995
  }
1003
996
  .el-button--large {
1004
997
  padding: 12px 15px;
1005
- font-size: 16px;
998
+ font-size: 14px;
1006
999
  border-radius: var(--el-border-radius-small);
1007
1000
  }
1008
1001
  .el-button--large.is-round {
@@ -1023,11 +1016,11 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1023
1016
  min-width: var(--el-button-size);
1024
1017
  }
1025
1018
  .el-button--medium:empty {
1026
- padding: 0 9px;
1019
+ padding: 0 10px;
1027
1020
  }
1028
1021
  .el-button--medium {
1029
1022
  padding: 8px 15px;
1030
- font-size: 16px;
1023
+ font-size: 14px;
1031
1024
  border-radius: 4px;
1032
1025
  }
1033
1026
  .el-button--medium.is-round {
@@ -44,6 +44,7 @@ $button-icon-span-gap: map.merge(
44
44
  background-color: getCssVar('button', 'bg-color');
45
45
  border: getCssVar('border');
46
46
  border-color: getCssVar('button', 'border-color');
47
+ transition: all 0.5s ease;
47
48
 
48
49
  &:empty {
49
50
  padding: 0;
@@ -204,8 +205,8 @@ $button-icon-span-gap: map.merge(
204
205
  @each $type in $types {
205
206
  &.el-button--#{$type}:not(.is-disabled) {
206
207
  &:hover {
207
- background-color: getCssVar('color', $type, 'light-4');
208
- color: getCssVar('color', 'white');
208
+ background-color: transparent;
209
+ color: getCssVar('color', $type, 'light-4');
209
210
  }
210
211
 
211
212
  &:focus-visible {
@@ -217,9 +218,8 @@ $button-icon-span-gap: map.merge(
217
218
  }
218
219
 
219
220
  &:active {
220
- background-color: getCssVar('fill-color');
221
- background-color: getCssVar('color', $type, 'light-6');
222
- color: getCssVar('color', 'white');
221
+ background-color: transparent;
222
+ color: getCssVar('color', $type, 'light-6');
223
223
  }
224
224
 
225
225
  @include when(has-bg) {
@@ -92,32 +92,32 @@
92
92
  --el-color-primary-light-9: #110b2b;
93
93
  }
94
94
  :root {
95
- --el-color-secondary-light-1: #e4f6f1;
95
+ --el-color-secondary-light-1: #eeedef;
96
96
  }
97
97
  :root {
98
- --el-color-secondary-light-2: #c9eee2;
98
+ --el-color-secondary-light-2: #dcdbe0;
99
99
  }
100
100
  :root {
101
- --el-color-secondary-light-3: #ade5d4;
101
+ --el-color-secondary-light-3: #cbcad0;
102
102
  }
103
103
  :root {
104
- --el-color-secondary-light-4: #92ddc5;
104
+ --el-color-secondary-light-4: #b9b8c1;
105
105
  }
106
106
  :root {
107
- --el-color-secondary-light-5: #77d4b7;
108
- --el-color-secondary: #77d4b7;
107
+ --el-color-secondary-light-5: #a8a6b1;
108
+ --el-color-secondary: #a8a6b1;
109
109
  }
110
110
  :root {
111
- --el-color-secondary-light-6: #61af97;
111
+ --el-color-secondary-light-6: #8b8993;
112
112
  }
113
113
  :root {
114
- --el-color-secondary-light-7: #4b8a76;
114
+ --el-color-secondary-light-7: #6e6c74;
115
115
  }
116
116
  :root {
117
- --el-color-secondary-light-8: #346556;
117
+ --el-color-secondary-light-8: #515056;
118
118
  }
119
119
  :root {
120
- --el-color-secondary-light-9: #1e4035;
120
+ --el-color-secondary-light-9: #343337;
121
121
  }
122
122
  :root {
123
123
  --el-color-neutral-light-1: #eeedef;
@@ -92,32 +92,32 @@
92
92
  --el-color-primary-light-9: #110b2b;
93
93
  }
94
94
  :root {
95
- --el-color-secondary-light-1: #e4f6f1;
95
+ --el-color-secondary-light-1: #eeedef;
96
96
  }
97
97
  :root {
98
- --el-color-secondary-light-2: #c9eee2;
98
+ --el-color-secondary-light-2: #dcdbe0;
99
99
  }
100
100
  :root {
101
- --el-color-secondary-light-3: #ade5d4;
101
+ --el-color-secondary-light-3: #cbcad0;
102
102
  }
103
103
  :root {
104
- --el-color-secondary-light-4: #92ddc5;
104
+ --el-color-secondary-light-4: #b9b8c1;
105
105
  }
106
106
  :root {
107
- --el-color-secondary-light-5: #77d4b7;
108
- --el-color-secondary: #77d4b7;
107
+ --el-color-secondary-light-5: #a8a6b1;
108
+ --el-color-secondary: #a8a6b1;
109
109
  }
110
110
  :root {
111
- --el-color-secondary-light-6: #61af97;
111
+ --el-color-secondary-light-6: #8b8993;
112
112
  }
113
113
  :root {
114
- --el-color-secondary-light-7: #4b8a76;
114
+ --el-color-secondary-light-7: #6e6c74;
115
115
  }
116
116
  :root {
117
- --el-color-secondary-light-8: #346556;
117
+ --el-color-secondary-light-8: #515056;
118
118
  }
119
119
  :root {
120
- --el-color-secondary-light-9: #1e4035;
120
+ --el-color-secondary-light-9: #343337;
121
121
  }
122
122
  :root {
123
123
  --el-color-neutral-light-1: #eeedef;
@@ -92,32 +92,32 @@
92
92
  --el-color-primary-light-9: #110b2b;
93
93
  }
94
94
  :root {
95
- --el-color-secondary-light-1: #e4f6f1;
95
+ --el-color-secondary-light-1: #eeedef;
96
96
  }
97
97
  :root {
98
- --el-color-secondary-light-2: #c9eee2;
98
+ --el-color-secondary-light-2: #dcdbe0;
99
99
  }
100
100
  :root {
101
- --el-color-secondary-light-3: #ade5d4;
101
+ --el-color-secondary-light-3: #cbcad0;
102
102
  }
103
103
  :root {
104
- --el-color-secondary-light-4: #92ddc5;
104
+ --el-color-secondary-light-4: #b9b8c1;
105
105
  }
106
106
  :root {
107
- --el-color-secondary-light-5: #77d4b7;
108
- --el-color-secondary: #77d4b7;
107
+ --el-color-secondary-light-5: #a8a6b1;
108
+ --el-color-secondary: #a8a6b1;
109
109
  }
110
110
  :root {
111
- --el-color-secondary-light-6: #61af97;
111
+ --el-color-secondary-light-6: #8b8993;
112
112
  }
113
113
  :root {
114
- --el-color-secondary-light-7: #4b8a76;
114
+ --el-color-secondary-light-7: #6e6c74;
115
115
  }
116
116
  :root {
117
- --el-color-secondary-light-8: #346556;
117
+ --el-color-secondary-light-8: #515056;
118
118
  }
119
119
  :root {
120
- --el-color-secondary-light-9: #1e4035;
120
+ --el-color-secondary-light-9: #343337;
121
121
  }
122
122
  :root {
123
123
  --el-color-neutral-light-1: #eeedef;
@@ -92,32 +92,32 @@
92
92
  --el-color-primary-light-9: #110b2b;
93
93
  }
94
94
  :root {
95
- --el-color-secondary-light-1: #e4f6f1;
95
+ --el-color-secondary-light-1: #eeedef;
96
96
  }
97
97
  :root {
98
- --el-color-secondary-light-2: #c9eee2;
98
+ --el-color-secondary-light-2: #dcdbe0;
99
99
  }
100
100
  :root {
101
- --el-color-secondary-light-3: #ade5d4;
101
+ --el-color-secondary-light-3: #cbcad0;
102
102
  }
103
103
  :root {
104
- --el-color-secondary-light-4: #92ddc5;
104
+ --el-color-secondary-light-4: #b9b8c1;
105
105
  }
106
106
  :root {
107
- --el-color-secondary-light-5: #77d4b7;
108
- --el-color-secondary: #77d4b7;
107
+ --el-color-secondary-light-5: #a8a6b1;
108
+ --el-color-secondary: #a8a6b1;
109
109
  }
110
110
  :root {
111
- --el-color-secondary-light-6: #61af97;
111
+ --el-color-secondary-light-6: #8b8993;
112
112
  }
113
113
  :root {
114
- --el-color-secondary-light-7: #4b8a76;
114
+ --el-color-secondary-light-7: #6e6c74;
115
115
  }
116
116
  :root {
117
- --el-color-secondary-light-8: #346556;
117
+ --el-color-secondary-light-8: #515056;
118
118
  }
119
119
  :root {
120
- --el-color-secondary-light-9: #1e4035;
120
+ --el-color-secondary-light-9: #343337;
121
121
  }
122
122
  :root {
123
123
  --el-color-neutral-light-1: #eeedef;
@@ -92,32 +92,32 @@
92
92
  --el-color-primary-light-9: #110b2b;
93
93
  }
94
94
  :root {
95
- --el-color-secondary-light-1: #e4f6f1;
95
+ --el-color-secondary-light-1: #eeedef;
96
96
  }
97
97
  :root {
98
- --el-color-secondary-light-2: #c9eee2;
98
+ --el-color-secondary-light-2: #dcdbe0;
99
99
  }
100
100
  :root {
101
- --el-color-secondary-light-3: #ade5d4;
101
+ --el-color-secondary-light-3: #cbcad0;
102
102
  }
103
103
  :root {
104
- --el-color-secondary-light-4: #92ddc5;
104
+ --el-color-secondary-light-4: #b9b8c1;
105
105
  }
106
106
  :root {
107
- --el-color-secondary-light-5: #77d4b7;
108
- --el-color-secondary: #77d4b7;
107
+ --el-color-secondary-light-5: #a8a6b1;
108
+ --el-color-secondary: #a8a6b1;
109
109
  }
110
110
  :root {
111
- --el-color-secondary-light-6: #61af97;
111
+ --el-color-secondary-light-6: #8b8993;
112
112
  }
113
113
  :root {
114
- --el-color-secondary-light-7: #4b8a76;
114
+ --el-color-secondary-light-7: #6e6c74;
115
115
  }
116
116
  :root {
117
- --el-color-secondary-light-8: #346556;
117
+ --el-color-secondary-light-8: #515056;
118
118
  }
119
119
  :root {
120
- --el-color-secondary-light-9: #1e4035;
120
+ --el-color-secondary-light-9: #343337;
121
121
  }
122
122
  :root {
123
123
  --el-color-neutral-light-1: #eeedef;