Canvas Dark Mode

Studying late? The default bright white background of Canvas can be harsh on your eyes, leading to fatigue and reduced focus.

Canvas Dark Mode & UI Enhancer upgrades your learning environment with a sleek, high-contrast dark theme. Designed for students and educators, this extension applies a professional dark palette to the entire Canvas interface, making long study sessions more comfortable.

Why use this extension? Unlike basic "invert color" extensions that break images and navigation bars, this tool uses smart styling to preserve the layout of your Dashboard, Course Lists, and Modules. It ensures that text remains legible, icons stay proportional, and images are never distorted.

Key Features:

Eye-Friendly Dark Theme: Replaces blinding white backgrounds with deep, neutral greys (#282A2E) and soft text colors to minimize blue light exposure.

Smart Typography: Automatically adjusts font sizes and line heights to standardized levels, ensuring course notes and announcements are always readable.

UI Protection: Protects the Global Navigation bar and sidebar menus from distortion, keeping buttons and icons at their correct size and position.

High-Contrast Inputs: Enhances text boxes, checkboxes, and radio buttons with high-visibility accent colors, making it easier to interact with forms and assignments.

Universal Compatibility: Works across the Dashboard, Calendar, Inbox, and individual Course pages.

Advanced Compatibility: Leaving bright white boxes in the middle of a dark page. This extension includes advanced support for these embedded frames, ensuring a consistent dark theme even when viewing external resources, third-party integrations, or assessments.

Privacy & Permissions This extension allows you to customize the visual appearance of Canvas. To do this, it requires permission to modify the styling on University and Instructure domains.

No Data Collection: We do not collect, store, or transmit your personal information, login details, or course data. The extension operates locally on your browser to change colors and fonts.

Disclaimer This is an independent open-source project and is not affiliated with, associated with, or endorsed by Instructure (Canvas LMS).