mamamiyear/if.u.clients.web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: change the theme color scheme

Browse Source
This commit is contained in:
漂泊旅人
2025-10-28 20:26:10 +08:00
parent bd817279db
commit a05bd23766
12 changed files with 158 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/PeopleForm.css
View File

@@ -2,13 +2,14 @@
.people-form {
margin-top: 16px;
padding: 20px;
border: 1px solid rgba(255,255,255,0.1);
border: 1px solid var(--border);
border-radius: 12px;
background: rgba(255,255,255,0.04);
background: var(--bg-card);
color: var(--text-primary);
}
.people-form .ant-form-item-label > label {
color: #cbd5e1;
color: var(--text-secondary);
}
.people-form .ant-input,
@@ -16,11 +17,24 @@
.people-form .ant-select-selector,
.people-form .ant-input-number,
.people-form .ant-input-number-input {
background: rgba(255,255,255,0.03);
color: #e5e7eb;
background: var(--bg-card);
color: var(--text-primary);
border: 1px solid var(--border);
}
.people-form .ant-select-selection-item,
.people-form .ant-select-selection-placeholder {
color: #cbd5e1;
color: var(--placeholder);
}
.people-form .ant-select-selection-item { color: var(--text-primary); }
/* 输入占位与聚焦态 */
.people-form .ant-input::placeholder { color: var(--placeholder); }
.people-form .ant-input-number-input::placeholder { color: var(--placeholder); }
.people-form .ant-input:focus,
.people-form .ant-input-affix-wrapper-focused,
.people-form .ant-select-focused .ant-select-selector,
.people-form .ant-input-number-focused {
border-color: var(--color-primary-600) !important;
box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15);
}