12. Chế độ Sáng/Tối (Dark Mode & Theme)#
Mục tiêu#
Hỗ trợ chế độ giao diện Sáng / Tối / Theo hệ thống, giúp người dùng làm việc thoải mái trong nhiều điều kiện môi trường.
Luồng nghiệp vụ#
- Admin click Theme Toggle ở header.
- Chọn 1 trong 3 chế độ: Light / Dark / System (theo cài đặt hệ điều hành).
- Toàn bộ UI chuyển sang theme đã chọn ngay lập tức.
- Các biểu đồ tự điều chỉnh màu sắc (contrast, background, gridlines) theo theme.
- Theme được ghi nhớ giữa các phiên.
- Chọn chế độ "System" → UI theo OS, khi OS đổi theme → UI cũng đổi tương ứng.
Tiêu chí chấp nhận#
| # | Tiêu chí | Điều kiện đạt |
|---|---|---|
| AC-DB.12.1 | Theme toggle | Click Theme Toggle → chuyển Light/Dark/System, UI cập nhật ngay |
| AC-DB.12.2 | Biểu đồ theo theme | Chart tự chuyển màu sắc phù hợp theme |
| AC-DB.12.3 | Theme được ghi nhớ | Reload trang → theme giữ nguyên |
| AC-DB.12.4 | Chế độ System | Chọn "System" → theo OS; OS đổi theme → UI đổi theo |