yexuejc007/rubick
1
0
Fork 0
mirror of https://github.com/rubickCenter/rubick synced 2025-06-22 04:12:44 +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-input-hover: #fff;
// 边框 // 边框
--color-border-light: #f0f0f0; --color-border-light: #f0f0f0;
// 输入框附带icon
--color-action-color: rgba(0, 0, 0, 0.25);;
} }
.dark { .dark {
@ -29,4 +31,6 @@
--color-input-hover: #444d; --color-input-hover: #444d;
// 边框 // 边框
--color-border-light: #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 { .ant-form-item-label>label {
color: var(--color-text-content); color: var(--color-text-content);
} }
.ant-modal-body{ .ant-modal-body {
background-color: var(--color-body-bg) 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> </style>

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

@ -512,6 +512,13 @@ const changeLanguage = (value) => {
background: var(--color-list-hover); 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);
}
} }
} }
} }