Browse Source

fix(dark-theme): fixed `TreeSelect` & `DatePicker` theme

修复黑暗主题下的组件样式

fixed: #955
无木 3 years ago
parent
commit
d1e0e8bcea
2 changed files with 12 additions and 1 deletions
  1. 4 1
      build/vite/plugin/theme.ts
  2. 8 0
      src/design/theme.less

+ 4 - 1
build/vite/plugin/theme.ts

@@ -33,8 +33,10 @@ export function configThemePlugin(isBuild: boolean): Plugin[] {
             return s;
           case '.ant-steps-item-icon > .ant-steps-icon':
             return s;
+          case '.ant-select-item-option-selected:not(.ant-select-item-option-disabled)':
+            return s;
         }
-        return `[data-theme] ${s}`;
+        return s.startsWith('[data-theme') ? s : `[data-theme] ${s}`;
       },
       colorVariables: [...getThemeColors(), ...colors],
     }),
@@ -49,6 +51,7 @@ export function configThemePlugin(isBuild: boolean): Plugin[] {
       darkModifyVars: {
         ...generateModifyVars(true),
         'text-color': '#c9d1d9',
+        'primary-1': 'rgb(255 255 255 / 8%)',
         'text-color-base': '#c9d1d9',
         'component-background': '#151515',
         'heading-color': 'rgb(255 255 255 / 65%)',

+ 8 - 0
src/design/theme.less

@@ -37,4 +37,12 @@ html[data-theme='light'] {
     box-shadow: 1px 0 0 0 #434343, 0 1px 0 0 #434343, 1px 1px 0 0 #434343, 1px 0 0 0 #434343 inset,
       0 1px 0 0 #434343 inset;
   }
+
+  .ant-calendar-selected-day .ant-calendar-date {
+    color: rgba(0, 0, 0, 0.8);
+  }
+
+  .ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
+    color: rgba(0, 0, 0, 0.9);
+  }
 }