From 3e350f67dc90bfc36543f7e4f1a46b575f6b1ae3 Mon Sep 17 00:00:00 2001 From: obroccolio Date: Fri, 7 Aug 2026 15:23:12 +0800 Subject: [PATCH] fix: add dark action-bar glass and token badge soft backgrounds --- src/app.scss | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) diff --git a/src/app.scss b/src/app.scss index 4a6e0a6..e29e4b5 100644 --- a/src/app.scss +++ b/src/app.scss @@ -33,8 +33,11 @@ --accent-secondary: #6c7bdb; --accent-secondary-soft: rgba(108, 123, 219, 0.12); --success: #4fa477; + --success-soft: rgba(79, 164, 119, 0.14); --warning: #d99a4e; + --warning-soft: rgba(217, 154, 78, 0.14); --danger: #d85d5d; + --danger-soft: rgba(216, 93, 93, 0.14); --border: #ede5dc; --border-strong: #e0d5c8; --glass: rgba(255, 255, 255, 0.72); @@ -62,8 +65,11 @@ --accent-secondary: #8e97e8; --accent-secondary-soft: rgba(142, 151, 232, 0.14); --success: #67c58e; + --success-soft: rgba(103, 197, 142, 0.16); --warning: #e0ad68; + --warning-soft: rgba(224, 173, 104, 0.16); --danger: #ef7a7a; + --danger-soft: rgba(239, 122, 122, 0.16); --border: #37312c; --border-strong: #463e37; --glass: rgba(25, 25, 25, 0.72); @@ -164,6 +170,13 @@ page { 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 { font-size: 40px; @@ -200,17 +213,17 @@ page { } .badge-green { - background: rgba(79, 164, 119, 0.14); + background: var(--success-soft); color: var(--success); } .badge-warning { - background: rgba(217, 154, 78, 0.14); + background: var(--warning-soft); color: var(--warning); } .badge-danger { - background: rgba(216, 93, 93, 0.14); + background: var(--danger-soft); color: var(--danger); }