@nutui/nutui-react-taro 1.3.15 → 1.4.0

package/dist/packages/timedetail/timedetail.scss

@@ -1,11 +1,11 @@
 .nut-theme-dark {
   .nut-timedetail {
-    background-color: $dark-background2;
+    background-color: $dark6;
     &__detail {
       &__list {
         &__item {
-          background-color: $dark-background;
-          color: $dark-color;
+          background-color: $dark4;
+          color: $dark1;
           &--curr {
             color: $timeselect-timedetail-item-cur-text-color;
           }
@@ -27,9 +27,12 @@
     text-align: center;
     margin-right: 10px;
     margin-bottom: 10px;
-    background-color: #f6f7f9;
+    background-color: $background-color;
+    color: $title-color;
+    &-active {
+      background-color: $dark-brand-color;
+    }
     border-radius: 5px;
-    color: #333;
     font-size: 14px;
     border: 1px solid transparent;
     font-weight: 700;

package/dist/packages/timepannel/timepannel.scss

@@ -1,10 +1,10 @@
 .nut-theme-dark {
   .nut-timepannel {
-    background-color: $dark-background3;
-    color: $dark-color-gray;
+    background-color: $dark5;
+    color: $dark2;
     &--curr {
-      background-color: $dark-background2;
-      color: $dark-color;
+      background-color: $dark5;
+      color: $dark1;
     }
   }
 }

package/dist/packages/timeselect/timeselect.scss

@@ -1,23 +1,32 @@
 .nut-theme-dark {
   .nut-timeselect {
-    background-color: $dark-background2;
+    background-color: $dark6;
     &__title {
-      background-color: $dark-background2;
-      color: $dark-color;
+      background-color: $dark6;
+      color: $dark1;
     }
     &__content {
-      &__pannel {
-        background-color: $dark-background3;
-        color: $dark-color;
-      }
-      &__detail {
-        background-color: $dark-background2;
+      &-left {
+        background-color: $dark5;
+        color: $dark1;
+        .nut-timepannel-active {
+          background-color: $dark6;
+          color: $dark1;
+        }
       }
     }
   }
+  .nut-timedetail__item {
+    background-color: $dark4;
+    color: $dark1;
+    &-active {
+      background-color: $dark-brand-color;
+    }
+  }
 }
 
 .nut-timeselect {
+  background-color: $background-color3;
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -27,7 +36,8 @@
     line-height: $timeselect-title-line-height;
     margin-bottom: 10px;
     font-size: $timeselect-title-font-size;
-    color: $timeselect-title-color;
+    background-color: $background-color3;
+    color: $title-color;
     text-align: center;
   }
 
@@ -41,12 +51,16 @@
     min-width: 140px;
     height: 100%;
     overflow: auto;
-    background-color: #f6f7f9;
+    background-color: $background-color2;
+    color: $title-color;
+    .nut-timepannel-active {
+      background-color: red;
+    }
   }
 
   .nut-timepannel-active {
-    background-color: #fff;
-    color: #333;
+    background-color: $background-color3;
+    color: $title-color;
     font-weight: 700;
   }
 }

package/dist/packages/uploader/uploader.scss

@@ -1,11 +1,24 @@
 @import '../../styles/mixins/text-ellipsis.scss';
 .nut-theme-dark {
-  .nut-uploader__preview-list {
-    background: $dark-background2;
-    color: $dark-color;
+  .nut-uploader {
+    // background-color:  $gray2;
+    &__preview {
+      margin-bottom: 0;
+      &-img {
+        i {
+          color: $dark1 !important;
+        }
+      }
+    }
+  }
+  .nut-progress {
+    .nut-progress-text__inner {
+      color: $white !important;
+    }
   }
-  .close {
-    color: $dark-color !important;
+  .nut-uploader__preview-list {
+    background: $dark5;
+    color: $dark1;
   }
 }
 .nut-uploader {
@@ -48,7 +61,6 @@
     margin-right: 10px;
     margin-bottom: 10px;
     box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
-
     &__progress {
       position: absolute;
       left: 0;
@@ -61,7 +73,7 @@
       align-items: center;
       justify-content: center;
       &__msg {
-        color: $white;
+        color: #fff;
         font-size: 12px;
         margin-top: 6px;
       }
@@ -79,6 +91,7 @@
       flex-direction: column;
       position: relative;
       padding-right: 20px;
+      background-color: $gray4;
       .nut-uploader__preview-img__file__name {
         -webkit-line-clamp: 1;
         padding: 2px;
@@ -104,6 +117,9 @@
       position: relative;
       width: $uploader-picture-width;
       height: $uploader-picture-height;
+      i {
+        color: $gray1;
+      }
       .close {
         position: absolute;
         right: 0;

package/dist/packages/virtuallist/virtuallist.scss

@@ -1,9 +1,21 @@
+.nut-theme-dark {
+  .nut-virtualList-demo-box {
+    li {
+      background-color: $dark5;
+      color: $dark1;
+    }
+    .nut-vertical-items li {
+      box-shadow: 0 1px 6px 0 $dark5;
+    }
+  }
+}
+
 .nut-horizontal-items {
   float: left;
   li {
     display: block;
     float: left;
-    background: #fff;
+    background: $background-color3;
     padding: 10px;
     margin-right: 20px;
   }
@@ -17,7 +29,7 @@
 .nut-vertical-items {
   li {
     display: block;
-    background: rgba(255, 255, 255, 1);
+    background: $background-color3;
     border-radius: 7px;
     box-shadow: 0 1px 6px 0 rgba(237, 238, 241, 1);
     margin-top: 20px;
@@ -26,7 +38,7 @@
     line-height: 18px;
     font-family: PingFangSC;
     font-weight: 500;
-    color: rgba(102, 102, 102, 1);
+    color: $title-color;
   }
 }