DeXun/pickling-mes
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(frontend): 全局样式改为 klp-ui 浅色红主题

Browse Source 
- variables.scss 整盘重配色：浅灰背景/白卡片、#C03639 红主色、element 标准状态色与字体栈
- global.scss element-ui 覆写由深色改为浅色+红主色，卡片加轻投影
- Material/Message 视图内硬编码深色数据面板改为浅色

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
wangyu
2026-06-29 10:41:10 +08:00
parent def3ef24a0
commit 8583f605bd
4 changed files with 79 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/views/Material.vue
View File

@@ -705,27 +705,27 @@ export default {
}
.btn-sm { padding: 2px 10px; font-size: 11px; }
.hd-cnt { font-size: 11px; color: #6b7c8d; margin-left: 8px; font-weight: 400; }
.hd-cnt { font-size: 11px; color: $text-muted; margin-left: 8px; font-weight: 400; }
.sec-body { padding: 10px 14px; background: #161d24; }
.sec-body { padding: 10px 14px; background: $bg-card; }
.dg { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 4px 18px; }
.dg-item { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #c8d4e0; padding: 2px 0; }
.dg-item .lbl { color: #8b9aab; flex: 1; min-width: 140px; }
.dg-item { display: flex; align-items: center; gap: 6px; font-size: 12px; color: $text-primary; padding: 2px 0; }
.dg-item .lbl { color: $text-muted; flex: 1; min-width: 140px; }
.dg-item .vbox {
background: #0e1418; border: 1px solid #2a3540; padding: 1px 8px;
background: $bg-panel; border: 1px solid $border; padding: 1px 8px;
min-width: 70px; text-align: right; font-family: monospace;
color: #00c8ff; border-radius: 2px;
color: $sms-teal; border-radius: 2px;
}
.dg-item .unit { color: #6b7c8d; font-size: 11px; min-width: 44px; }
.dg-item .unit { color: $text-muted; font-size: 11px; min-width: 44px; }
.data-table.compact th, .data-table.compact td { padding: 5px 8px; font-size: 11.5px; }
.tracking-table tr.row-active { background: rgba(255, 221, 68, 0.10); }
.tracking-table tr.row-active td { color: #ffdd44 !important; font-weight: 600; }
.tracking-table tr.row-passed td { color: #6b8aaa; }
.tracking-table tr.row-pending td { color: #5a6a78; }
.tracking-table tr.row-active { background: rgba($sms-teal, 0.08); }
.tracking-table tr.row-active td { color: $sms-teal !important; font-weight: 600; }
.tracking-table tr.row-passed td { color: $text-muted; }
.tracking-table tr.row-pending td { color: $text-muted; }
.sec-tag { display: inline-block; font-size: 10.5px; padding: 1px 6px;
border: 1px solid; border-radius: 3px; background: rgba(0,0,0,.25);
border: 1px solid; border-radius: 3px; background: rgba(0,0,0,.02);
font-weight: 600; letter-spacing: 0.5px; white-space: nowrap; }
.tracking-table th, .tracking-table td { white-space: nowrap; }
</style>

2
frontend/src/views/Message.vue
View File

@@ -153,7 +153,7 @@ export default {
@import '@/assets/styles/variables';
.action-link { color: $sms-highlight; cursor: pointer; font-size: 12px; &:hover { text-decoration: underline; } }
.raw-box {
background: #0a0f18; color: #d4d4d4;
background: $bg-panel; color: $text-primary;
padding: 12px; border-radius: 4px; border: 1px solid $border;
font-size: 11px; font-family: $font-mono;
max-height: 180px; overflow-y: auto;