suncheng/EmailBill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

色彩调整
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 24s
Details
Docker Build & Deploy / Deploy to Production (push) Successful in 10s
Details
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 1s
Details
Docker Build & Deploy / WeChat Notification (push) Successful in 1s
Details

Browse Source
This commit is contained in:
孙诚
2026-01-13 17:00:44 +08:00
parent 556fc5af20
commit c5c3b56200
25 changed files with 182 additions and 339 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
Web/src/views/BillAnalysisView.vue
View File

@@ -274,21 +274,14 @@ const startAnalysis = async () => {
/* 输入区域 */
.input-section {
background: #ffffff;
background: var(--van-background-2);
padding: 20px;
border-radius: 16px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
border: 1px solid #ebedf0;
border: 1px solid var(--van-border-color);
margin-bottom: 16px;
}
@media (prefers-color-scheme: dark) {
.input-section {
background: #1f1f1f;
border-color: #2c2c2c;
}
}
.input-header h3 {
font-size: 18px;
font-weight: 600;
@@ -355,7 +348,7 @@ const startAnalysis = async () => {
}
.error-message {
color: #ff6b6b;
color: var(--van-danger-color);
text-align: center;
padding: 20px;
}

20
Web/src/views/BudgetView.vue
View File

@@ -8,7 +8,7 @@
&& !isArchive"
name="warning-o"
size="20"
color="#ee0a24"
color="var(--van-danger-color)"
style="margin-right: 12px"
title="查看未覆盖预算的分类"
@click="showUncoveredDetails = true"
@@ -149,7 +149,7 @@
v-for="budget in savingsBudgets"
:key="budget.id"
:budget="budget"
progress-color="#07c160"
progress-color="var(--van-success-color)"
:percent-class="{ 'income': (budget.current / budget.limit) >= 1 }"
:period-label="getPeriodLabel(budget.type)"
style="margin: 0 12px 12px;"
@@ -418,15 +418,15 @@ const getPeriodLabel = (type) => {
const getProgressColor = (budget) => {
const ratio = budget.current / budget.limit
if (ratio >= 1) return '#ee0a24'
if (ratio > 0.8) return '#ff976a'
return '#1989fa'
if (ratio >= 1) return 'var(--van-danger-color)'
if (ratio > 0.8) return 'var(--van-warning-color)'
return 'var(--van-primary-color)'
}
const getIncomeProgressColor = (budget) => {
const ratio = budget.current / budget.limit
if (ratio >= 1) return '#07c160'
return '#1989fa'
if (ratio >= 1) return 'var(--van-success-color)'
return 'var(--van-primary-color)'
}
const handleDelete = (budget) => {
@@ -535,7 +535,7 @@ const handleSaveSummary = async () => {
justify-content: space-between;
align-items: center;
padding: 16px;
background-color: var(--van-background-2, #ffffff);
background-color: var(--van-background-2);
border-radius: 12px;
margin-bottom: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
@@ -549,13 +549,13 @@ const handleSaveSummary = async () => {
.category-name {
font-size: 16px;
font-weight: 500;
color: var(--van-text-color, #323233);
color: var(--van-text-color);
margin-bottom: 4px;
}
.transaction-count {
font-size: 12px;
color: var(--van-text-color-2, #969799);
color: var(--van-text-color-2);
}
.item-right {

6
Web/src/views/ClassificationEdit.vue
View File

@@ -398,11 +398,11 @@ onMounted(() => {
}
/* 深色模式 */
@media (prefers-color-scheme: dark) {
/* @media (prefers-color-scheme: dark) {
.level-container {
background: #1a1a1a;
background: var(--van-background);
}
}
} */
/* 设置页面容器背景色 */
:deep(.van-nav-bar) {

4
Web/src/views/ClassificationNLP.vue
View File

@@ -64,7 +64,7 @@
title="交易记录列表"
height="75%"
>
<div style="background: var(--van-background, #f7f8fa);">
<div style="background: var(--van-background);">
<!-- 批量操作按钮 -->
<div class="batch-actions">
<van-button
@@ -320,7 +320,7 @@ const handleSubmit = async () => {
display: flex;
gap: 8px;
padding: 12px 16px;
background-color: var(--van-background-2, #fff);
background-color: var(--van-background-2);
margin-bottom: 8px;
}

2
Web/src/views/ClassificationSmart.vue
View File

@@ -346,7 +346,7 @@ onMounted(async () => {
.stats-info {
padding: 12px 12px 0 16px;
font-size: 14px;
color: #969799;
color: var(--van-text-color-2);
}
.stats-value {

12
Web/src/views/EmailRecord.vue
View File

@@ -102,7 +102,7 @@
</div>
<div v-else class="content-body empty-content">
暂无邮件内容
<div style="font-size: 12px; margin-top: 8px; color: #999;">
<div style="font-size: 12px; margin-top: 8px; color: var(--van-gray-6);">
Debug: {{ Object.keys(currentEmail).join(', ') }}
</div>
</div>
@@ -487,7 +487,7 @@ defineExpose({
.email-date {
font-size: 12px;
color: #969799;
color: var(--van-text-color-2);
padding-right: 10px;
}
@@ -513,12 +513,12 @@ defineExpose({
margin: 0 20px;
}
@media (prefers-color-scheme: dark) {
/* @media (prefers-color-scheme: dark) {
.content-body {
background-color: #2c2c2c;
border: 1px solid #3a3a3a;
background-color: var(--van-background-2);
border: 1px solid var(--van-border-color);
}
}
} */
.delete-button {
height: 100%;

46
Web/src/views/LogView.vue
View File

@@ -292,27 +292,27 @@ onMounted(() => {
<style scoped>
.log-view {
height: 100vh;
background-color: #f5f5f5;
background-color: var(--van-background);
}
@media (prefers-color-scheme: dark) {
/* @media (prefers-color-scheme: dark) {
.log-view {
background-color: #1a1a1a;
}
}
} */
.filter-section {
background-color: #ffffff;
background-color: var(--van-background-2);
position: sticky;
top: 0;
z-index: 10;
}
@media (prefers-color-scheme: dark) {
/* @media (prefers-color-scheme: dark) {
.filter-section {
background-color: #2c2c2c;
}
}
} */
.filter-row {
padding: 0;
@@ -323,8 +323,8 @@ onMounted(() => {
}
.log-item {
background-color: #ffffff;
border-left: 3px solid #1989fa;
background-color: var(--van-background-2);
border-left: 3px solid var(--van-primary-color);
margin-bottom: 4px;
padding: 6px 10px;
border-radius: 3px;
@@ -338,7 +338,7 @@ onMounted(() => {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
@media (prefers-color-scheme: dark) {
/* @media (prefers-color-scheme: dark) {
.log-item {
background-color: #2c2c2c;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
@@ -347,7 +347,7 @@ onMounted(() => {
.log-item:hover {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
}
} */
.log-header {
display: flex;
@@ -398,20 +398,20 @@ onMounted(() => {
}
.level-debug .log-level {
background-color: #1989fa;
background-color: var(--van-primary-color);
}
.level-info .log-level {
background-color: #07c160;
background-color: var(--van-success-color);
}
.level-warning .log-level {
background-color: #ff976a;
border-left-color: #ff976a;
background-color: var(--van-orange);
border-left-color: var(--van-orange);
}
.level-error .log-level {
background-color: #ee0a24;
background-color: var(--van-danger-color);
}
.level-fatal .log-level {
@@ -419,7 +419,7 @@ onMounted(() => {
}
.level-default .log-level {
background-color: #646566;
background-color: var(--van-gray-6);
}
.level-verbose {
@@ -427,19 +427,19 @@ onMounted(() => {
}
.level-debug {
border-left-color: #1989fa;
border-left-color: var(--van-primary-color);
}
.level-info {
border-left-color: #07c160;
border-left-color: var(--van-success-color);
}
.level-warning {
border-left-color: #ff976a;
border-left-color: var(--van-orange);
}
.level-error {
border-left-color: #ee0a24;
border-left-color: var(--van-danger-color);
}
.level-fatal {
@@ -447,7 +447,7 @@ onMounted(() => {
}
.level-default {
border-left-color: #646566;
border-left-color: var(--van-gray-6);
}
/* 优化下拉菜单样式 */
@@ -455,9 +455,9 @@ onMounted(() => {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
@media (prefers-color-scheme: dark) {
/* @media (prefers-color-scheme: dark) {
:deep(.van-dropdown-menu) {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
}
} */
</style>

2
Web/src/views/PeriodicRecord.vue
View File

@@ -188,7 +188,7 @@
</van-field>
<van-field name="classify" label="分类">
<template #input>
<span v-if="!form.classify" style="color: #c8c9cc;">请选择交易分类</span>
<span v-if="!form.classify" style="color: var(--van-gray-5);">请选择交易分类</span>
<span v-else>{{ form.classify }}</span>
</template>
</van-field>

19
Web/src/views/SettingView.vue
View File

@@ -306,28 +306,15 @@ const handleScheduledTasks = () => {
<style scoped>
/* 页面背景色 */
:deep(body) {
background-color: #f5f5f5;
}
@media (prefers-color-scheme: dark) {
:deep(body) {
background-color: #1a1a1a;
}
background-color: var(--van-background);
}
/* 增加卡片对比度 */
:deep(.van-cell-group--inset) {
background-color: #ffffff;
background-color: var(--van-background-2);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
@media (prefers-color-scheme: dark) {
:deep(.van-cell-group--inset) {
background-color: #2c2c2c;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
}
.detail-header {
padding: 16px 16px 5px 16px;
margin-bottom: 5px;
@@ -336,7 +323,7 @@ const handleScheduledTasks = () => {
.detail-header p {
margin: 0;
font-size: 14px;
color: #969799;
color: var(--van-text-color-2);
font-weight: normal;
}

69
Web/src/views/StatisticsView.vue
View File

@@ -1001,19 +1001,12 @@ onBeforeUnmount(() => {
display: flex;
justify-content: space-around;
align-items: center;
background: #ffffff;
background: var(--van-background-2);
margin: 0 12px 16px;
padding: 24px 12px;
border-radius: 16px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
border: 1px solid #ebedf0;
}
@media (prefers-color-scheme: dark) {
.overview-card {
background: #1f1f1f;
border-color: #2c2c2c;
}
border: 1px solid var(--van-border-color);
}
.nav-arrow {
@@ -1025,7 +1018,7 @@ onBeforeUnmount(() => {
justify-content: center;
align-items: center;
font-size: 18px;
color: #c8c9cc;
color: var(--van-gray-5);
cursor: pointer;
transition: all 0.2s;
z-index: 1;
@@ -1149,11 +1142,11 @@ onBeforeUnmount(() => {
}
.expense {
color: #ff6b6b;
color: var(--van-danger-color);
}
.income {
color: #51cf66;
color: var(--van-success-color);
}
/* 环形图 */
@@ -1207,17 +1200,11 @@ onBeforeUnmount(() => {
display: flex;
align-items: center;
padding: 12px 0;
border-bottom: 1px solid #ebedf0;
border-bottom: 1px solid var(--van-border-color);
transition: background-color 0.2s;
gap: 12px;
}
@media (prefers-color-scheme: dark) {
.category-item {
border-bottom: 1px solid #2c2c2c;
}
}
.category-item:last-child {
border-bottom: none;
}
@@ -1227,13 +1214,7 @@ onBeforeUnmount(() => {
}
.category-item.clickable:active {
background-color: #f7f8fa;
}
@media (prefers-color-scheme: dark) {
.category-item.clickable:active {
background-color: #141414;
}
background-color: var(--van-background);
}
.category-info {
@@ -1289,36 +1270,30 @@ onBeforeUnmount(() => {
.category-percent {
font-size: 12px;
color: var(--van-text-color-3);
background: #f7f8fa;
background: var(--van-background);
padding: 2px 8px;
border-radius: 10px;
}
@media (prefers-color-scheme: dark) {
.category-percent {
background: #141414;
}
}
.income-color {
background-color: #51cf66;
background-color: var(--van-success-color);
}
.income-text {
color: #51cf66;
color: var(--van-success-color);
}
/* 不计收支颜色 */
.none-color {
background-color: #909399;
background-color: var(--van-gray-6);
}
.none-text {
color: #909399;
color: var(--van-gray-6);
}
.expense-color {
background-color: #ff6b6b;
background-color: var(--van-danger-color);
}
/* 趋势图 */
@@ -1387,16 +1362,10 @@ onBeforeUnmount(() => {
.trend-legend {
display: flex;
justify-content: center;
justify-content: space-center;
gap: 24px;
padding-top: 12px;
border-top: 1px solid #ebedf0;
}
@media (prefers-color-scheme: dark) {
.trend-legend {
border-top: 1px solid #2c2c2c;
}
border-top: 1px solid var(--van-border-color);
}
.legend-item {
@@ -1422,17 +1391,17 @@ onBeforeUnmount(() => {
}
.stat-item {
background: #f7f8fa;
background: var(--van-background-2);
padding: 16px;
border-radius: 12px;
text-align: center;
}
@media (prefers-color-scheme: dark) {
/* @media (prefers-color-scheme: dark) {
.stat-item {
background: #141414;
background: var(--van-background-2);
}
}
} */
.stat-label {
font-size: 13px;