fix: add dark action-bar glass and token badge soft backgrounds
This commit is contained in:
+16
-3
@@ -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);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user