zhouyanli/wer-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update 重构暗黑模式样式 将所有写死的颜色统一整理

Browse Source
This commit is contained in:
疯狂的狮子Li
2026-04-01 19:18:07 +08:00
parent 3f30bac6f3
commit 38c67fba25
31 changed files with 163 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/views/login.vue
View File

@@ -347,7 +347,7 @@ onMounted(() => {
width: 100%;
padding: 34px 30px 26px;
z-index: 1;
background: rgba(248, 250, 252, 0.92);
background: var(--app-surface-bg);
}
.title-box {
@@ -386,8 +386,8 @@ onMounted(() => {
color: var(--app-text-muted);
padding: 10px;
border-radius: 14px;
background: rgba(255, 255, 255, 0.72);
border: 1px solid rgba(148, 163, 184, 0.14);
background: var(--app-elevated-soft-bg);
border: 1px solid var(--app-surface-border);
}
}
@@ -425,8 +425,8 @@ onMounted(() => {
padding: 14px 16px;
margin-bottom: 22px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.58);
border: 1px solid rgba(148, 163, 184, 0.14);
background: var(--app-elevated-soft-bg);
border: 1px solid var(--app-surface-border);
}
.social-label {
@@ -455,9 +455,9 @@ onMounted(() => {
.login-form :deep(.el-input__wrapper) {
min-height: 48px;
background-color: rgba(255, 255, 255, 0.88);
background-color: var(--el-bg-color);
border-radius: 16px;
box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.12) inset;
box-shadow: 0 0 0 1px var(--app-surface-border) inset;
}
.login-form :deep(.el-input__wrapper.is-focus) {
@@ -471,8 +471,8 @@ onMounted(() => {
}
.login-form :deep(.el-button.is-circle) {
background: rgba(255, 255, 255, 0.82);
border: 1px solid rgba(148, 163, 184, 0.16);
background: var(--app-elevated-soft-bg);
border: 1px solid var(--app-surface-border);
color: var(--app-text-muted);
}
@@ -487,8 +487,8 @@ onMounted(() => {
box-sizing: border-box;
border-radius: 16px;
overflow: hidden;
background: rgba(255, 255, 255, 0.88);
border: 1px solid rgba(148, 163, 184, 0.14);
background: var(--el-bg-color);
border: 1px solid var(--app-surface-border);
img {
cursor: pointer;
@@ -562,19 +562,4 @@ onMounted(() => {
}
}
:global(html.dark) {
.login-form {
background: rgba(12, 18, 30, 0.88);
border-color: rgba(100, 116, 139, 0.2);
}
.login-form :deep(.el-input__wrapper),
.login-code,
.title-box :deep(.lang-select--style),
.social-panel,
.login-form :deep(.el-button.is-circle) {
background: rgba(15, 23, 42, 0.56);
border-color: rgba(100, 116, 139, 0.2);
}
}
</style>