阶段一:全局覆盖 - 新增 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:
@@ -55,7 +55,7 @@
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
background-color: #161b22;
|
||||
border-radius: 50%;
|
||||
z-index: -1;
|
||||
}
|
||||
@@ -72,7 +72,7 @@
|
||||
z-index: -1;
|
||||
}
|
||||
.voucher-content .price.used {
|
||||
background-color: #8692b0;
|
||||
background-color: #8B949E;
|
||||
}
|
||||
.voucher-content .price.overdue {
|
||||
background-color: #cfd3d6;
|
||||
@@ -92,7 +92,7 @@
|
||||
.voucher-content .r-item {
|
||||
line-height: 1;
|
||||
font-size: 0.12rem;
|
||||
color: #8692B0;
|
||||
color: #8B949E;
|
||||
flex: 1;
|
||||
padding: 0.24rem 0.1rem 0.1rem 0.3rem;
|
||||
display: flex;
|
||||
@@ -101,7 +101,7 @@
|
||||
}
|
||||
.voucher-content .r-item .tit {
|
||||
font-size: 0.2rem;
|
||||
color: #1E2736;
|
||||
color: #E6E8EB;
|
||||
}
|
||||
.voucher-content .r-item .time {
|
||||
margin: 0.1rem 0;
|
||||
@@ -170,7 +170,7 @@
|
||||
box-sizing: border-box;
|
||||
padding: 0.32rem 0.13rem 0.13rem 0.13rem;
|
||||
font-size: 0.12rem;
|
||||
color: #8692B0;
|
||||
color: #8B949E;
|
||||
text-align: justify;
|
||||
display: none;
|
||||
z-index: 10;
|
||||
|
||||
Reference in New Issue
Block a user