Settings & Customization

Light, Dark & System Theme Modes#

Mudawim is built with first-class support for both high-contrast dark modes and clean light modes:

• Dark Mode: Optimized for low-light late-night study sessions with deep slate surfaces and subtle glowing borders.
• Light Mode: High-contrast, clean paper-white aesthetic for daytime study.
• System Mode: Automatically follows your operating system's day/night schedule.

Accent Palette Customization#

Mudawim features 6 curated HSL color accents that adapt seamlessly across backgrounds, badges, charts, and buttons:

• 🟢 Emerald: Grounded, focused, organic study feel.
• 🔵 Indigo: Modern, sleek technical feel.
• 🟣 Purple: Creative and analytical tone.
• 🟡 Amber: Warm, energizing, high-contrast.
• 🔴 Rose: Vibrant, modern accent.
• 🌐 Sky: Light, airy, high-readability.

Storage Diagnostics#

The Settings page displays real-time diagnostics:

• Current LocalStorage JSON size in KB.
• Total count of courses, videos, notes, and log records.
• Export and import tools for zero-risk experimentation.