element-plus-secondary 0.4.4 → 0.4.6

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

@@ -348,6 +348,9 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
     .#{$namespace}-color-picker__color {
       border: none;
     }
+    .#{$namespace}-color-picker__icon{
+      color: #A6A6A6 !important;
+     }
     &.is-disabled {
       .#{$namespace}-color-picker__color-inner {
         position: relative;
@@ -356,6 +359,7 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
       .#{$namespace}-color-picker__icon {
         position: relative;
         z-index: 2;
+        color: #5F5F5F !important;
       }
       @include e(mask) {
         background:  #373737;
@@ -451,8 +455,6 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
         margin-left: 39px;
         display: inline-flex !important;
       }
-
-      
     }
 
     @include when(disabled) {
@@ -462,6 +464,9 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
           border-color:  getCssVar('disabled-border-color');
         }
       }
+      .#{$namespace}-color-picker__icon {
+        color: #BBBFC4;
+      }
     }
 
     &.#{$namespace}-color-picker--large {

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

@@ -42,7 +42,7 @@
 
     width: map.get($input-height, 'default');
     background: getCssVar('fill-color', 'light');
-    color: getCssVar('text-color', 'regular');
+    color: #A6A6A6;
     cursor: pointer;
     font-size: 13px;
     user-select: none;
@@ -118,7 +118,6 @@
     .#{$namespace}-input-number__decrease,
     .#{$namespace}-input-number__increase {
       background: #373737;
-      color: #fff;
       border-color: #5f5f5f;
       &.is-disabled {
         .#{$namespace}-icon {
@@ -211,6 +210,24 @@
   }
 
   @include m(light) {
+    @include when(disabled) {
+      .#{$namespace}-input-number__decrease,
+      .#{$namespace}-input-number__increase {
+        background-color: #EFF0F1;
+        .#{$namespace}-icon {
+          color: #BBBFC4;
+        }
+      }
+    }
+    .#{$namespace}-input-number__increase,
+    .#{$namespace}-input-number__decrease {
+      @include when(disabled) {
+        background-color: #EFF0F1;
+        .#{$namespace}-icon {
+          color: #BBBFC4;
+        }
+      }
+    }
     &:not(.is-disabled) {
       &:not(.is-controls-right) {
         .#{$namespace}-input-number__decrease:not(.is-disabled) {

package/theme-chalk/src/input.scss

@@ -174,6 +174,8 @@
     align-items: center;
     justify-content: center;
     padding: $border-width map.get($input-padding-horizontal, 'default')-$border-width;
+    padding-left: 8px;
+    padding-right: 8px;
     background-color: var(
       #{getCssVarName('input-bg-color')},
       map.get($input, 'bg-color')
@@ -253,13 +255,13 @@
   .#{$namespace}-select__prefix--dark {
     color: #757575;
     border-right: 1px solid #5f5f5f;
-    padding-right: 11px;
+    padding-right: 8px;
   }
 
   .#{$namespace}-select__prefix--light {
     color: #8d9199;
     border-right: 1px solid #BBBFC4;
-    padding-right: 11px;
+    padding-right: 8px;
   }
 
   @each $slot in (prefix, suffix) {
@@ -374,7 +376,10 @@
       }
     }
     .#{$namespace}-input__inner {
-      color: #FFFFFF
+      color: #FFFFFF;
+      &::placeholder {
+        color: #757575;
+      }
     }
 
     .#{$namespace}-input-group__prepend {
@@ -423,7 +428,7 @@
       font-size: map.get($input-font-size, $size);
 
       @include e(wrapper) {
-        padding: $border-width map.get($input-padding-horizontal, $size)-$border-width;
+        padding: $border-width 8px;
       }
 
       @include e(inner) {
@@ -603,7 +608,7 @@
   @include m(dark) {
     .#{$namespace}-input-group__append {
       .#{$namespace}-select {
-        margin: 0 -11px;
+        margin: 0 20px;
         .#{$namespace}-input__wrapper {
           background: #373737 !important;
           box-shadow: 0 1px 0 0  #5f5f5f inset, 0 -1px 0 0  #5f5f5f inset, -1px 0 0 0  #5f5f5f inset !important;
@@ -611,7 +616,7 @@
       }
       .#{$namespace}-select:not(.#{$namespace}-select--disabled) {
         .#{$namespace}-input__wrapper {
-          background: #292929 !important;
+          background: #373737 !important;
         }
       }
     }

package/theme-chalk/src/option.scss

@@ -34,7 +34,6 @@ $checked-icon: "data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='
     text-overflow: ellipsis;
     color: map.get($select-option, 'text-color');
     height: map.get($select-option, 'height');
-    line-height: map.get($select-option, 'height');
     box-sizing: border-box;
     cursor: pointer;
 
@@ -50,7 +49,6 @@ $checked-icon: "data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='
 
     &.selected {
       color: map.get($select-option, 'selected-text-color');
-      font-weight: bold;
 
       &::after {
         @include checked-icon;
@@ -67,6 +65,7 @@ $checked-icon: "data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='
       }
 
       &.selected {
+        color: #3370ff;
         background-color: rgba(255, 255, 255, 0.1);
       }
       @include when(disabled) {

package/theme-chalk/src/select.scss

@@ -124,7 +124,6 @@
     display: flex;
 
     & .#{$namespace}-select__caret {
-      color: #646A73;
       font-size: 14px;
       transition: transform getCssVar('transition-duration');
       transform: rotateZ(0deg);
@@ -171,6 +170,19 @@
       }
     }
 
+    @include m(light) {
+      & .#{$namespace}-select__caret {
+        color: #BBBFC4;
+        &:hover {
+          cursor: not-allowed;
+          color: #BBBFC4;
+        }
+      }
+      &:not(.is-disabled) .#{$namespace}-select__caret {
+        color: #646A73;
+      }
+    }
+
     &.is-disabled:not(.#{$namespace}-input--dark) {
       & .#{$namespace}-input__wrapper {
         cursor: not-allowed;