feat: 全局主题切换(浅色/深色/跟随系统)
- CSS 变量驱动的主题系统,所有颜色响应 data-theme 属性 - 新增语义化色彩 heading/secondary/tertiary,替换硬编码 text-white/text-gray-* - 右上角三态主题按钮(自动/浅色/深色),全局可用无需登录 - layout.tsx 内联脚本防闪烁 - 修复个人中心页面溢出无法滚动
This commit is contained in:
@@ -45,7 +45,7 @@ export default function LeaveConfirmModal({
|
||||
<LogOut size={22} className="text-rose-400" />
|
||||
</div>
|
||||
|
||||
<h2 className="mt-4 text-base font-bold text-white">
|
||||
<h2 className="mt-4 text-base font-bold text-heading">
|
||||
确定要退出房间吗?
|
||||
</h2>
|
||||
<p className="mt-1.5 text-center text-xs leading-relaxed text-muted">
|
||||
@@ -55,7 +55,7 @@ export default function LeaveConfirmModal({
|
||||
<div className="mt-5 flex w-full gap-2.5">
|
||||
<button
|
||||
onClick={onCancel}
|
||||
className="flex h-11 flex-1 items-center justify-center rounded-xl bg-elevated text-sm font-semibold text-gray-300 ring-1 ring-border transition-colors active:bg-subtle"
|
||||
className="flex h-11 flex-1 items-center justify-center rounded-xl bg-elevated text-sm font-semibold text-secondary ring-1 ring-border transition-colors active:bg-subtle"
|
||||
>
|
||||
继续滑卡
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user