阶段一:全局覆盖 - 新增 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:
@@ -2,7 +2,7 @@
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #171725;
|
||||
color: #E6E8EB;
|
||||
}
|
||||
.main-card-title {
|
||||
display: flex;
|
||||
@@ -41,7 +41,7 @@
|
||||
}
|
||||
.card-menu-item {
|
||||
font-size: 15;
|
||||
color: #1e2736;
|
||||
color: #E6E8EB;
|
||||
padding-bottom: 13px;
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -118,14 +118,14 @@ tbody tr:hover {
|
||||
flex-direction: column;
|
||||
}
|
||||
.cloud-name .packge-name {
|
||||
color: #171725;
|
||||
color: #E6E8EB;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.cloud-name .name {
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
color: #8692b0;
|
||||
color: #8B949E;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@@ -137,7 +137,7 @@ tbody tr:hover {
|
||||
width: 0.24rem;
|
||||
}
|
||||
.power-status .status-text {
|
||||
color: #1e2736;
|
||||
color: #E6E8EB;
|
||||
margin-left: 7px;
|
||||
}
|
||||
.os {
|
||||
|
||||
Reference in New Issue
Block a user