element-plus-secondary 0.3.9 → 0.4.1

package/theme-chalk/src/checkbox.scss

@@ -281,6 +281,9 @@ $checkbox-bordered-input-width: map.merge(
     padding-left: 8px;
     line-height: 1;
     font-size: getCssVar('checkbox-font-size');
+    &:hover {
+      color: red;
+    }
   }
 
   @each $size in (large, default, small) {

package/theme-chalk/src/color-picker.scss

@@ -304,7 +304,7 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
     left: 1px;
     z-index: 1;
     cursor: not-allowed;
-    background-color: rgba(255, 255, 255, 0.7);
+    background-color: #1f232912;
   }
 
   @include e(trigger) {
@@ -329,6 +329,7 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
   }
 
   @include when(effect) {
+
     @include e(trigger) {
       border-color: #5F5F5F;
       &:not(.is-disabled):hover {
@@ -410,6 +411,7 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
   
 
   @include when(custom) {
+
     .#{$namespace}-color-picker__mask {
       height: 26px;
     }
@@ -424,7 +426,10 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
       .#{$namespace}-color-picker__color {
         width: 16px;
         height: 16px;
-        border: none;
+        border-color: #DEE0E3;
+        &:not(.show-border) {
+          border: none;
+        }
       }
 
       .#{$namespace}-color-picker__empty {
@@ -443,8 +448,9 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
 
     @include when(disabled) {
       .#{$namespace}-color-picker__trigger {
+        border-color: getCssVar('disabled-border-color');
         &:hover {
-          border-color: getCssVar('border-color');
+          border-color:  getCssVar('disabled-border-color');
         }
       }
     }

package/theme-chalk/src/input-number.scss

@@ -117,7 +117,7 @@
   @include m(dark) {
     .#{$namespace}-input-number__decrease,
     .#{$namespace}-input-number__increase {
-      background: #292929;
+      background: #373737;
       color: #fff;
       border-color: #5f5f5f;
     }
@@ -130,6 +130,8 @@
     &:not(.is-disabled) {
       .#{$namespace}-input-number__decrease:not(.is-disabled),
       .#{$namespace}-input-number__increase:not(.is-disabled) {
+        background: #292929;
+
         &:hover {
           color: getCssVar('color-primary');
           background-color: rgba(#3370FF, 0.2);
@@ -184,10 +186,11 @@
           cursor: not-allowed;
         }
       }
-      .#{$namespace}-input-number__increase {
+      .#{$namespace}-input-number__increase,
+      .#{$namespace}-input-number__decrease {
         &:hover {
           color: #5F5F5F !important;
-          background-color: #292929 !important;
+          background-color: #373737 !important;
           cursor: not-allowed;
         }
       }

package/theme-chalk/src/mixins/_var.scss

@@ -43,8 +43,6 @@
     '#FFE7CC'
   );
 
-
-
   @include set-css-var-value(
     ('color', $type, 'dark-2'),
     map.get($colors, $type, 'dark-2')

package/theme-chalk/src/popper.scss

@@ -21,12 +21,12 @@
 
   @include when(dark) {
     color: getCssVar('bg-color');
-    background: getCssVar('text-color', 'primary');
+    background: getCssVar('text-color', 'regular');
     border: 1px solid getCssVar('text-color', 'primary');
 
     #{$arrow-selector}::before {
       border: 1px solid rgba(255, 255, 255, 0.15);
-      background: #292929;
+      background: getCssVar('text-color', 'regular');
       right: 0;
     }
 
@@ -60,7 +60,7 @@
       z-index: -1;
       content: ' ';
       transform: rotate(45deg);
-      background: getCssVar('text-color', 'primary');
+      background: getCssVar('text-color', 'regular');
       box-sizing: border-box;
     }
   }

package/theme-chalk/src/select.scss

@@ -124,8 +124,8 @@
     display: flex;
 
     & .#{$namespace}-select__caret {
-      color: getCssVar('select-input-color');
-      font-size: 16px;
+      color: #646A73;
+      font-size: 14px;
       transition: transform getCssVar('transition-duration');
       transform: rotateZ(0deg);
       cursor: pointer;
@@ -158,6 +158,12 @@
       }
     }
 
+    @include m(dark) {
+      & .#{$namespace}-select__caret {
+        color: #A6A6A6;
+      }
+    }
+
     &.is-disabled:not(.#{$namespace}-input--dark) {
       & .#{$namespace}-input__wrapper {
         cursor: not-allowed;

package/theme-chalk/src/var.scss

@@ -75,6 +75,23 @@
   // Disable base
   @include set-component-css-var('disabled', $disabled);
 
+  @include set-css-var-value(
+    ('disabled', 'bg', 'color'),
+    '#EFF0F1'
+  );
+
+  @include set-css-var-value(
+    ('disabled', 'border', 'color'),
+    '#BBBFC4'
+  );
+
+  @include set-css-var-value(
+    ('disabled', 'text', 'color'),
+    '#8D9199'
+  );
+
+  
+
   // overlay & mask
   @include set-component-css-var('overlay-color', $overlay-color);
   @include set-component-css-var('mask-color', $mask-color);