色彩调整
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 24s
Docker Build & Deploy / Deploy to Production (push) Successful in 10s
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 1s
Docker Build & Deploy / WeChat Notification (push) Successful in 1s
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 24s
Docker Build & Deploy / Deploy to Production (push) Successful in 10s
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 1s
Docker Build & Deploy / WeChat Notification (push) Successful in 1s
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user