refactor travel
This commit is contained in:
@ -12,7 +12,7 @@ page {
|
||||
--theme-bg-primary: #FFF;
|
||||
--theme-bg-secondary: #F5F5F5;
|
||||
--theme-bg-card: #FFF;
|
||||
--theme-bg-journal: #fff2C8;
|
||||
--theme-bg-journal: #FFF2C8;
|
||||
--theme-bg-overlay: rgba(0, 0, 0, .1);
|
||||
--theme-bg-menu: rgba(255, 255, 255, .95);
|
||||
|
||||
@ -56,46 +56,49 @@ page {
|
||||
}
|
||||
|
||||
/* 深色模式变量 */
|
||||
page[data-weui-theme="dark"] {
|
||||
/* 微信标准色 */
|
||||
--theme-wx: #07C160;
|
||||
@media (prefers-color-scheme: dark) {
|
||||
page {
|
||||
|
||||
/* 微信标准色 */
|
||||
--theme-wx: #07C160;
|
||||
|
||||
/* === 背景色 === */
|
||||
--theme-bg-primary: #1A1A1A;
|
||||
--theme-bg-secondary: #2A2A2A;
|
||||
--theme-bg-card: #2C2C2C;
|
||||
--theme-bg-journal: #3A3A2E;
|
||||
--theme-bg-overlay: rgba(0, 0, 0, .3);
|
||||
--theme-bg-menu: rgba(40, 40, 40, .95);
|
||||
/* === 背景色 === */
|
||||
--theme-bg-primary: #1A1A1A;
|
||||
--theme-bg-secondary: #2A2A2A;
|
||||
--theme-bg-card: #2C2C2C;
|
||||
--theme-bg-journal: #3A3A2E;
|
||||
--theme-bg-overlay: rgba(0, 0, 0, .3);
|
||||
--theme-bg-menu: rgba(40, 40, 40, .95);
|
||||
|
||||
/* === 文字颜色 === */
|
||||
--theme-text-primary: #FFF;
|
||||
--theme-text-secondary: #AAA;
|
||||
--theme-text-tertiary: #888;
|
||||
--theme-text-disabled: #666;
|
||||
/* === 文字颜色 === */
|
||||
--theme-text-primary: #FFF;
|
||||
--theme-text-secondary: #AAA;
|
||||
--theme-text-tertiary: #888;
|
||||
--theme-text-disabled: #666;
|
||||
|
||||
/* === 边框颜色 === */
|
||||
--theme-border-light: rgba(255, 255, 255, .1);
|
||||
--theme-border-medium: rgba(255, 255, 255, .2);
|
||||
--theme-border-dark: rgba(255, 255, 255, .6);
|
||||
/* === 边框颜色 === */
|
||||
--theme-border-light: rgba(255, 255, 255, .1);
|
||||
--theme-border-medium: rgba(255, 255, 255, .2);
|
||||
--theme-border-dark: rgba(255, 255, 255, .6);
|
||||
|
||||
/* === 阴影颜色 === */
|
||||
--theme-shadow-light: rgba(0, 0, 0, .3);
|
||||
--theme-shadow-medium: rgba(0, 0, 0, .5);
|
||||
--theme-shadow-dark: rgba(0, 0, 0, .7);
|
||||
/* === 阴影颜色 === */
|
||||
--theme-shadow-light: rgba(0, 0, 0, .3);
|
||||
--theme-shadow-medium: rgba(0, 0, 0, .5);
|
||||
--theme-shadow-dark: rgba(0, 0, 0, .7);
|
||||
|
||||
/* === 品牌色保持不变 === */
|
||||
/* === 品牌色保持不变 === */
|
||||
|
||||
/* === 功能色保持不变 === */
|
||||
/* === 功能色保持不变 === */
|
||||
|
||||
/* === 纸张纹理效果(深色模式调整) === */
|
||||
--theme-texture-light: rgba(0, 0, 0, 0);
|
||||
--theme-texture-bright: rgba(255, 255, 255, .05);
|
||||
--theme-texture-line: rgba(255, 255, 255, .02);
|
||||
/* === 纸张纹理效果(深色模式调整) === */
|
||||
--theme-texture-light: rgba(0, 0, 0, 0);
|
||||
--theme-texture-bright: rgba(255, 255, 255, .05);
|
||||
--theme-texture-line: rgba(255, 255, 255, .02);
|
||||
|
||||
/* === 视频播放按钮 === */
|
||||
--theme-video-play: rgba(200, 200, 200, .8);
|
||||
/* === 视频播放按钮 === */
|
||||
--theme-video-play: rgba(200, 200, 200, .8);
|
||||
|
||||
/* 内容颜色 */
|
||||
--theme-content-rain: rgba(235, 250, 255, .7);
|
||||
/* 内容颜色 */
|
||||
--theme-content-rain: rgba(235, 250, 255, .7);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user