Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ryanlua/classroomdarkmode
Dark mode for Google Classroom based on Material Design.
https://github.com/ryanlua/classroomdarkmode
chrome chromium crowdin css dark-mode dark-theme edge firefox google-classroom javascript opera webextensions
Last synced: about 1 month ago
JSON representation
Dark mode for Google Classroom based on Material Design.
- Host: GitHub
- URL: https://github.com/ryanlua/classroomdarkmode
- Owner: RyanLua
- License: apache-2.0
- Created: 2024-01-15T08:39:28.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-09-17T22:30:19.000Z (about 2 months ago)
- Last Synced: 2024-10-12T10:21:53.334Z (about 1 month ago)
- Topics: chrome, chromium, crowdin, css, dark-mode, dark-theme, edge, firefox, google-classroom, javascript, opera, webextensions
- Language: CSS
- Homepage: https://chromewebstore.google.com/detail/aaaccioflcfjgpdjonmjcmjkkgonpjfc
- Size: 3.09 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
- Codeowners: .github/CODEOWNERS
- Security: .github/SECURITY.md
- Governance: .github/GOVERNANCE.md
Awesome Lists containing this project
README
Classroom Dark Mode
[](https://chromewebstore.google.com/detail/aaaccioflcfjgpdjonmjcmjkkgonpjfc)
[](https://chromewebstore.google.com/detail/aaaccioflcfjgpdjonmjcmjkkgonpjfc)
[](https://chromewebstore.google.com/detail/aaaccioflcfjgpdjonmjcmjkkgonpjfc)
[](https://discord.gg/MG4ZXcbJWN)
An extension that enables dark mode for Google Classroom using custom CSS based on Material Design.
## Installation
[
](https://chromewebstore.google.com/detail/aaaccioflcfjgpdjonmjcmjkkgonpjfc)
[
](https://microsoftedge.microsoft.com/addons/detail/fhpldkanibjpfcecmiibplfmbhnabogo)
[
](https://addons.mozilla.org/en-US/firefox/addon/classroom-dark-mode/)
[
](https://addons.opera.com/en/extensions/details/classroom-dark-mode)
### 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](https://chromewebstore.google.com/detail/aaaccioflcfjgpdjonmjcmjkkgonpjfc)
- [Edge Add-ons](https://microsoftedge.microsoft.com/addons/detail/fhpldkanibjpfcecmiibplfmbhnabogo)
- [Firefox Add-ons](https://addons.mozilla.org/en-US/firefox/addon/classroom-dark-mode/)
- [Opera Add-ons](https://addons.opera.com/en/extensions/details/classroom-dark-mode)
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](/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
[](https://crowdin.com/project/classroom-dark-mode)
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](https://crowdin.com/project/classroom-dark-mode). 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](/.github/CONTRIBUTING.md) for details.
## License
[](https://github.com/RyanLua/ClassroomDarkMode/blob/main/LICENSE)
Licensed under [Apache License 2.0](https://www.apache.org/licenses/). See [LICENSE](LICENSE) for details.
## Supported pages
Pages on Google Classroom that work with Classroom Dark Mode
### Student
- [x] Home
- [x] Your work
- [x] Calendar
- [x] To-do
- [x] Archived classes
- [x] Settings
- [x] Stream
- [x] Classwork
- [x] People
- [ ] ...
### Teacher
- [x] Home
- [x] Calendar
- [x] To review
- [x] Archived classes
- [x] Settings
- [x] Stream
- [x] Classwork
- [x] People
- [x] Grades
- [x] Class code
- [x] Customize appearance
- [x] Student work
- [x] Class settings
- [x] Review work
- [ ] ...
## Screenshots
