Dashboard card
Muted labels, clear borders, and soft surfaces in light mode.
92%Attendance
4Unread
Dark Mode Preview
Contrast and polish
Light and dark
Cards, chat, notifications, forms, bottom navigation, and active states use shared variables for consistent contrast.
Dark dashboard
No pure black overload, readable muted text, and visible borders.
TS
Dark chat bubble preview with safe contrast.
Teacher - ReadDark notification
N
Leave approval alert
Action needed by authorized employee.
Unread