fix(ui): 批量替换所有组件中残留的硬编码深色值以彻底支持浅色主题
This commit is contained in:
@@ -1383,15 +1383,15 @@ watch(
|
||||
/* 预览区域和打印样式的核心CSS - 保持原生CSS以确保精确控制 */
|
||||
|
||||
.preview-content {
|
||||
background: #ffffff;
|
||||
background: var(--card-bg, #ffffff);
|
||||
padding: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* 打印页面样式 */
|
||||
.print-page {
|
||||
background: #ffffff;
|
||||
color: #000000;
|
||||
background: var(--card-bg, #ffffff);
|
||||
color: var(--text-primary, #000000);
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
padding: 30px;
|
||||
@@ -1426,7 +1426,7 @@ watch(
|
||||
.logo-divider {
|
||||
width: 2px;
|
||||
height: 60px;
|
||||
background: linear-gradient(to bottom, #ddd, #999, #ddd);
|
||||
background: linear-gradient(to bottom, var(--border-secondary, #dddddd), #999, #ddd);
|
||||
border-radius: 1px;
|
||||
margin: 0 4px;
|
||||
}
|
||||
@@ -1445,19 +1445,19 @@ watch(
|
||||
font-size: 24px;
|
||||
font-weight: normal;
|
||||
margin: 0 0 4px 0;
|
||||
color: #000;
|
||||
color: var(--text-primary, #000);
|
||||
}
|
||||
|
||||
.title-section h2 {
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
margin: 0;
|
||||
color: #666;
|
||||
color: var(--text-quaternary, #666666);
|
||||
}
|
||||
|
||||
.date-info {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
color: var(--text-quaternary, #666666);
|
||||
text-align: right;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
@@ -1477,14 +1477,14 @@ watch(
|
||||
.no-data-message {
|
||||
text-align: center;
|
||||
padding: 60px 20px;
|
||||
color: #666;
|
||||
color: var(--text-quaternary, #666666);
|
||||
}
|
||||
|
||||
.no-data-icon {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
margin: 0 auto 20px;
|
||||
color: #ccc;
|
||||
color: var(--text-secondary, #cccccc);
|
||||
}
|
||||
|
||||
.no-data-icon svg {
|
||||
@@ -1496,7 +1496,7 @@ watch(
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
margin: 0 0 12px 0;
|
||||
color: #333;
|
||||
color: var(--text-quaternary, #333333);
|
||||
}
|
||||
|
||||
.no-data-message p {
|
||||
@@ -1512,15 +1512,15 @@ watch(
|
||||
font-weight: bold;
|
||||
margin: 24px 0 12px 0;
|
||||
padding: 8px 12px;
|
||||
border-bottom: 2px solid #ddd;
|
||||
border-bottom: 2px solid var(--border-secondary, #ddd);
|
||||
background: #f8f9fa;
|
||||
color: #333;
|
||||
color: var(--text-quaternary, #333333);
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
.playtime-group .group-title {
|
||||
background: #e3f2fd;
|
||||
border-bottom-color: #2196f3;
|
||||
border-bottom-color: var(--border-secondary, #2196f3);
|
||||
color: #1565c0;
|
||||
}
|
||||
|
||||
@@ -1533,7 +1533,7 @@ watch(
|
||||
.group-count {
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
color: #666;
|
||||
color: var(--text-quaternary, #666666);
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
@@ -1547,7 +1547,7 @@ watch(
|
||||
margin: 16px 0 8px 0;
|
||||
padding: 6px 10px;
|
||||
background: #f0f8ff;
|
||||
border-left: 3px solid #2196f3;
|
||||
border-left: 3px solid var(--border-secondary, #2196f3);
|
||||
color: #1565c0;
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
@@ -1555,7 +1555,7 @@ watch(
|
||||
.playtime-count {
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
color: #666;
|
||||
color: var(--text-quaternary, #666666);
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
@@ -1570,7 +1570,7 @@ watch(
|
||||
padding-top: 16px;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
color: var(--text-quaternary, #666666);
|
||||
}
|
||||
|
||||
.footer-left {
|
||||
|
||||
Reference in New Issue
Block a user