Google Calendar website rolling out Material You redesign and dark theme

Abner Li | Oct 23 2024 - 3:06 pm PT

Following Gmail, Drive, Docs, Sheets, and Slides, Google Calendar on the web is getting a Material You redesign that finally adds a dark theme.

The main calendar view is housed in a container with rounded corners, while everything else — including the top and side bars — adopts a light blue background. This matches the design of the other Google Workspace websites.

Google also notes Material 3 changes like:

Controls (like buttons, dialogs, and sidebars) that are more modern and accessible
Interface typography that uses Google’s custom-designed and highly-legible typefaces
Iconography that is legible and crisp, with a fresh feel

Of course, the biggest addition is a dark theme. This has been a very big omission, with the main calendar being darker than the surrounding/background container. You can choose from Light, Dark mode, or Device default theme options in Settings gear icon > Appearance.

Tasks.google.com has been similarly updated as part of this redesign .

Google warns that this visual refresh “may impact the experience of installed Chrome extensions that are active when using Google Calendar. As a result, these extensions might not work as expected. We recommend contacting the developers of those extensions to report any potential issues.“

This Material You and dark theme redesign of Google Calendar is rolling out over the coming weeks for “all Google Workspace customers, Workspace Individual Subscribers, and users with personal Google accounts.”