/* ============================================================================ * 马卡龙配色主题 —— 全部用 CSS 变量，切换 即可 * 想改颜色只改这个文件。新增一套主题：复制一段 [data-theme="xxx"] 改色值， * 再去 js/config.js 和后台的配色选择里加一项。 * ==========================================================================*/ /* 全局尺寸 / 字体 / 阴影（所有主题共用） */ :root { --radius-s: 10px; --radius: 16px; --radius-l: 26px; --radius-pill: 999px; --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, "Helvetica Neue", sans-serif; --font-serif: Georgia, "Songti SC", "Noto Serif SC", "Source Han Serif SC", "SimSun", serif; --font-mono: "JetBrains Mono", "Cascadia Code", Consolas, Monaco, "Courier New", monospace; --shadow: 0 1px 3px rgba(80, 60, 90, .04), 0 6px 20px rgba(80, 60, 90, .05); --shadow-hover: 0 4px 12px rgba(80, 60, 90, .07), 0 16px 40px rgba(80, 60, 90, .09); --shadow-pop: 0 12px 40px rgba(80, 60, 90, .14); --transition: .24s cubic-bezier(.4, 0, .2, 1); --maxw: 1080px; } /* ---------- 默认（等同 berry），保证没设 data-theme 也好看 ---------- */ :root, [data-theme="berry"] { --bg: #FDF6F9; --bg-alt: #F8EEF4; --surface: #FFFFFF; --surface-hover: #FFF7FB; --text: #3B2F3A; --text-2: #6B5A68; --text-3: #9C8C99; --border: #F1E3EC; --primary: #E888B0; --primary-hover: #DE6F9D; --primary-soft: #FBD9E8; --primary-tint: #FEF3F8; --accent: #B49BE0; --accent-soft: #EAE0FA; --accent-tint: #F6F2FE; --c1: #F6A8C5; --c2: #C3A8EC; --c3: #F7C8A0; --c4: #9FD8CE; --c5: #A8C8F0; --on-primary: #FFFFFF; } /* ---------- 莓粉紫 · 柔和少女感 ---------- */ [data-theme="berry"] { color-scheme: light; } /* ---------- 薄荷青 · 清爽干净 ---------- */ [data-theme="mint"] { --bg: #F4FBF9; --bg-alt: #EAF6F2; --surface: #FFFFFF; --surface-hover: #F3FBF8; --text: #2C3E3B; --text-2: #5B6F6B; --text-3: #8FA3A0; --border: #DFF0EA; --primary: #57C0A7; --primary-hover: #43AE94; --primary-soft: #D2F0E7; --primary-tint: #EFFAF6; --accent: #74B8EA; --accent-soft: #DAEDFA; --accent-tint: #F1F8FD; --c1: #6FD0B8; --c2: #8CC6EE; --c3: #F3D98A; --c4: #F0A9B8; --c5: #B5A9E8; } /* ---------- 蜜桃橙 · 温暖明亮 ---------- */ [data-theme="peach"] { --bg: #FFFAF5; --bg-alt: #FDF1E7; --surface: #FFFFFF; --surface-hover: #FFF8F1; --text: #43362C; --text-2: #6E5D4E; --text-3: #A08D7C; --border: #F5E7D9; --primary: #EC8E5E; --primary-hover: #DE7A46; --primary-soft: #FBDFCE; --primary-tint: #FEF5EF; --accent: #EDC26A; --accent-soft: #FBEBCB; --accent-tint: #FEF9EE; --c1: #F5A97F; --c2: #F2CF86; --c3: #EBA0AE; --c4: #9ED4B8; --c5: #A9C3EC; } /* ---------- 淡彩混搭 · 多彩标签 ---------- */ [data-theme="candy"] { --bg: #FBFAFE; --bg-alt: #F4F1FB; --surface: #FFFFFF; --surface-hover: #F9F6FE; --text: #37324A; --text-2: #655E7C; --text-3: #9A93AE; --border: #EDE7F7; --primary: #B093E6; --primary-hover: #9E7DDE; --primary-soft: #E5DAF9; --primary-tint: #F6F2FE; --accent: #F093AE; --accent-soft: #FBDCE5; --accent-tint: #FDF3F6; --c1: #F5A0B8; --c2: #B79CE8; --c3: #8FC7EF; --c4: #93DBC4; --c5: #F3D286; } /* ---------- 抹茶绿 · 安静耐看 ---------- */ [data-theme="matcha"] { --bg: #F9FBF5; --bg-alt: #F1F6E9; --surface: #FFFFFF; --surface-hover: #F7FBF1; --text: #333B2A; --text-2: #5F6B52; --text-3: #95A185; --border: #E5EEDA; --primary: #8DBA6A; --primary-hover: #79A855; --primary-soft: #DCEBCB; --primary-tint: #F4F9EE; --accent: #77C2AD; --accent-soft: #D6EFE7; --accent-tint: #F0FAF7; --c1: #A6CC85; --c2: #84C7B3; --c3: #D9DE8C; --c4: #F0B79A; --c5: #A9C3EC; } /* ---------- 薰衣草 · 静谧 ---------- */ [data-theme="lavender"] { --bg: #F9F7FE; --bg-alt: #F1EDFB; --surface: #FFFFFF; --surface-hover: #F7F4FE; --text: #332E45; --text-2: #5E5878; --text-3: #918BA6; --border: #E8E2F7; --primary: #9480E4; --primary-hover: #8069DC; --primary-soft: #DED6F9; --primary-tint: #F4F1FE; --accent: #82AFEA; --accent-soft: #DCE8FB; --accent-tint: #F2F7FD; --c1: #A895EC; --c2: #8FB8EE; --c3: #F0A6C4; --c4: #8FD3C4; --c5: #F2D28E; }