/* ============================================ 明色主题 生效条件： ============================================ */ [data-bs-theme="light"] { /* ---------- 应用变量 ---------- */ --app-bg: #f6f7f9; --app-surface: #ffffff; --app-surface-alt: #f1f3f5; --app-text: #1a1d21; --app-text-muted: #6b7280; --app-border: #e5e7eb; --app-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 12px rgba(16, 24, 40, .06); --app-shadow-lg: 0 8px 24px rgba(16, 24, 40, .10); /* ---------- Bootstrap 变量 ---------- 注意：--bs-*-rgb 必须是 "r,g,b" 三元组，不能写 rgb(...) Bootstrap 内部使用 rgba(var(--bs-body-bg-rgb), .5) 形式 */ --bs-body-bg: #f6f7f9; --bs-body-bg-rgb: 246, 247, 249; --bs-body-color: #1a1d21; --bs-body-color-rgb: 26, 29, 33; --bs-emphasis-color: #000000; --bs-heading-color: #1a1d21; --bs-secondary-color: #6b7280; --bs-secondary-bg: #e9ecef; --bs-tertiary-color: #8b919a; --bs-tertiary-bg: #f1f3f5; --bs-border-color: #e5e7eb; }