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: #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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user