Windows 10: Dark Mode in Microsoft 365 is here

Brink · Aug 28, 2019

People often think of Dark Mode as a choice between a black or white screen, but this feature involves a wide spectrum of both grayscale and color gradients.It’s an apt metaphor for why we love Dark Mode: human needs unfold across an equally broad spectrum. Whether you want to reduce eye strain, improve battery life, or it just has aesthetic appeal, Dark Mode exemplifies our ability to craft simple and powerful Microsoft 365 experiences that give you choice and flexibility.

Customer choice was why we first brought a darker UI theme to desktop apps in Office 2010, and we’ve brought it to more Microsoft experiences ever since due to its popularity.

A cross-company design collaboration propels us to seamlessly bring Dark Mode to the broader M365 product suite, and today marks the initial rollout of Dark Mode on Outlook for iOS and Android, as well as Office.com! The upcoming launch of iOS 13 will then extend this rollout to Word, Excel, PowerPoint, SharePoint, OneDrive, Planner, and To-Do on mobile.

[youtube]E4pFtIybimo[/youtube]

Designing Dark Mode for Outlook mobile and Office.com

Today’s fast and fluid world constantly blurs the lines between work and life, and we believe in meeting people where they are. Our tools are used to keep up to speed on everything from work communication, to personal events that include friends and family, to changes in shared documents. This often means viewing email, calendars, or files in places where the default white mode may be less suitable, like darkened airplanes, movie theaters, or in bed at night.

Our design research specifically focused on these contexts where folks would want to use Dark Mode, and the response was very positive. While some Dark Mode experiences can be neon or overly bright, people felt that Outlook mobile kept the kind of relaxed feeling you might want in a dimly lit living room or bedroom. They described the experience as comfortable, crisp, clear, and aesthetically pleasing, a nod to how Dark Mode can reduce eye strain.

Dark Mode experiences on iOS. The colors pop for legibility without overwhelming the darker feel.

Dark Mode may also save battery life when you’re traveling or on the go for long stretches of time. We’re building in capabilities so following the next round of OS releases on iOS and Android, Outlook will automatically switch to Dark Mode depending on the preference you set. In the meantime, Outlook for Android automatically switches to Dark Mode when you choose Battery Saver. These perks all hold true for Dark Mode on Office.com.

Dark Mode experiences on web.

A Design culture of creative collaboration

The seamlessness and flexibility that we’re building into Microsoft 365 design systems mirrors our own fluid creative process. We brought designers together from across the company to create a common Dark Mode experience for all our mobile and web apps. The creative energy that came from exchanging ideas and collaborating with new peers was one of the most fun parts of this entire effort.

Starting from the ground up and using the new gray palette for Fluent, our app teams began by aligning to the single palette. This included increasing contrast, brand color saturation, and consistency among details like how and when we use shadows when in Dark Mode.

We explored hundreds of color options against various backgrounds before selecting these muted color categories.

Future rollout plans for Dark Mode in Office apps

We’re excited to bring Dark Mode to even more of the Microsoft 365 product suite, starting with additional mobile experiences. Dark Mode comes to Word, Excel, and PowerPoint for mobile with the launch of iOS 13, as well as iPad, where we know many people choose to use those apps. That same launch will also bring Dark Mode to SharePoint, OneDrive, Planner, and To-Do on mobile.

There will be more experiences to follow — Dark Mode for Planner and OneDrive on web are coming down the pipe — so stay tuned for those rollout dates.
Click to expand...

Source: Designing Dark Mode - Microsoft Design - Medium

Tweet

— Twitter API (@User) View on Twiiter

:)

ste20man · Aug 28, 2019

!! Dark side iof Outlook !!

This is what I get in Outlook.

I'm using chrome as a web browser and won't change over as i have a lot invested in chrome.

Am i missing a step here? All I see is themes and there is no switch in there either, I have had a look around.

Absolutely love dark mode, wish it was on everything!

Brink · Aug 28, 2019

Google Calendar and Keep will now support Dark mode on Android

What’s changing

Google Calendar and Keep will now support Dark mode on Android.

Dark mode for Google Calendar.

Dark mode for Google Keep.

Who’s impacted

End users.

Why you’d use it

Dark mode is a popular feature that’s frequently requested by Calendar and Keep users. It creates a better viewing experience in low-light conditions by reducing brightness.

How to get started

Admins: No action required.

End users:

Calendar

Enable Dark mode by going to Settings > General > Theme.

Keep Enable

Dark mode by going to Settings > Enable Dark Mode.

Additional details

Both Calendar and Keep apps need to be updated to the latest version of the app to see this feature.

Calendar

Dark mode for Calendar will be supported on devices with Android N+ (i.e. Nougat and more recent releases).

Android Q users can set their OS to Dark mode, which means Calendar and all other apps will be in Dark mode by default. If users do not have their OS set to Dark mode, they can enable Dark mode in Calendar’s settings (see above).

For pre-Android-Q devices, users will be able to configure Calendar to go into Dark Mode when the device enters battery saving mode.

Keep

Dark mode for Keep will be supported on devices with Android L-P. For these devices, Dark mode can be enabled from Keep’s settings (see above).

For Android Q devices, Dark will be on by default if the OS is set to Dark mode. Or, it can be enabled in Keep’s settings (see above).

Availability

Rollout details

Calendar:

Gradual rollout (up to 15 days for feature visibility) starting on May 16, 2019.

Keep:

Gradual rollout (up to 15 days for feature visibility) starting on May 20, 2019. G Suite editions Available to all G Suite editions.

On/off by default?

Calendar:

For Android N - P, Dark mode will be OFF by default and can be enabled in Calendar settings (see above).

For Android Q, this feature will be ON by default when the OS is set to Dark mode or can be enabled in Calendar settings (see above).

Keep:

For Android L - P, this feature will be OFF by default and can be enabled in Keep settings (see above).

For Android Q, this feature will be ON by default when the OS is set to Dark mode or can be enabled in Keep settings (see above).

Click to expand...

Source: G Suite Updates Blog: Dark mode available for Calendar and Keep on Android

Marby Rey · Aug 28, 2019

How to auto-set Application Mode (dark-light)?

Hi,

You have to toggle it manually to change the Application Mode, we understand that is more convenient if there is an option to do it automatically. Thank you for bringing this up to our attention. We suggest that you send us a feedback by following these
steps.

On Cortana, type Feedback.

Choose Personalization and Ease of Access.

Select Input personalization.

You can vote if your suggestion is listed or can send us new feedback.

Rest assures that our Engineering team will do necessary action to improve Microsoft products.

Regards.

Windows 10: Dark Mode in Microsoft 365 is here

Dark Mode in Microsoft 365 is here

Dark Mode in Microsoft 365 is here

Dark Mode in Microsoft 365 is here

Dark Mode in Microsoft 365 is here - Similar Threads - Dark Mode Microsoft

Microsoft Account in Dark Mode

Microsoft Account in Dark Mode

Dark mode on Microsoft Apps !

Dark mode on Microsoft Apps !

Dark Mode when sharing office 365

Dark Mode when sharing office 365

Dark Mode when sharing office 365

No Dark theme in Microsoft 365

Dark Mode in Reader View on Edge Canary is now here!

Users found this page by searching for:

m365 outlook theme