ContiNew/continew-admin-ui-arco
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

fix: 修复暗黑模式下返回到登录页面时的部分样式错乱

Browse Source 
仅修复了部分

Closes #3
This commit is contained in:
Charles7c
2024-02-05 00:09:23 +08:00
parent e519d746c9
commit 65e564dc67
4 changed files with 47 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/login/components/account-login.vue
View File

@@ -169,15 +169,18 @@
margin-top: 16px; margin-top: 16px;
.arco-input-wrapper, .arco-input-wrapper,
:deep(.arco-select-view-single) { :deep(.arco-select-view-single) {
background-color: var(--color-bg-white); background-color: #fff;
border: 1px solid var(--color-border-3); border: 1px solid #c9cdd4;
height: 40px; height: 40px;
border-radius: 4px; border-radius: 4px;
font-size: 13px; font-size: 13px;
} }
.arco-input-wrapper.arco-input-error { .arco-input-wrapper.arco-input-error {
background-color: var(--color-danger-light-1); background-color: rgb(255, 236, 232);
border-color: var(--color-danger-light-4); border-color: rgb(249, 137, 129);
}
.arco-input-wrapper :deep(.arco-input) {
color: rgb(29, 33, 41);
} }
.captcha { .captcha {

13
src/views/login/components/email-login.vue
View File

@@ -165,15 +165,18 @@
margin-top: 16px; margin-top: 16px;
.arco-input-wrapper, .arco-input-wrapper,
:deep(.arco-select-view-single) { :deep(.arco-select-view-single) {
background-color: var(--color-bg-white); background-color: #fff;
border: 1px solid var(--color-border-3); border: 1px solid #c9cdd4;
height: 40px; height: 40px;
border-radius: 4px; border-radius: 4px;
font-size: 13px; font-size: 13px;
} }
.arco-input-wrapper.arco-input-error { .arco-input-wrapper.arco-input-error {
background-color: var(--color-danger-light-1); background-color: rgb(255, 236, 232);
border-color: var(--color-danger-light-4); border-color: rgb(249, 137, 129);
}
.arco-input-wrapper :deep(.arco-input) {
color: rgb(29, 33, 41);
} }
.captcha-btn { .captcha-btn {
@@ -190,7 +193,7 @@
} }
.arco-btn-secondary:not(.arco-btn-disabled):hover { .arco-btn-secondary:not(.arco-btn-disabled):hover {
background-color: transparent; background-color: transparent;
border: 1px solid rgb(var(--primary-6)); border: 1px solid rgb(22, 93, 255);
} }
.btn { .btn {

25
src/views/login/components/phone-login.vue
View File

@@ -197,15 +197,18 @@
margin-top: 16px; margin-top: 16px;
.arco-input-wrapper, .arco-input-wrapper,
:deep(.arco-select-view-single) { :deep(.arco-select-view-single) {
background-color: var(--color-bg-white); background-color: #fff;
border: 1px solid var(--color-border-3); border: 1px solid #c9cdd4;
height: 40px; height: 40px;
border-radius: 4px; border-radius: 4px;
font-size: 13px; font-size: 13px;
} }
.arco-input-wrapper.arco-input-error { .arco-input-wrapper.arco-input-error {
background-color: var(--color-danger-light-1); background-color: rgb(255, 236, 232);
border-color: var(--color-danger-light-4); border-color: rgb(249, 137, 129);
}
.arco-input-wrapper :deep(.arco-input) {
color: rgb(29, 33, 41);
} }
.captcha-btn { .captcha-btn {
@@ -220,9 +223,14 @@
border: 1px solid #dde2e9; border: 1px solid #dde2e9;
color: #41464f; color: #41464f;
} }
.arco-btn-secondary.arco-btn-disabled,
.arco-btn-secondary[type='submit'].arco-btn-disabled {
color: #c9cdd4;
background-color: rgb(247, 248, 250);
}
.arco-btn-secondary:not(.arco-btn-disabled):hover { .arco-btn-secondary:not(.arco-btn-disabled):hover {
background-color: transparent; background-color: transparent;
border: 1px solid rgb(var(--primary-6)); border: 1px solid rgb(22, 93, 255);
} }
.btn { .btn {
@@ -240,10 +248,11 @@
.arco-btn-primary.arco-btn-disabled, .arco-btn-primary.arco-btn-disabled,
.arco-btn-primary[type='submit'].arco-btn-disabled { .arco-btn-primary[type='submit'].arco-btn-disabled {
background-color: var(--color-neutral-4); color: #fff;
background-color: rgb(201, 205, 212);
box-shadow: box-shadow:
0 0 0 1px var(--color-neutral-4), 0 0 0 1px rgb(201, 205, 212),
0 2px 1px rgba(0, 0, 0, 0.15); 0 2px 1px #00000026;
} }
} }
</style> </style>

19
src/views/login/index.vue
View File

@@ -124,7 +124,7 @@
display: inline-block; display: inline-block;
margin-right: 4px; margin-right: 4px;
margin-left: 4px; margin-left: 4px;
color: var(--color-text-1); color: #1d2129;
font-size: 24px; font-size: 24px;
vertical-align: middle; vertical-align: middle;
} }
@@ -189,16 +189,23 @@
position: relative; position: relative;
} }
:deep(.arco-tabs-tab-title:hover) { :deep(.arco-tabs-tab-title:hover) {
color: rgb(var(--primary-6)); color: rgb(22, 93, 255);
} }
:deep(.arco-tabs-tab-title:before) { :deep(.arco-tabs-tab-title:before) {
display: none; display: none;
} }
:deep(.arco-tabs-tab) { :deep(.arco-tabs-tab) {
margin: 0 30px 0 6px; margin: 0 30px 0 6px;
color: rgb(78, 89, 105);
} }
} }
:deep(.arco-checkbox-label) {
color: #1d2129;
}
:deep(.arco-select-view-single) {
color: #1d2129;
}
.oauth { .oauth {
margin-top: 20px; margin-top: 20px;
padding: 0 5px; padding: 0 5px;
@@ -207,6 +214,10 @@
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
line-height: 20px; line-height: 20px;
background: #fff;
}
:deep(.arco-divider-horizontal) {
border-bottom: 1px solid rgb(229, 230, 235);
} }
:deep(.arco-divider) { :deep(.arco-divider) {
margin-bottom: 25px; margin-bottom: 25px;
@@ -259,11 +270,11 @@
} }
.mail:hover, .mail:hover,
.account:hover { .account:hover {
color: rgb(var(--primary-6)); color: rgb(22, 93, 255);
} }
.mail svg:hover, .mail svg:hover,
.account svg:hover { .account svg:hover {
color: rgb(var(--primary-6)); color: rgb(22, 93, 255);
} }
} }
} }