diff --git a/feature/src/assets/ant-reset.less b/feature/src/assets/ant-reset.less index a7ff3d9..19b4db9 100644 --- a/feature/src/assets/ant-reset.less +++ b/feature/src/assets/ant-reset.less @@ -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; } diff --git a/feature/src/views/settings/database.vue b/feature/src/views/settings/database.vue index ff6d608..c978be4 100644 --- a/feature/src/views/settings/database.vue +++ b/feature/src/views/settings/database.vue @@ -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); + } } } \ No newline at end of file diff --git a/feature/src/views/settings/index.vue b/feature/src/views/settings/index.vue index 0d36292..6c5a826 100644 --- a/feature/src/views/settings/index.vue +++ b/feature/src/views/settings/index.vue @@ -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); + } } } }