github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-08-26 00:26:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(dark-theme): disabled link button color

Browse Source 
修复黑暗主题下禁用状态的link类型按钮的颜色
This commit is contained in:
无木
2021-07-21 21:51:48 +08:00
parent 9b7ede09b9
commit 42812162c4
3 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.zh_CN.md
View File

@@ -6,6 +6,7 @@
- **Dark Theme** 黑暗主题下的配色问题修正 - **Dark Theme** 黑暗主题下的配色问题修正
- 修复`Tree`组件被选中节点的背景颜色 - 修复`Tree`组件被选中节点的背景颜色
- 修复`Alert`组件的颜色配置 - 修复`Alert`组件的颜色配置
- 修复禁用状态下的`link`类型的按钮颜色问题
## 2.6.1(2021-07-19) ## 2.6.1(2021-07-19)

4
build/vite/plugin/theme.ts
View File

@@ -45,8 +45,8 @@ export function configThemePlugin(isBuild: boolean): Plugin[] {
}), }),
antdDarkThemePlugin({ antdDarkThemePlugin({
preloadFiles: [ preloadFiles: [
//path.resolve(process.cwd(), 'node_modules/ant-design-vue/dist/antd.less'), path.resolve(process.cwd(), 'node_modules/ant-design-vue/dist/antd.less'),
path.resolve(process.cwd(), 'node_modules/ant-design-vue/dist/antd.dark.less'), //path.resolve(process.cwd(), 'node_modules/ant-design-vue/dist/antd.dark.less'),
path.resolve(process.cwd(), 'src/design/index.less'), path.resolve(process.cwd(), 'src/design/index.less'),
], ],
filter: (id) => (isBuild ? !id.endsWith('antd.less') : true), filter: (id) => (isBuild ? !id.endsWith('antd.less') : true),

23
src/design/ant/btn.less
View File

@@ -50,15 +50,15 @@
border-color: @button-cancel-hover-border-color; border-color: @button-cancel-hover-border-color;
} }
&[disabled], //&[disabled],
&[disabled]:hover { //&[disabled]:hover {
color: fade(@button-cancel-color, 40%); // color: fade(@button-cancel-color, 40%);
background: fade(@button-cancel-bg-color, 40%); // background: fade(@button-cancel-bg-color, 40%);
border-color: fade(@button-cancel-border-color, 40%); // border-color: fade(@button-cancel-border-color, 40%);
} //}
} }
&.ant-btn-link.is-disabled { [data-theme='light'] &.ant-btn-link.is-disabled {
color: rgba(0, 0, 0, 0.25); color: rgba(0, 0, 0, 0.25);
text-shadow: none; text-shadow: none;
cursor: not-allowed !important; cursor: not-allowed !important;
@@ -67,6 +67,15 @@
box-shadow: none; box-shadow: none;
} }
[data-theme='dark'] &.ant-btn-link.is-disabled {
color: rgba(255, 255, 255, 0.25) !important;
text-shadow: none;
cursor: not-allowed !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none;
}
// color: @white; // color: @white;
&-success.ant-btn-link:not([disabled='disabled']) { &-success.ant-btn-link:not([disabled='disabled']) {