阶段一:全局覆盖 - 新增 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:
@@ -23,7 +23,7 @@
|
||||
font-family: Helvetica;
|
||||
font-weight: bold;
|
||||
line-height: 0.32rem;
|
||||
color: #1e2736;
|
||||
color: #E6E8EB;
|
||||
}
|
||||
.name-country {
|
||||
margin-top: 0.1rem;
|
||||
@@ -48,7 +48,7 @@
|
||||
cursor: pointer;
|
||||
margin-left: 0.1rem;
|
||||
font-size: 0.14rem;
|
||||
color: #1e2736;
|
||||
color: #E6E8EB;
|
||||
}
|
||||
.bule-text {
|
||||
color: var(--color-primary) !important;
|
||||
@@ -101,7 +101,7 @@
|
||||
font-size: 0.13rem;
|
||||
font-weight: 500;
|
||||
height: 0.2rem;
|
||||
color: #8692b0;
|
||||
color: #8B949E;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
.box-item-b > .el-input,
|
||||
@@ -131,7 +131,7 @@
|
||||
justify-content: center;
|
||||
}
|
||||
.el-input.is-disabled .el-input__inner {
|
||||
background: #ffffff;
|
||||
background: #161b22;
|
||||
}
|
||||
.el-input__inner {
|
||||
height: 0.46rem;
|
||||
@@ -143,7 +143,7 @@
|
||||
.input-with-select .el-input-group__prepend {
|
||||
width: 60px;
|
||||
border: none;
|
||||
background: #ffffff;
|
||||
background: #161b22;
|
||||
}
|
||||
.edit-icon {
|
||||
cursor: pointer;
|
||||
@@ -212,7 +212,7 @@
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
.a-text {
|
||||
color: #171725;
|
||||
color: #E6E8EB;
|
||||
}
|
||||
.a-text:hover {
|
||||
color: var(--color-primary);
|
||||
@@ -223,7 +223,7 @@
|
||||
margin-right: 0.05rem;
|
||||
}
|
||||
.is-read {
|
||||
color: #8692b0;
|
||||
color: #8B949E;
|
||||
}
|
||||
.no-read {
|
||||
color: var(--color-primary);
|
||||
@@ -300,7 +300,7 @@ th {
|
||||
}
|
||||
.line-item text {
|
||||
font-size: 16px;
|
||||
color: #1e2736;
|
||||
color: #E6E8EB;
|
||||
}
|
||||
.type-btn {
|
||||
width: 100%;
|
||||
@@ -310,7 +310,7 @@ th {
|
||||
.code-pass-select {
|
||||
width: auto;
|
||||
height: 44px;
|
||||
border: 1px solid #e6e7eb;
|
||||
border: 1px solid rgba(255,255,255,0.06);
|
||||
border-right: none;
|
||||
}
|
||||
.el-message-box__btns {
|
||||
@@ -446,7 +446,7 @@ th {
|
||||
.mob-item-row-notes {
|
||||
font-size: 0.26rem;
|
||||
line-height: 0.27rem;
|
||||
color: #8692b0;
|
||||
color: #8B949E;
|
||||
}
|
||||
.mob-item-row2-name {
|
||||
font-size: 0.32rem;
|
||||
@@ -464,7 +464,7 @@ th {
|
||||
.bottom-text {
|
||||
font-size: 0.26rem;
|
||||
line-height: 0.27rem;
|
||||
color: #8692b0;
|
||||
color: #8B949E;
|
||||
margin: 0.4rem 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
Reference in New Issue
Block a user