feat: 渐变背景 + 渐变变量 (深色 media query 覆盖)
This commit is contained in:
@@ -2,6 +2,8 @@ page {
|
|||||||
--text: #333333;
|
--text: #333333;
|
||||||
--text-secondary: #999999;
|
--text-secondary: #999999;
|
||||||
--bg: #F5F5F5;
|
--bg: #F5F5F5;
|
||||||
|
--bg-gradient-start: #F5F5F5;
|
||||||
|
--bg-gradient-end: #FAFAFA;
|
||||||
--card-bg: #FFFFFF;
|
--card-bg: #FFFFFF;
|
||||||
--success: #4CAF50;
|
--success: #4CAF50;
|
||||||
--border: #EEEEEE;
|
--border: #EEEEEE;
|
||||||
@@ -10,10 +12,18 @@ page {
|
|||||||
'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
|
'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
background-color: var(--bg) !important;
|
background: linear-gradient(180deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%) !important;
|
||||||
transition: background-color 0.3s ease, color 0.3s ease;
|
transition: background-color 0.3s ease, color 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* dark mode overrides */
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
page {
|
||||||
|
--bg-gradient-start: #0F0F12;
|
||||||
|
--bg-gradient-end: #14141A;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
padding: 24rpx;
|
padding: 24rpx;
|
||||||
padding-bottom: calc(134rpx + env(safe-area-inset-bottom));
|
padding-bottom: calc(134rpx + env(safe-area-inset-bottom));
|
||||||
|
|||||||
Reference in New Issue
Block a user