yexuejc007/rubick
1
0
Fork 0
mirror of https://github.com/rubickCenter/rubick synced 2025-06-21 20:05:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 选择器和输入框适配暗黑模式

Browse Source
This commit is contained in:
lumozx 2023-10-20 12:09:46 +08:00
parent 6d105e0f56
commit 88e4e325f3
3 changed files with 22 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
feature/src/assets/ant-reset.less
View File

@ -15,6 +15,8 @@
--color-input-hover: #fff;
// 边框
--color-border-light: #f0f0f0;
// 输入框附带icon
--color-action-color: rgba(0, 0, 0, 0.25);;
}
.dark {
@ -29,4 +31,6 @@
--color-input-hover: #444d;
// 边框
--color-border-light: #444d;
// 输入框附带icon
--color-action-color: #ffffff4d;
}

13
feature/src/views/settings/database.vue
View File

@ -304,8 +304,17 @@ const downloadPlugin = async (plugin) => {
.ant-form-item-label>label {
color: var(--color-text-content);
}
.ant-modal-body{
background-color: var(--color-body-bg)
.ant-modal-body {
background-color: var(--color-body-bg);
.ant-input,
.ant-input-password,
.ant-select-selector {
background: var(--color-input-hover) !important;
color: var(--color-text-content);
}
.ant-input-password-icon, .ant-select-arrow {
color: var(--color-action-color);
}
}
}
</style>

7
feature/src/views/settings/index.vue
View File

@ -512,6 +512,13 @@ const changeLanguage = (value) => {
background: var(--color-list-hover);
}
}
.ant-select-selector {
background: var(--color-input-hover) !important;
color: var(--color-text-content);
}
.ant-input-password-icon, .ant-select-arrow {
color: var(--color-action-color);
}
}
}
}