浏览代码

style: update darkmode text color of upload/modal/tabs, update timepicker range border-radius (#911)

pointhalo 3 年之前
父节点
当前提交
4e1a96fc97

+ 1 - 0
packages/semi-foundation/modal/modal.scss

@@ -8,6 +8,7 @@ $module: #{$prefix}-modal;
     position: relative;
     // width: 600px;
     margin: $spacing-modal-marginY $spacing-modal-marginX;
+    color: $color-modal_main-text;
     
     &-mask {
         position: fixed;

+ 1 - 1
packages/semi-foundation/tabs/tabs.scss

@@ -422,10 +422,10 @@ $module: #{$prefix}-tabs;
     &-pane {
         width: 100%;
         overflow: hidden;
+        color: $color-tabs_tab-pane-text-default;
         // position: absolute;
         // flex-shrink: 0;
         // position: absolute;
-
         &:focus-visible {
             outline: $width-tabs-outline solid $color-tabs_tab-outline-focus;
         }

+ 1 - 0
packages/semi-foundation/tabs/variables.scss

@@ -46,6 +46,7 @@ $color-tabs_tab_selected-icon-default: var(--semi-color-primary); // 页签图
 
 $color-tabs_tab-outline-focus: var(--semi-color-primary-light-active); // 页签轮廓 - 聚焦
 
+$color-tabs_tab-pane-text-default: var(--semi-color-text-0); // 标签页内容文本颜色 - 默认
 
 $font-tabs_tab-fontWeight: $font-weight-regular; // 页签文本字重 - 默认
 $font-tabs_tab_active-fontWeight: $font-weight-bold; // 页签文本字重 - 选中

+ 9 - 1
packages/semi-foundation/timePicker/timePicker.scss

@@ -48,9 +48,17 @@ $module-list: #{$prefix}-scrolllist;
                 border: $width-timePicker_range_panel-border solid $color-timePicker_range_panel-border;
                 border-radius: $radius-timePicker_range_panel;
 
+                // left
+                .#{$prefix}-scrolllist:first-of-type {
+                    border-radius: $radius-timePicker_range_panel 0 0 $radius-timePicker_range_panel;
+                }
+                // right
+                .#{$prefix}-scrolllist:last-of-type {
+                    border-radius: 0 $radius-timePicker_range_panel $radius-timePicker_range_panel 0;
+                }
+
                 & > .#{$prefix}-scrolllist:not(:last-child) {
                     .#{$prefix}-scrolllist {
-
                         &-body {
                             border-right: $width-timePicker_range_panel_scrolllist_body-border solid $color-timePicker_range_picker_panel_split-border;
                         }

+ 14 - 0
packages/semi-foundation/upload/upload.scss

@@ -542,11 +542,25 @@ $module: #{$prefix}-upload;
             cursor: pointer;
             @include font-size-regular;
             margin-bottom: $spacing-upload_drag_area_main_text-marginBottom;
+            color: $color-upload_drag_area_main-text-default;
+            &:hover {
+                color: $color-upload_drag_area_main-text-hover;
+            }
+            &:active {
+                color: $color-upload_drag_area_main-text-active;
+            }
         }
 
         &-sub-text {
             cursor: pointer;
             @include font-size-small;
+            color: $color-upload_drag_area_sub-text-default;
+            &:hover {
+                color: $color-upload_drag_area_sub-text-hover;
+            }
+            &:active {
+                color: $color-upload_drag_area_sub-text-active;
+            }
         }
 
         &-tips {

+ 8 - 0
packages/semi-foundation/upload/variables.scss

@@ -13,6 +13,14 @@ $color-upload_drag_area_disabled-text: var(--semi-color-disabled-text); // 上
 $color-upload_drag_area-bg: var(--semi-color-tertiary-light-default); // 上传可拖拽区域背景颜色 - 默认
 $color-upload_drag_area_icon: var(--semi-color-primary); // 上传可拖拽区域图标颜色
 $color-upload_drag_area_tips-text: var(--semi-color-primary); // 上传可拖拽区域背景颜色 - 悬浮
+
+$color-upload_drag_area_main-text-default: var(--semi-color-text-0); // 上传可拖拽区主要提示文本颜色 - 默认
+$color-upload_drag_area_main-text-hover: var(--semi-color-text-0); // 上传可拖拽区主要提示文本颜色 - 悬浮
+$color-upload_drag_area_main-text-active: var(--semi-color-text-0); // 上传可拖拽区主要提示文本颜色 - 按下
+$color-upload_drag_area_sub-text-default: var(--semi-color-text-0); // 上传可拖拽区次要提示文本颜色 - 默认
+$color-upload_drag_area_sub-text-hover: var(--semi-color-text-0); // 上传可拖拽区次要提示文本颜色 - 悬浮
+$color-upload_drag_area_sub-text-active: var(--semi-color-text-0); // 上传可拖拽区次要提示文本颜色 - 按下
+
 $color-upload_file_card_fail_info-text: var(--semi-color-danger); // 上传文件卡片失败提示信息文本颜色
 $color-upload_file_card_preview_placeholder-bg: rgba(var(--semi-grey-3), 1); // 文件卡片默认预览背景颜色
 $color-upload_file_card_preview_placeholder-text: rgba(var(--semi-white), 1); // 文件卡片默认预览图颜色