Classroom Dark Mode

An extension that enables dark mode for Google Classroom using custom CSS based on Material Design.

Installation

Install from store (Recommended)

Installing from the extension store is the easiest method and allows for automatic updates.

1. Find the correct extension store for your browser and open our extension.
   • Chrome Web Store
   • Edge Add-ons
   • Firefox Add-ons
   • Opera Add-ons
2. Click Add extension.
3. We may need certain permissions or data. To approve, click Add extension.
   • Important: Make sure you only approve extensions that you trust.

Install from file

Installing from a file or loading an unpacked extension is intended if you are to help contribute. Installing from files does NOT allow for automatic updates.

1. Download the latest .zip from GitHub Releases.
2. Extract the .zip you downloaded into a folder.
3. Go to your browser's Extensions page. (chrome://extensions for Google Chrome.)
4. Enable Developer Mode by clicking the toggle switch next to Developer mode.
5. Click the Load unpacked button and select the folder you extracted to earlier.

Translations

You can help with translating whether it be fixing an error or adding a new language.

Translations can be accessed and edited through our Crowdin project. There you can:

• Translate or proofread content
• Vote or edit on existing translations
• Open discussion topics

Contributions

We welcome all contributions. To learn how to contribute, see CONTRIBUTING.md for details.

License

Licensed under Apache License 2.0. See LICENSE for details.

Supported pages

Pages on Google Classroom that work with Classroom Dark Mode

Student

• Home
• Your work
• Calendar
• To-do
• Archived classes
• Settings
• Stream
• Classwork
• People
• ...

Teacher

• Home
• Calendar
• To review
• Archived classes
• Settings
• Stream
• Classwork
• People
• Grades
• Class code
• Customize appearance
• Student work
• Class settings
• Review work
• ...

Screenshots