阶段一:全局覆盖 - 新增 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
This commit is contained in:
@@ -16,7 +16,7 @@
|
||||
content: '';
|
||||
width: 0px;
|
||||
height: 4.6rem;
|
||||
border: 1px solid #E6E7EB;
|
||||
border: 1px solid rgba(255,255,255,0.06);
|
||||
opacity: 0.4;
|
||||
position: absolute;
|
||||
top: 0.91rem;
|
||||
@@ -24,10 +24,10 @@
|
||||
}
|
||||
.login-dialog .el-dialog__body .login-left .login-text .login-text-title {
|
||||
font-size: 0.32rem;
|
||||
color: #1E2736;
|
||||
color: #E6E8EB;
|
||||
}
|
||||
.login-dialog .el-dialog__body .login-left .login-text .login-text-regist {
|
||||
color: #1E2736;
|
||||
color: #E6E8EB;
|
||||
}
|
||||
.login-dialog .el-dialog__body .login-left .login-text .login-text-regist a {
|
||||
color: #0058FF;
|
||||
@@ -60,7 +60,7 @@
|
||||
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: #FFFFFF;
|
||||
background: #161b22;
|
||||
width: 64px;
|
||||
}
|
||||
.login-dialog .el-dialog__body .login-left .login-form .form-main .form-item .login-btn {
|
||||
@@ -103,7 +103,7 @@
|
||||
}
|
||||
.login-dialog .el-dialog__body .login-left .login-form .form-main .line-item text {
|
||||
font-size: 16px;
|
||||
color: #1E2736;
|
||||
color: #E6E8EB;
|
||||
}
|
||||
.login-dialog .el-dialog__body .login-right .login-back-img {
|
||||
width: 5.17rem;
|
||||
|
||||
Reference in New Issue
Block a user