Google Classroom has a built-in dark theme in its Android and iPhone apps, but not on its website. Mobile users can select Menu → Settings → Choose theme → Dark. On a PC, Mac, or Chromebook, you can use a browser extension such as Night Eye to make the Classroom website dark.
Does Google Classroom have dark mode?
Yes, but only in the mobile app. Google Classroom has a built-in dark mode on Android, iPhone, and iPad. The web version at classroom.google.com does not currently include a native dark-theme setting.
If you use Classroom on a phone or tablet, select the dark theme in the app settings. If you use Classroom on a Windows PC, Mac, or Chromebook, Night Eye can apply a dark theme to the website in a supported browser.
Quick answer
| Device | Built-in dark mode? | Best method |
|---|---|---|
| Android app | Yes | Choose Dark in the Classroom settings |
| iPhone or iPad app | Yes | Choose Dark in the Classroom settings |
| Windows PC | No | Use Night Eye in a supported browser |
| Mac | No | Use Night Eye in a supported browser |
| Chromebook | No | Use Night Eye if extensions are permitted |
Google documents Classroom dark mode as a mobile-only feature. See the official Google Classroom instructions.
Table of contents
- Does Google Classroom have dark mode?
- How to turn on dark mode in the Google Classroom app
- How to make Google Classroom dark on a PC or Mac
- How to make Google Classroom dark on a Chromebook
- How to turn Google Classroom dark mode off
- Troubleshooting Google Classroom dark mode
- Is dark mode better for Google Classroom?
- Google Classroom dark mode FAQ
- Related Google dark mode guides
- Enable dark mode on Google Classroom
How to turn on dark mode in the Google Classroom app
The Android and iOS apps use the same theme menu:
- Open the Google Classroom app.
- Select the menu icon in the upper-left corner.
- Select Settings.
- Select Choose theme.
- Select Dark.
You can also select System default if you want Classroom to follow your phone or tablet's appearance setting. The available choices are System default, Light, and Dark.
These steps change the Google Classroom mobile app. They do not change the Classroom website in a desktop browser.
How to make Google Classroom dark on a PC or Mac
Google Classroom does not have a dark-mode switch on the web. Changing Chrome, Windows, or macOS to a dark appearance may darken the browser's menus and toolbar, but it does not force the Classroom webpage itself to use a dark theme.
Night Eye is a dark mode browser extension that can convert the Classroom website and let you adjust its appearance.
- Install Night Eye from the official store for your browser.
- Open classroom.google.com.
- Select the Night Eye icon in the browser toolbar.
- Select Dark if it is not already active.
- Adjust brightness, contrast, saturation, or dimming if needed.
Get Night Eye for your browser
Select your browser above to open Night Eye's official store page.
Google Classroom before and after Night Eye
Use the slider below to compare the standard Classroom website with the dark version created by Night Eye.
How to make Google Classroom dark on a Chromebook
On a personal Chromebook, you can install Night Eye from the Chrome Web Store and use the same desktop steps above. On a school-managed Chromebook, an administrator may control which extensions students can install.
- If Chrome extensions are permitted, install Night Eye and open Google Classroom.
- If installation is blocked, contact your teacher or school administrator.
- Do not try to bypass your school's extension policy.
Changing the Chromebook system theme alone may darken Chrome's interface without changing the Classroom webpage. The website needs its own dark theme or a permitted extension.
How to turn Google Classroom dark mode off
In the Android or iPhone app
- Open Menu → Settings → Choose theme.
- Select Light to keep the app light, or System default to follow your device setting.
On the Classroom website with Night Eye
- Open Google Classroom.
- Select the Night Eye icon.
- Select Normal to restore Classroom's original appearance.
You can also disable Night Eye for Classroom only while keeping dark mode active on other websites.
Troubleshooting Google Classroom dark mode
Classroom remains white after installing Night Eye
Refresh the Classroom tab, open Night Eye, and confirm that Dark is selected. Also check that the extension has permission to run on classroom.google.com.
The Night Eye icon is missing
Open your browser's extensions menu and pin Night Eye to the toolbar. In Safari, confirm that the extension is enabled in Safari's extension settings.
A school-managed Chromebook blocks installation
The school's administrator controls extension access. Ask the administrator whether Night Eye can be approved; do not attempt to bypass the restriction.
Some Classroom elements remain light
Reload the page and make sure Night Eye and your browser are up to date. If an element still looks wrong, use Night Eye's built-in support option to report the page.
An uploaded document opens with a white background
Google Classroom, Google Docs, Google Slides, Google Drive, and files opened in a browser are separate web surfaces. A theme applied to Classroom does not automatically control the appearance of every linked app or file. Check Night Eye's access and mode on the page that opened.
Classroom flashes white while loading
The original page can appear briefly before a browser extension finishes applying its changes. Keep the extension enabled for Classroom and avoid repeatedly reloading the page while it is starting.
Dark mode changes other websites
Open Night Eye on the affected website and select Normal, or use Night Eye's site lists to choose where dark mode is allowed.
Is dark mode better for Google Classroom?
A darker interface can feel more comfortable in low-light conditions. Whether it improves readability depends on the display, surrounding light, and personal preference.
Dark mode is not medical treatment and is not always easier to read. If text looks less clear, increase the text size, adjust the contrast, or return to the light theme.
Google Classroom dark mode FAQ
Does Google Classroom have a dark mode?
Google Classroom has a built-in dark theme in its Android, iPhone, and iPad apps. The Classroom website does not currently have a native dark-mode setting.
How do I make Google Classroom dark on a PC?
Install Night Eye in a supported browser, open classroom.google.com, and select Dark in the Night Eye popup. Windows or Chrome dark mode alone may not darken the webpage.
Can I enable Google Classroom dark mode on a Chromebook?
Yes, with a compatible browser extension such as Night Eye. On a managed Chromebook, your school must permit the extension.
How do I turn on Google Classroom dark mode without an extension?
In the mobile app, use Menu → Settings → Choose theme → Dark. On the desktop website, Google does not currently provide a built-in dark-mode switch, so an extension is needed to change the full webpage.
Does Chrome dark mode make Google Classroom dark?
Not necessarily. Chrome's dark appearance changes the browser interface, but each website decides whether its page content follows that setting. Google Classroom's website does not currently offer a native dark theme.
Can I use Night Eye on a school Chromebook?
Only if the school's administrator allows the extension. If the Chrome Web Store or extension installation is blocked, ask the administrator for approval.
How do I turn Google Classroom dark mode off?
In the mobile app, return to Choose theme and select Light or System default. With Night Eye, open the extension on Classroom and select Normal, or disable it for Classroom only.
Is Google Classroom dark mode available on Android and iPhone?
Yes. Google's current instructions support Dark, Light, and System default themes in the Classroom app on Android and iOS.
Related Google dark mode guides
Classroom can open content in other Google services. Each service has its own appearance settings:
Enable dark mode on Google Classroom
Night Eye is a dark mode browser extension for websites that do not provide the appearance you need. Use it to make Google Classroom dark and adjust brightness, contrast, saturation, dimming, and other settings to your preference.
Select your browser below to open Night Eye's official store page.
