/* * 浅色主题("白天主题") —— 2026-07 用户反馈"切到白天主题后一些文字被遮挡/同色看不清"， * 排查后发现根因：原来的浅色覆盖规则只逐个枚举了15条最基础的class(背景/主文字/边框)， * 而整个项目实际用到的颜色相关class多达244种(各种状态标签/徽章配色/按钮强调色)，剩下 * 230多种在暗色背景下调好看的鲜艳颜色，切到浅色背景后完全没人管，文字自然读不清。 * * 设计原则(第一版，2026-07)： * 1. 保留现有的暖米色/焦糖橙基调(背景#f6ede2、卡片#fffaf2、主强调色#ec5b13)，不推倒重来。 * 2. 不再逐个class手动枚举——Tailwind的颜色class天然是"角色前缀-色相-明度(/透明度)"这种 * 规律结构，用属性选择器按"色相家族"分组覆盖(比如所有text-amber-*不管具体明度/透明度 * 统一按amber家族处理)，一次覆盖一整个色相家族，不会再出现"覆盖了/50却漏了/40"这种 * 枚举遗漏(帖子导航"上一篇/下一篇"框用的bg-background-dark/40就是被漏掉的真实案例)。 * 以后项目里新增同色相的其它明度/透明度用法，不需要再回来补规则。 * 3. 每个色相定义三个角色： * - 文字色(text-{hue}-*)：这些class在暗色主题里普遍用的是浅色调(比如text-amber-300)， * 为了在暗背景上显眼；浅色主题下必须换成深色调的同色相，否则浅色文字配浅色背景 * 就是"同色看不清"的直接原因。 * - 软背景色(bg-{hue}-*，含各种/透明度)：统一换成同色相的浅色半透明底色，营造徽章/ * 标签常见的"浅底色+深文字"效果，而不是直接沿用暗色主题的深底色。 * - 边框色(border-{hue}-*)：统一换成同色相的中等透明度边框，勾勒轮廓但不抢眼。 * * 第二版改动(2026-07 第六十轮，"真首页"配色迁移)：用户新做的网站真首页("/"，见home.html) * 是仿旧时代游戏专区的蓝金配色，要求论坛的白天主题也改成同一套配色搭配(晚上主题不变)。 * 只重新调整了上面第1条提到的"核心品牌色层"(页面/卡片背景、主强调色、logo、header、 * 边框、正文文字这几个不属于任何具体色相家族的角色)，**没有动**第2/3条描述的"17个标准 * 色相家族+2个自定义强调色"这一整块系统性可读性修复——那一块管的是帖子状态标签/徽章 * 分类颜色这类语义色(比如"精华帖"用amber、"置顶"用red)，不是网站的品牌配色，动了反而 * 会让不同类别的标签失去颜色区分度，所以保持原样。新的核心配色方案(直接取自home.html * 实际用到的色值)： * - 页面背景 #fafbfc / 次要面板 #f5f8fb / 卡片 #f2efe8(浅米灰) —— 对应home.html白色 * 阅读区的干净观感，替换掉原来的暖米色三级background(f6ede2/f8ecdd/fffaf2)。 * 卡片色第六十四轮从纯白#ffffff改成浅米灰#f2efe8(用户反馈"太白太亮不舒服")， * 页面基底/次要面板/表单输入框背景不受影响，保持原色。 * - 主强调色分三档：CTA按钮/图标强调 #0076c1(中蓝，home.html的header-bar-blue主色)， * 焦点框/hover发光/边框强调 #1c5ba1(home.html的.border-blue-dark)，logo/最高强调 * 文字 #004b8d(home.html主容器边框色，视觉上最深最"权威")。 * - 少量点缀色：金黄 #f7b500(home.html的header-bar-yellow，专门用来标记"每日更新"/ * "最新消息"这类内容板块标题)，这次只用在两处最贴切的地方——顶部常驻header的 * 渐变点缀、以及admin.html里原本挂绿色的"accent"二级强调色角色(彻底新造UI元素去 * 用金黄没有必要，复用这两个已有的、语义上就是"次要/点缀强调色"的现成挂载点更克制)。 * - 正文/次要文字换成冷色调墨蓝灰(#1e293b主文字/#4a6178次要文字)，不再是暖褐色； * 中性灰色系(gray/slate/zinc/neutral/stone这几个色相家族)也从暖褐灰(#6b5638) * 换成冷蓝灰(#475569)，避免和新的蓝色基调冲突——这条严格说属于上面"不动"的色相 * 家族范围，但灰色本身不承载任何"分类"语义(不像红/绿/黄那样用来区分帖子状态)， * 单纯是从属于整体基调的中性色，所以和核心品牌色层一起调整，逻辑上更连贯。 * - 品牌动效(logo渐变文字、呼吸光晕)：延续第一版"浅色主题下改成静态色、不做动效" * 这条既有设计取向不变，只是静态颜色换成新的深蓝#004b8d。 * * 从templates/partials/user_center_drawer.html的内联