Dark Mode cho End-User

Cho phép khách truy cập website của bạn flip giữa light/dark theme bằng nút Sun/Moon trong header.

Bật tính năng

Cài đặt site → bật toggle dark_mode_toggle. Header sẽ tự động hiện nút Sun/Moon bên cạnh CTA chính.

Cách hoạt động

• Click nút → flip CSS-var override layer trên SiteRenderer root.
• Lựa chọn lưu vào localStorage theo domain → giữ qua lần truy cập sau.
• Tôn trọng prefers-color-scheme system khi user chưa chọn lần nào.
• Tất cả semantic tokens (background, foreground, primary, accent…) đều có biến thể dark.

Compatibility

• Hoạt động với mọi theme preset.
• Header variant glass-blur đặc biệt đẹp ở dark mode.
• Seasonal themes cũng có biến thể dark – Tết-dark có petal màu vàng nhạt thay vì đỏ.