Home

Outlook Web App title bar isn't dark when dark mode is enabled

%3CLINGO-SUB%20id%3D%22lingo-sub-988181%22%20slang%3D%22en-US%22%3EOutlook%20Web%20App%20title%20bar%20isn't%20dark%20when%20dark%20mode%20is%20enabled%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-988181%22%20slang%3D%22en-US%22%3E%3CP%3EI'm%20using%20Windows%207%20(not%20by%20choice)%20and%20Edge%20Canary%20%3CSPAN%3E80.0.323.0%3C%2FSPAN%3E.%20All%20other%20web%20apps%20work%20fine.%20This%20behavior%20started%20happening%20a%20month%20or%20so%20ago.%20I've%20tried%20deleting%20the%20web%20app%20and%20still%20nothing.%20Anyone%20else%20having%20this%3F%20Is%20there%20a%20workaround%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-988215%22%20slang%3D%22en-US%22%3ERe%3A%20Outlook%20Web%20App%20title%20bar%20isn't%20dark%20when%20dark%20mode%20is%20enabled%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-988215%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F252080%22%20target%3D%22_blank%22%3E%40joshh%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20the%20same%20version%20and%20channel%20as%20you%2C%20on%20Windows%2010%2C%20it's%20working%20correctly%20but%20I%20set%20the%20dark%20mode%20inside%20outlook%20settings%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20316px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F155316i774CD55A93228E15%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Annotation%202019-11-06%20171620.png%22%20title%3D%22Annotation%202019-11-06%20171620.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Enow%20it%20stays%20in%20dark%20mode%20whether%20I%20open%20outlook.com%20normally%20or%20as%20a%20PWA.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-988320%22%20slang%3D%22en-US%22%3ERe%3A%20Outlook%20Web%20App%20title%20bar%20isn't%20dark%20when%20dark%20mode%20is%20enabled%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-988320%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F252080%22%20target%3D%22_blank%22%3E%40joshh%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThank%20you%20for%20the%20pictures%2C%3C%2FP%3E%3CP%3Eyes%20you're%20totally%20right!%3C%2FP%3E%3CP%3Ewell%20fortunately%20or%20unfortunately%2C%20it's%20happening%20on%20Windows%2010%20latest%20version%20too%2C%20even%20though%20my%20Edge%20insider%20theme%20and%20Windows%20theme%20are%20both%20set%20to%20dark%20mode.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F155326i8A7A0441C795B00C%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Annotation%202019-11-06%20173446.png%22%20title%3D%22Annotation%202019-11-06%20173446.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ethough%20before%20I%20login%2C%20the%20title%20bar%20looks%20purple%20which%20I%20really%20like%20and%20hope%20more%20websites%20do%20this.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F155328i5E36FE1320BED3AA%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Annotation%202019-11-06%20173909.png%22%20title%3D%22Annotation%202019-11-06%20173909.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eso%20like%20Outlook%20set%20the%20title%20bar%20to%20dark%2C%20or%20Spotify%20because%20of%20its%20greenish%20theme%2C%20set%20the%20title%20bar%20to%20green%2C%20Facebook%20could%20set%20it%20to%20blue%20and%20so%20on.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-988264%22%20slang%3D%22en-US%22%3ERe%3A%20Outlook%20Web%20App%20title%20bar%20isn't%20dark%20when%20dark%20mode%20is%20enabled%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-988264%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3BThanks%20but%20dark%20mode%20in%20Outlook%20isn't%20the%20issue.%20Maybe%20the%20below%20will%20better%20describe%20it.%20The%20title%20bar%20isn't%20black%20even%20though%20both%20Edge%20Canary%20and%20Outlook%20are%20set%20to%20dark%20mode.%20In%20all%20other%20Edge%20web%20apps%2C%20the%20title%20bar%20is%20black.%20Even%20when%20going%20from%20Excel%20Online%20to%20Outlook%20within%20the%20web%20app%20the%20title%20bar%20changes%20from%20black%20to%20gray.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F155338i988F3F70A9F5E788%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_0.png%22%20title%3D%22clipboard_image_0.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F155318i815DB79D212F1FB3%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_1.png%22%20title%3D%22clipboard_image_1.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F155320iFFA9E05374B92EC1%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_3.png%22%20title%3D%22clipboard_image_3.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F155321i12CFDD21D8629FCF%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_4.png%22%20title%3D%22clipboard_image_4.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
joshh
New Contributor

I'm using Windows 7 (not by choice) and Edge Canary 80.0.323.0. All other web apps work fine. This behavior started happening a month or so ago. I've tried deleting the web app and still nothing. Anyone else having this? Is there a workaround?

3 Replies

Hi @joshh 

 

I have the same version and channel as you, on Windows 10, it's working correctly but I set the dark mode inside outlook settings

 

Annotation 2019-11-06 171620.png

 

 

now it stays in dark mode whether I open outlook.com normally or as a PWA.

 

@HotCakeX Thanks but dark mode in Outlook isn't the issue. Maybe the below will better describe it. The title bar isn't black even though both Edge Canary and Outlook are set to dark mode. In all other Edge web apps, the title bar is black. Even when going from Excel Online to Outlook within the web app the title bar changes from black to gray.

 

clipboard_image_0.png

 

clipboard_image_1.png

clipboard_image_3.png

clipboard_image_4.png

 

@joshh 

Thank you for the pictures,

yes you're totally right!

well fortunately or unfortunately, it's happening on Windows 10 latest version too, even though my Edge insider theme and Windows theme are both set to dark mode.

 

Annotation 2019-11-06 173446.png

 

though before I login, the title bar looks purple which I really like and hope more websites do this.

 

Annotation 2019-11-06 173909.png

 

so like Outlook set the title bar to dark, or Spotify because of its greenish theme, set the title bar to green, Facebook could set it to blue and so on.

Related Conversations
Tabs and Dark Mode
cjc2112 in Discussions on
46 Replies
Extentions Synchronization
Deleted in Discussions on
3 Replies
Stable version of Edge insider browser
HotCakeX in Discussions on
35 Replies
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
30 Replies
flashing a white screen while open new tab
Deleted in Discussions on
14 Replies
Security Community Webinars
Valon_Kolica in Security, Privacy & Compliance on
13 Replies