@nutui/nutui-react-taro 1.3.7 → 1.3.9-beta.0

package/dist/packages/tabs/tabs.scss

@@ -1,8 +1,29 @@
 @import '../../styles/mixins/index';
+.nut-theme-dark {
+  .nut-tabs {
+    &__titles {
+      background: $dark-background3;
+      &-item {
+        color: $dark-color-gray;
+        &.active {
+          color: $dark-color;
+        }
+      }
+    }
+    &.vertical {
+      .nut-tabs__titles {
+        &-item {
+          &.active {
+            background-color: $dark-background2;
+          }
+        }
+      }
+    }
+  }
+}
 
 .nut-tabs {
   display: flex;
-  overflow: hidden;
 
   &.horizontal {
     flex-direction: column;
@@ -13,6 +34,7 @@
     width: 100%;
 
     .nut-tabs__titles {
+      box-sizing: border-box;
       flex-direction: column;
       height: 100%;
       padding: 10px 0 !important;
@@ -63,8 +85,11 @@
     }
 
     .nut-tabs__content {
-      flex: 1;
       flex-direction: column;
+      &__wrap {
+        flex: 1;
+      }
+      height: 100%;
 
       .nut-tabpane {
         height: 100%;
@@ -80,6 +105,7 @@
     background: $tabs-titles-background-color;
     border-radius: $tabs-titles-border-radius;
     flex-shrink: 0;
+    overflow: hidden;
 
     &.large {
       .nut-tabs__titles-item {
@@ -185,6 +211,9 @@
   }
 
   &__content {
+    &__wrap {
+      overflow: hidden;
+    }
     display: flex;
     box-sizing: border-box;
   }

package/dist/packages/timedetail/timedetail.scss

@@ -1,3 +1,19 @@
+.nut-theme-dark {
+  .nut-timedetail {
+    background-color: $dark-background2;
+    &__detail {
+      &__list {
+        &__item {
+          background-color: $dark-background;
+          color: $dark-color;
+          &--curr {
+            color: $timeselect-timedetail-item-cur-text-color;
+          }
+        }
+      }
+    }
+  }
+}
 .nut-timedetail {
   display: flex;
   align-content: flex-start;

package/dist/packages/timepannel/timepannel.scss

@@ -1,3 +1,13 @@
+.nut-theme-dark {
+  .nut-timepannel {
+    background-color: $dark-background3;
+    color: $dark-color-gray;
+    &--curr {
+      background-color: $dark-background2;
+      color: $dark-color;
+    }
+  }
+}
 .nut-timepannel {
   height: 40px;
   line-height: 40px;

package/dist/packages/timeselect/timeselect.scss

@@ -1,3 +1,21 @@
+.nut-theme-dark {
+  .nut-timeselect {
+    background-color: $dark-background2;
+    &__title {
+      background-color: $dark-background2;
+      color: $dark-color;
+    }
+    &__content {
+      &__pannel {
+        background-color: $dark-background3;
+        color: $dark-color;
+      }
+      &__detail {
+        background-color: $dark-background2;
+      }
+    }
+  }
+}
 
 .nut-timeselect {
   display: flex;

package/dist/packages/uploader/uploader.scss

@@ -1,5 +1,13 @@
 @import '../../styles/mixins/text-ellipsis.scss';
-
+.nut-theme-dark {
+  .nut-uploader__preview-list {
+    background: $dark-background2;
+    color: $dark-color;
+  }
+  .close {
+    color: $dark-color !important;
+  }
+}
 .nut-uploader {
   position: relative;
   display: flex;