Dark mode Google Calendar: the settings that matter

Google Calendar has a built-in dark mode on every platform, but the switch lives in a different place on each one. On a computer, click the Settings menu at the top right of Google Calendar, choose Appearance, select Dark, and click Done. On an Android phone, the option is under Settings > General > Theme. On an iPhone or iPad there is no switch inside the app at all: Google Calendar follows the system's Dark Mode. No extension or browser flag is needed for any of them.

That short answer leaves out the part that catches people later. Turning on the dark background on a computer locks one appearance option, and the "Device default" choice depends on a chain of settings on the Mac that is easy to misread. This guide covers each platform in turn, then what dark mode changes and what it leaves alone. Every step below was checked against Google's and Apple's help pages on 18 October 2026.

Where the switch is on each device

The four places differ enough that it helps to see them side by side. All of these come from Google's help article on the dark theme, which has a separate tab for each platform (Google: Use Dark theme in Calendar).

Device	Where to turn it on	Requirement
Computer (web)	Settings menu > Appearance > Dark > Done	A supported browser
Android phone or tablet	Menu > Settings > General > Theme > Dark	Android 7 or later
iPhone or iPad	System Dark Mode, no in-app setting	iOS 13 or later
Mac Calendar app (Apple's)	Follows the macOS appearance	None beyond macOS

The iPhone row is the one that sends people searching. Google's instructions for iOS say to turn on Dark Mode for the device, and note that when the device setting changes, all apps on the iPhone or iPad change to match. There is no separate dark option to find in the Google Calendar app itself, because it does not exist.

The last row is a different app altogether. Google Calendar events shown inside Apple's Calendar app on a Mac take on that app's appearance, which follows the system. It is included here because many Mac users see their Google events there rather than in a browser.

Apple's guide says the light or dark appearance applies to the menu bar, the Dock, windows and the built-in apps on a Mac, and Calendar is one of those built-in apps. So for someone who reads Google events through Apple's Calendar app, there is nothing to set on the Google side at all. The Google account is added to Calendar, and the system appearance decides how it looks. The Google Calendar Appearance window only matters when the calendar is opened in a browser.

That distinction also explains a situation that looks inconsistent at first: the same Google events can appear dark in Apple's Calendar app and bright in a browser tab on the same Mac at the same moment. The two are reading the same data and applying two different appearance settings. Neither is wrong, and fixing one does not change the other.

On a computer: three choices, one window

On the web, the theme is not on the long settings page where notifications and time zones live. It has a small window of its own. Click the Settings menu (the gear icon) at the top right of Google Calendar, then Appearance. The window offers three background options:

• Light, the default bright background.
• Dark, a dark background regardless of anything else.
• Device default, which follows whatever the device reports.

Select one and click Done to apply it. Google's page is explicit that Done is required, so closing the window without clicking it leaves the old setting in place.

For most people the choice is between Dark and Device default. Dark is predictable: the calendar stays dark at noon and at midnight. Device default is better for anyone whose Mac already switches between light and dark during the day, because the calendar switches with it. The catch is that "device" here means the browser as much as the operating system, which is covered in the section on the Mac below.

The same Appearance window holds two other controls, and this is where the trade-off appears.

The trade-off: color set and density

Google Calendar on a computer has two event color sets. Modern uses white text on colored event blocks; Classic uses black text. Google's help on appearance settings lists both, along with three density options (Google: Change event color set and density).

The color set can only be changed while the background is Light. Google states that if the background is set to Dark or Device default, the color set cannot be changed. In practice that means choosing Classic or Modern first, while still on Light, and only then switching the background to Dark. Doing it the other way round makes the color set option look broken when it is simply unavailable.

Density is not affected by the theme. The three options are:

• Responsive, which scales and enlarges events to fill larger monitors.
• Comfortable, which keeps the standard spacing whatever the screen size.
• Compact, which tightens the spacing to show more events at once.

Google notes these settings exist only on the computer version. On a large external display, Responsive enlarges events to use the extra space, while Compact is the opposite choice: more of the week fits on screen, with tighter spacing between blocks. Because density is independent of the theme, it can be adjusted after switching to Dark without going back to Light.

How Device default decides on a Mac

Device default sounds simple, but on a Mac it passes through two layers before it reaches Google Calendar.

The first layer is macOS. In System Settings, Appearance offers Light, Dark and Auto (Apple: Use a light or dark appearance on your Mac). Apple's current guide describes Auto as switching from light to dark based on the Night Shift schedule, and adds a detail that explains a common complaint: Auto will not switch the appearance until the Mac has been idle for at least a minute. A Mac in constant use at dusk can therefore stay light well past the expected time. Dark Mode can also be toggled by hand from Control Center, under Display.

The second layer is the browser. Chrome has its own appearance setting, reached from Customize Chrome at the bottom right of a New Tab page. Under Appearance it offers Light, Dark and Device, where Device follows the computer's theme (Google Chrome Help: Browse in Dark mode or Dark theme). Chrome's setting is separate from the macOS one, so a browser left on Light is the first thing to rule out when the calendar ignores a dark Mac.

Put together, Google Calendar set to Device default on a Mac shows dark only when both layers agree. When it stays stubbornly light, the order of checks is:

1. System Settings > Appearance on the Mac. Is it Dark, or Auto at a time when it should be dark?
2. Customize Chrome > Appearance in the browser. Is it Device or Dark, rather than Light?
3. The Appearance window in Google Calendar. Is Device default actually selected and saved with Done?

In browsers without their own appearance setting, the first check is usually enough.

Android: the theme, widgets and battery saver

The Android app has a real in-app switch. Open the Calendar app, tap Menu, then Settings, then General, and on the General page tap Theme and choose Dark. Google lists Android 7 as the minimum version for the dark theme in the app.

Two behaviors on Android are worth knowing before assuming something is wrong:

• On Android 10 and later, if battery saver mode or the system Dark theme is on, the Calendar app and its widgets switch to dark automatically. A calendar that turns dark "by itself" in the afternoon is usually reacting to battery saver.
• On Android 9 and earlier, widgets always use the Light theme, whatever the app is set to. A dark app next to a bright home screen widget is expected on those versions.

Google also points out that the theme of widgets and notifications is controlled through the phone's own display settings, not inside the Calendar app. Changing the app's theme alone will not darken them.

Extensions, and what changed

For years, the usual advice for a dark Google Calendar on a computer was a browser extension. Several are still listed in the Chrome Web Store, and older articles recommending them still rank. They were a workaround from before Google added the Appearance window, and they work differently from the built-in setting: an extension restyles the page after Google draws it, while the built-in theme is drawn by Google itself.

The practical consequences are factual rather than a matter of taste. An extension needs permission to read and change the Google Calendar page, which is worth weighing for a work account. Restyling also has to keep up with Google's page changes, and event colors can shift when a page is recolored from outside. The built-in theme has none of those considerations, at the cost of the color set lock described above.

Anyone running an extension alongside the built-in Dark setting may see colors applied twice. Turning the extension off for calendar.google.com, then checking the Appearance window, separates the two.

Dark mode does not change what the calendar shows

A dark theme changes the background and text colors. It does not change the layout, the number of events visible, or how the week is organized. If the reason for searching was eye strain from a calendar left open all day, the theme helps. If the reason was that a bright, crowded week is hard to read, density and the choice of view matter more than color.

Two settings help more than the theme for that second problem. Compact density, covered above, fits more of the day on screen. And on a Mac, a calendar app with its own window keeps the schedule out of a browser full of other tabs, follows the system appearance automatically, and can show the same Google events with full read and write access. Some desktop calendars go further with color themes and background images, which is a different idea from a plain dark mode but solves the same "white screen at night" complaint. The features page shows what that looks like in a native Mac calendar, and the comparison with other calendars lays out which apps offer it.

What to change first

On the web, set the color set you prefer while the background is still Light, then open Appearance again and choose Dark or Device default and click Done. On a Mac, if Device default does not follow the system, check Chrome's own Appearance setting before anything else. For a calendar that lives in its own Mac window and follows the system theme, Caltimate connects directly to Google Calendar.