Browse Source

fix(dark-theme): style for checked tree nodes

修复黑暗主题下已勾选的Tree的复选框的样式问题
无木 3 years ago
parent
commit
662b576ac2
4 changed files with 7 additions and 27 deletions
  1. 1 0
      CHANGELOG.zh_CN.md
  2. 0 18
      build/vite/plugin/theme.ts
  3. 5 0
      src/design/ant/index.less
  4. 1 9
      src/design/theme.less

+ 1 - 0
CHANGELOG.zh_CN.md

@@ -7,6 +7,7 @@
   - 修复`Tree`组件被选中节点的背景颜色
   - 修复`Alert`组件的颜色配置
   - 修复禁用状态下的`link`类型的按钮颜色问题
+  - 修复`Tree`已勾选的复选框的样式问题
 
 ## 2.6.1(2021-07-19)
 

+ 0 - 18
build/vite/plugin/theme.ts

@@ -33,11 +33,6 @@ export function configThemePlugin(isBuild: boolean): Plugin[] {
             return s;
           case '.ant-steps-item-icon > .ant-steps-icon':
             return s;
-          default:
-            if (s.indexOf('.ant-alert-message') >= 0) {
-              console.log(s);
-            }
-            return s;
         }
         return `[data-theme] ${s}`;
       },
@@ -78,19 +73,6 @@ export function configThemePlugin(isBuild: boolean): Plugin[] {
         'alert-error-border-color': '#58181c',
         'alert-error-bg-color': '#2a1215',
         'alert-error-icon-color': '#a61d24',
-
-        //         @alert-success-border-color: @green-3;
-        // @alert-success-bg-color: @green-1;
-        // @alert-success-icon-color: @success-color;
-        // @alert-info-border-color: @primary-3;
-        // @alert-info-bg-color: @primary-1;
-        // @alert-info-icon-color: @info-color;
-        // @alert-warning-border-color: @gold-3;
-        // @alert-warning-bg-color: @gold-1;
-        // @alert-warning-icon-color: @warning-color;
-        // @alert-error-border-color: @red-3;
-        // @alert-error-bg-color: @red-1;
-        // @alert-error-icon-color: @error-color;
       },
     }),
   ];

+ 5 - 0
src/design/ant/index.less

@@ -57,3 +57,8 @@ span.anticon:not(.app-iconify) {
 .modal-icon-info {
   color: @primary-color !important;
 }
+
+.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
+  border-top: 0 !important;
+  border-left: 0 !important;
+}

+ 1 - 9
src/design/theme.less

@@ -8,7 +8,7 @@ html[data-theme='light'] {
   }
 }
 
-html[data-theme='dark'] {
+[data-theme='dark'] {
   .text-secondary {
     color: #8b949e;
   }
@@ -23,14 +23,6 @@ html[data-theme='dark'] {
       0 1px 0 0 #434343 inset;
   }
 
-  html[data-theme='light'] {
-    .ant-alert-message,
-    .ant-alert-with-description .ant-alert-message,
-    .ant-alert-description {
-      color: rgba(0, 0, 0, 0.85);
-    }
-  }
-
   .ant-checkbox-checked .ant-checkbox-inner::after {
     border-top: 0;
     border-left: 0;