Files
BlackFruit-UI/clientarea/hgcloud/css/loginDialog.css
yiqiu 0b845b2075
All checks were successful
continuous-integration/drone/push Build is passing
feat: 会员中心全局暗色主题重构
阶段一:全局覆盖
- 新增 dark-override.css (450+ 行),覆盖所有 Element UI 组件暗色样式
  - 输入框、表格、Tabs、弹窗、按钮、分页、复选框、下拉框等
  - 侧边栏、顶栏、主内容区暗色背景
  - 滚动条、日期选择器、消息面板等
- header.php 引入 dark-override.css

阶段二:页面独立 CSS 暗色化(22 个文件)
- 白色背景 #fff → #161b22
- 浅灰背景 #F3F5F9 → #0d1117
- 深色文字 #171725/#1E2736 → #E6E8EB
- 灰色文字 #8692B0 → #8B949E
- 浅色边框 #E6E7EB → rgba(255,255,255,0.06)
- 悬停背景 #F5F7FA → #21262d
2026-03-19 19:49:49 +08:00

115 lines
3.2 KiB
CSS

.login-dialog {
border-radius: 0.3rem;
margin-top: 10vh !important;
}
.login-dialog .el-dialog__body {
padding: 0.95rem 1.36rem;
display: flex;
flex-direction: row;
position: relative;
}
.login-dialog .el-dialog__body .login-left {
width: 5.21rem;
position: relative;
}
.login-dialog .el-dialog__body .login-left::after {
content: '';
width: 0px;
height: 4.6rem;
border: 1px solid rgba(255,255,255,0.06);
opacity: 0.4;
position: absolute;
top: 0.91rem;
right: -1.65rem;
}
.login-dialog .el-dialog__body .login-left .login-text .login-text-title {
font-size: 0.32rem;
color: #E6E8EB;
}
.login-dialog .el-dialog__body .login-left .login-text .login-text-regist {
color: #E6E8EB;
}
.login-dialog .el-dialog__body .login-left .login-text .login-text-regist a {
color: #0058FF;
cursor: pointer;
}
.login-dialog .el-dialog__body .login-left .login-form {
margin-top: 0.68rem;
}
.login-dialog .el-dialog__body .login-left .login-form .login-top {
display: flex;
flex-direction: row;
}
.login-dialog .el-dialog__body .login-left .login-form .login-top .active {
color: #0058FF;
border-bottom: 2px solid #0058FF;
}
.login-dialog .el-dialog__body .login-left .login-form .login-top .login-email {
margin-right: 0.4rem;
}
.login-dialog .el-dialog__body .login-left .login-form .login-top .login-email,
.login-dialog .el-dialog__body .login-left .login-form .login-top .login-phone {
height: 0.34rem;
color: #666B80;
cursor: pointer;
}
.login-dialog .el-dialog__body .login-left .login-form .form-main {
margin-top: 0.3rem;
}
.login-dialog .el-dialog__body .login-left .login-form .form-main .form-item {
margin-top: 0.3rem;
}
.login-dialog .el-dialog__body .login-left .login-form .form-main .form-item .input-with-select .el-input-group__prepend {
background: #161b22;
width: 64px;
}
.login-dialog .el-dialog__body .login-left .login-form .form-main .form-item .login-btn {
width: 100%;
height: 46px;
background: #0058FF;
}
.login-dialog .el-dialog__body .login-left .login-form .form-main .form-item .type-btn {
width: 100%;
height: 46px;
font-size: 0.16rem;
}
.login-dialog .el-dialog__body .login-left .login-form .form-main .code-item {
display: flex;
flex-direction: row;
}
.login-dialog .el-dialog__body .login-left .login-form .form-main .code-item .code-btn {
margin-left: 0.1rem;
background: #0058FF;
color: #FFFFFF;
}
.login-dialog .el-dialog__body .login-left .login-form .form-main .rember-item {
margin-top: 0.2rem;
display: flex;
justify-content: space-between;
}
.login-dialog .el-dialog__body .login-left .login-form .form-main .rember-item a {
color: #0058FF;
cursor: pointer;
}
.login-dialog .el-dialog__body .login-left .login-form .form-main .read-item {
margin-top: 0.2rem;
}
.login-dialog .el-dialog__body .login-left .login-form .form-main .read-item a {
color: #0058FF;
cursor: pointer;
}
.login-dialog .el-dialog__body .login-left .login-form .form-main .line-item {
margin-top: 0.4rem;
}
.login-dialog .el-dialog__body .login-left .login-form .form-main .line-item text {
font-size: 16px;
color: #E6E8EB;
}
.login-dialog .el-dialog__body .login-right .login-back-img {
width: 5.17rem;
height: 3.975rem;
position: absolute;
top: 2.29rem;
right: 1.36rem;
}