90 lines
2.4 KiB
Plaintext
90 lines
2.4 KiB
Plaintext
/**
|
|
* 全局主题变量定义
|
|
* 支持浅色和深色两种模式
|
|
*/
|
|
|
|
/* 浅色模式变量 */
|
|
page {
|
|
/* === 背景色 === */
|
|
--theme-bg-primary: #FFFFFF;
|
|
--theme-bg-secondary: #F5F5F5;
|
|
--theme-bg-card: #FFFFFF;
|
|
--theme-bg-journal: #FFF8E1;
|
|
--theme-bg-overlay: rgba(0, 0, 0, .1);
|
|
--theme-bg-menu: rgba(255, 255, 255, .95);
|
|
|
|
/* === 文字颜色 === */
|
|
--theme-text-primary: #000000;
|
|
--theme-text-secondary: #777777;
|
|
--theme-text-tertiary: #999999;
|
|
--theme-text-disabled: #CCCCCC;
|
|
|
|
/* === 边框颜色 === */
|
|
--theme-border-light: rgba(0, 0, 0, .1);
|
|
--theme-border-medium: rgba(0, 0, 0, .2);
|
|
--theme-border-dark: rgba(0, 0, 0, .8);
|
|
|
|
/* === 阴影颜色 === */
|
|
--theme-shadow-light: rgba(0, 0, 0, .1);
|
|
--theme-shadow-medium: rgba(0, 0, 0, .2);
|
|
--theme-shadow-dark: rgba(0, 0, 0, .3);
|
|
|
|
/* === 品牌色（不随主题改变） === */
|
|
--theme-brand-gao: #FF7A9B;
|
|
--theme-brand-yeyu: #7A9BFF;
|
|
--theme-brand-gao-light: #FFB5C7;
|
|
--theme-brand-gao-dark: #FF3A6B;
|
|
|
|
/* === 功能色 === */
|
|
--theme-error: #E64340;
|
|
--theme-success: #07C160;
|
|
--theme-warning: #FFC107;
|
|
|
|
/* === 纸张纹理效果 === */
|
|
--theme-texture-light: rgba(255, 255, 255, 0);
|
|
--theme-texture-bright: rgba(255, 255, 255, .3);
|
|
--theme-texture-line: rgba(0, 0, 0, .03);
|
|
|
|
/* === 视频播放按钮 === */
|
|
--theme-video-play: rgba(255, 255, 255, .9);
|
|
}
|
|
|
|
/* 深色模式变量 */
|
|
page[data-weui-theme="dark"] {
|
|
/* === 背景色 === */
|
|
--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: #FFFFFF;
|
|
--theme-text-secondary: #AAAAAA;
|
|
--theme-text-tertiary: #888888;
|
|
--theme-text-disabled: #666666;
|
|
|
|
/* === 边框颜色 === */
|
|
--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-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);
|
|
}
|