Transform Google Classroom into a cooler dark version!
Google Classroom Dark Mode Extension
- Fixed Grades Tab Colours Not Being Applied
- Fixed Classroom Customization Page
- Replaced Hard to See Text with White
- Fixed Classroom Announcements and Shout Text Fields and Text Field Buttons Being Hard to See
- Fixed Saved Announcements and Reuse Post Feature to Have Proper Colour Formatting
- Fixed a Bug with Colour Becoming White When Hovering or Focused on a List Item
- Fixed the Classroom Settings Page Where Text Fields Were White
- Added theming to most iFrame elements (wafflebar, account menu)
- Changed white borders to be a more consistent gray
- Fixed most button hovers and buttons in general to work better
- Put a bit more effort into teacher view this time, hopefully it works for you teachers out there.
- Other Major/Minor bug fixes
Note: uploading files using Google Drive will still blind you, still haven't worked out a fix for that yet. Sorry about that D:
Let me know if you see any other bugs! Feel free to shoot me an email or open a bug report or leave a review!
Also, to clarify, the extension does not collect any of your data. It uses the storage function to save your selected colour mode on the extension, or if you have it disabled, so the next time you come to classroom your settings are saved and reapplied.
This extension will transform your Google Classroom to a way cooler dark version. It is fully functional, but may have areas that were untouched and are being worked on currently.
All the code used for the dark mode is original, therefore there will be bugs and areas that are not the correct colour, style, etc. Please let me know if there is something that is does not look visually correct.
Source Manifest.json
How to download and manually install Google Classroom Dark Mode extension for Chrome
Looking for a way to install Google Classroom Dark Mode extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.
However, you may need to install Google Classroom Dark Mode extensions manually, this article outlines two simple methods to effortlessly install Google Classroom Dark Mode extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.
Method 1: Download Google Classroom Dark Mode extension and manually install through Drag &Drop
If you ever need to manually install a Google Classroom Dark Mode extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.
Step 1: Download the Google Classroom Dark Mode Extension by clicking the "Download CRX" button on the website.
Look for the Google Classroom Dark Mode extension you wish to install. Go to the website and download the Google Classroom Dark Mode extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Google Classroom Dark Mode extension that contains all the data.
Step 2: Extract &Arrange Files
Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.
Step 3: Go to the Chrome Extensions Page
Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.
Step 4: Drag and Drop the Extension
Now, go to the folder where you extracted the Google Classroom Dark Mode extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.
Step 5: Complete the Installation
Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.
Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.
Method 2: Download Google Classroom Dark Mode extension for Chrome and install in Developer Mode
This is another method to install Google Classroom Dark Mode extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.
Step 1: Download the Google Classroom Dark Mode extension file
Select and download the Google Classroom Dark Mode extension by clicking the 'Download CRX' button on the website.
Step 2: Extract the downloaded contents
Convert the file to a ZIP file if it is in CRX format then extract the Google Classroom Dark Mode extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Google Classroom Dark Mode extension running.
Step 3: Open Chrome Extension Setting Page
In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.
Step 4: Enable Developer Mode
After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.
Step 5: Load the Unpacked Extension
Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."
Step 6: Select the Extension Folder
Once the pop-up opens upon clicking Load unpacked, select the Google Classroom Dark Mode extension directory and click on the "Select Folder "button.
Step 7: Confirm and Install
After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.
Conclusion
Here we've made a step-by-step guide on How to manually install Google Classroom Dark Mode extension in 2 ways. We hope this guide proves helpful.
Similar Extensions
Super dark mode 50,000+ 7757 ★ 571KiB
Darkmode for Classroom 50,000+ 8 ★ 163KiB
Google Docs Dark Mode 50,000+ 1197 ★ 138KiB
DocsAfterDark 50,000+ 210 ★ 351KiB
Better Classroom 50,000+ 4 ★ 49.88KiB
Google Docs Dark Mode 50,000+ 26 ★ 11.5KiB
Google Drive Dark Mode 50,000+ 129 ★ 21.95KiB
DarkClassroom 50,000+ 2 ★ 4.59KiB
Enhancer for Classroom™ 50,000+ 8 ★ 28.66KiB
Classroom Dark Mode 50,000+ 11 ★ 47.28KiB
Dark Mode for Google classroom 50,000+ 12 ★ 23.99KiB
Dark Mode for Google Meet™ 50,000+ 100 ★ 520KiB
Dark Mode Google Docs 50,000+ 261 ★ 606KiB
Charcoal: Dark Mode for Messenger 50,000+ 399 ★ 55.52KiB
Dark Mode for Google Meet 50,000+ 1 ★ 38.64KiB
Gmail Dark Mode 50,000+ 22 ★ 200KiB
Night Mode 50,000+ 128 ★ 42.85KiB
Google Meet Volume Control 50,000+ 137 ★ 14.06KiB
Pinterest Dark Theme 50,000+ 150 ★ 501KiB
Dark theme for TikTok 50,000+ 47 ★ 30.15KiB
Dark mode for your browser 50,000+ 166 ★ 123KiB
Dark mode for Google™ docs 50,000+ 81 ★ 507KiB
Dark Theme for Google™ 50,000+ 319 ★ 156KiB
Custom Google Classroom 50,000+ 1 ★ 387KiB
User reviews
Juliet (ID: 0000007381c224c5) Voted 5 ★ - Updated 10/14/2023
My (ID: 0000009c32fb6839) Voted 5 ★ - Updated 03/17/2023
Manan Rawat (ID: 000000947c67d075) Voted 5 ★ - Updated 02/06/2023
Farid (ID: 000000ae6116a5db) Voted 4 ★ - Updated 09/21/2022
Mauricio Rodriguez (ID: 0000003069030aef) Voted 5 ★ - Updated 09/08/2022