fix: add dark action-bar glass and token badge soft backgrounds

This commit is contained in:
2026-08-07 15:23:12 +08:00
parent 351a049610
commit 3e350f67dc
+16 -3
View File
@@ -33,8 +33,11 @@
--accent-secondary: #6c7bdb; --accent-secondary: #6c7bdb;
--accent-secondary-soft: rgba(108, 123, 219, 0.12); --accent-secondary-soft: rgba(108, 123, 219, 0.12);
--success: #4fa477; --success: #4fa477;
--success-soft: rgba(79, 164, 119, 0.14);
--warning: #d99a4e; --warning: #d99a4e;
--warning-soft: rgba(217, 154, 78, 0.14);
--danger: #d85d5d; --danger: #d85d5d;
--danger-soft: rgba(216, 93, 93, 0.14);
--border: #ede5dc; --border: #ede5dc;
--border-strong: #e0d5c8; --border-strong: #e0d5c8;
--glass: rgba(255, 255, 255, 0.72); --glass: rgba(255, 255, 255, 0.72);
@@ -62,8 +65,11 @@
--accent-secondary: #8e97e8; --accent-secondary: #8e97e8;
--accent-secondary-soft: rgba(142, 151, 232, 0.14); --accent-secondary-soft: rgba(142, 151, 232, 0.14);
--success: #67c58e; --success: #67c58e;
--success-soft: rgba(103, 197, 142, 0.16);
--warning: #e0ad68; --warning: #e0ad68;
--warning-soft: rgba(224, 173, 104, 0.16);
--danger: #ef7a7a; --danger: #ef7a7a;
--danger-soft: rgba(239, 122, 122, 0.16);
--border: #37312c; --border: #37312c;
--border-strong: #463e37; --border-strong: #463e37;
--glass: rgba(25, 25, 25, 0.72); --glass: rgba(25, 25, 25, 0.72);
@@ -164,6 +170,13 @@ page {
z-index: 500; z-index: 500;
} }
.theme-dark .action-bar {
background: rgba(25, 25, 25, 0.55);
backdrop-filter: blur(32px) saturate(1.2);
-webkit-backdrop-filter: blur(32px) saturate(1.2);
border-top: 1rpx solid var(--glass-line);
}
/* === 标题文字 === */ /* === 标题文字 === */
.page-title { .page-title {
font-size: 40px; font-size: 40px;
@@ -200,17 +213,17 @@ page {
} }
.badge-green { .badge-green {
background: rgba(79, 164, 119, 0.14); background: var(--success-soft);
color: var(--success); color: var(--success);
} }
.badge-warning { .badge-warning {
background: rgba(217, 154, 78, 0.14); background: var(--warning-soft);
color: var(--warning); color: var(--warning);
} }
.badge-danger { .badge-danger {
background: rgba(216, 93, 93, 0.14); background: var(--danger-soft);
color: var(--danger); color: var(--danger);
} }