/* 电猪 API 品牌主题色（服务器：/var/www/dzapi-brand/theme.css，由 nginx sub_filter 注入到每个页面的） * * 原理（New API rc.40，web/src/styles/theme.css 与 theme-presets.css）： * - 默认主题的颜色变量定义在 :root（浅色）和 .dark（深色）上； * - 访客在「主题设置」里选了别的预设时，上会有 data-theme-preset="xxx"，预设再覆盖变量； * - 默认主题时没有这个属性。 * 所以只在 body:not([data-theme-preset]) 上改变量：默认主题变成品牌粉，访客自己选的其他预设不受影响。 * 变量会继承，弹窗等挂在 body 下的元素也会生效。 * * 颜色取自 VI 手册（brand/vi.html）： * 浅色：主色深猪粉 #D92E6B + 白字（对比度 4.6:1，WCAG AA） * 深色：主色电猪粉 #FF4F87 + 墨黑字（对比度 5.9:1） * New API 升级后如果变量名变了，这里会失效（按钮变回蓝色），对照新版 theme.css 调整即可（运维手册 6.5）。 */ body:not([data-theme-preset]) { --primary: #D92E6B; --primary-foreground: #FFFFFF; --ring: #FF4F87; --sidebar-primary: #D92E6B; --sidebar-primary-foreground: #FFFFFF; --sidebar-ring: #FF4F87; --chart-1: #FF4F87; } .dark body:not([data-theme-preset]) { --primary: #FF4F87; --primary-foreground: #16131F; --ring: #FF4F87; --sidebar-primary: #FF4F87; --sidebar-primary-foreground: #16131F; --sidebar-ring: #FF4F87; --chart-1: #FF4F87; }