Home

How to enable dark mode on Edge preview

%3CLINGO-SUB%20id%3D%22lingo-sub-412716%22%20slang%3D%22en-US%22%3EHow%20to%20enable%20dark%20mode%20on%20Edge%20preview%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-412716%22%20slang%3D%22en-US%22%3E%3CP%3ESaw%20several%20people%20asking%20for%20this%3B%20it's%20possible%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E1.%20Go%20to%20edge%3A%2F%2Fflags%3C%2FP%3E%3CP%3E2.%20search%20for%20%23edge-follow-os-theme%3C%2FP%3E%3CP%3E3.%20Make%20sure%20your%20OS%20is%20set%20to%20dark%20mode%20in%20personalization%20settings%3C%2FP%3E%3CP%3E4.%20Restart%20edge%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-416606%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20enable%20dark%20mode%20on%20Edge%20preview%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-416606%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F316894%22%20target%3D%22_blank%22%3E%40vovchyk%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3Esetting%20doesn't%20appear%20to%20follow%20the%20dark%20mode%2C%20is%20that%20normal%20at%20this%20point%20%3F%26nbsp%3B%3C%2FP%3E%3CP%3E(using%20edge%20canary)%3C%2FP%3E%3CBLOCKQUOTE%3E%3CHR%20%2F%3E%3C%2FBLOCKQUOTE%3E%3CBLOCKQUOTE%3E%3CHR%20%2F%3E%3C%2FBLOCKQUOTE%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-417686%22%20slang%3D%22en-US%22%3ERE%3A%20How%20to%20enable%20dark%20mode%20on%20Edge%20preview%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-417686%22%20slang%3D%22en-US%22%3EAwesome%20thank%20you.%20now%20if%20only%20they%20make%20the%20top%20window%20transparent%20just%20like%20the%20original%20Edge!%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-418187%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20enable%20dark%20mode%20on%20Edge%20preview%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-418187%22%20slang%3D%22en-US%22%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F317405%22%20target%3D%22_blank%22%3E%40rficasa%3C%2FA%3E%20I%20would%20say%20that%20since%20this%20is%20a%20preview%2C%20any%20weirdness%20is%20%22normal%22%20at%20this%20point.%20%3A)%3C%2Fimg%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-420861%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20enable%20dark%20mode%20on%20Edge%20preview%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-420861%22%20slang%3D%22en-US%22%3EWe%20are%20aware%20of%20the%20limitations%20with%20our%20themes%20right%20now%2C%20and%20that%20is%20one%20of%20the%20first%20things%20that%20we%20are%20going%20to%20get%20completed.%20(see%20the%20coming%20soon%20section%20of%20the%20Welcome%20page%3A%20(%3CA%20href%3D%22https%3A%2F%2Fwww.microsoftedgeinsider.com%2Fen-us%2Fwelcome%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.microsoftedgeinsider.com%2Fen-us%2Fwelcome%3C%2FA%3E).%20Thank%20you%20for%20your%20feedback%2C%20and%20please%20keep%20updating%20and%20offering%20your%20opinion%20on%20how%20we%20are%20doing.%3CBR%20%2F%3EElliot%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-424948%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20enable%20dark%20mode%20on%20Edge%20preview%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-424948%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F239638%22%20target%3D%22_blank%22%3E%40Elliot%20Kirk%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%22Follow%20OS%22%20should%20be%20the%20default%2C%20with%20options%20to%20switch%20to%20light%20or%20dark%20modes.%26nbsp%3B%20%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-432707%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20enable%20dark%20mode%20on%20Edge%20preview%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-432707%22%20slang%3D%22en-US%22%3EThis%20doesn't%20work%20quite%20the%20same%20as%20in%20Edge%20stable.%20For%20example%2C%20here%20is%20the%20MSA%20sign-in%20dialogue%20in%20Edge%20Stable%20and%20in%20Edge%20dev%3A%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-432718%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20enable%20dark%20mode%20on%20Edge%20preview%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-432718%22%20slang%3D%22en-US%22%3E...%20as%20opposed%20to%20this%20in%20Edge%20stable%3A%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-432919%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20enable%20dark%20mode%20on%20Edge%20preview%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-432919%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F9548%22%20target%3D%22_blank%22%3E%40Noel%20Burgess%3C%2FA%3E%26nbsp%3B%20%26nbsp%3BThanks%20for%20the%20response%2C%20Neil.%26nbsp%3B%20I%20put%20Edge%2Fdev%20in%20dark%20mode%20using%20the%20flag%20as%20soon%20as%20I%20downloaded%20it.%26nbsp%3B%20%26nbsp%3BSorry%20for%20the%20confusion%20-%20my%20comment%20went%20to%20how%20modes%20should%20work%20in%20the%20final%20product%2C%20rather%20than%20how%20they%20do%20work%20now.%26nbsp%3B%20Most%20users%20aren't%20going%20to%20want%20to%20set%20a%20flag%20to%20switch%20modes%20from%20default%20to%20something%20else.%26nbsp%3B%20The%20mode%20control%20should%20be%20a%20switch%20in%20Settings%2C%20Appearance%2C%20with%20%22Follow%20OS%22%20as%20the%20default%2C%20and%20options%20to%20pick%20either%20light%20or%20dark%2C%20depending%20on%20preference.%26nbsp%3B%20We'll%20see%20what%20Microsoft%20does%20as%20development%20moves%20along.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-437720%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20enable%20dark%20mode%20on%20Edge%20preview%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-437720%22%20slang%3D%22en-US%22%3E%3CP%3EIf%20only%20it%20worked.%26nbsp%3B%20Although%20the%20flag%20is%20set%20to%20enabled%20no%20changes%20occur.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-483002%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20enable%20dark%20mode%20on%20Edge%20preview%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-483002%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechdows.com%2F2019%2F03%2Fenable-dark-mode-microsoft-chromium-edge-on-windows-10.html%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Ftechdows.com%2F2019%2F03%2Fenable-dark-mode-microsoft-chromium-edge-on-windows-10.html%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-489840%22%20slang%3D%22en-US%22%3ERe%3A%20RE%3A%20How%20to%20enable%20dark%20mode%20on%20Edge%20preview%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-489840%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%3B%20Agreed%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-489957%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20enable%20dark%20mode%20on%20Edge%20preview%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-489957%22%20slang%3D%22en-US%22%3EDoes%20this%20mean%20that%20it%20will%20show%20in%20the%20normal%20settings%20instad%20of%20the%20flags%20page%20when%20this%20feature%20is%20fully%20tested%3F%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-490022%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20enable%20dark%20mode%20on%20Edge%20preview%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-490022%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F316894%22%20target%3D%22_blank%22%3E%40vovchyk%3C%2FA%3E%26nbsp%3B%3CBR%20%2F%3E%3CBR%20%2F%3E%26gt%3B%20edge%3A%2F%2Fflags%2C%20tpye%20Dark%20in%20the%20Search%20box%20%26amp%3B%20you're%20looking%20for%20this%20%E2%AC%87%3CBR%20%2F%3E%3CBR%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F110794iD0838054F7506A5F%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Dark.jpg%22%20title%3D%22Dark.jpg%22%20%2F%3E%3C%2FSPAN%3E%3CBR%20%2F%3E%3CBR%20%2F%3ECheers%2C%3CBR%20%2F%3E%3CEM%3E%3CSTRONG%3EDrew%3C%2FSTRONG%3E%3C%2FEM%3E%3CBR%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20113px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F110795iEA028CB5C8DDEA62%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22thVY64FD02.jpg%22%20title%3D%22thVY64FD02.jpg%22%20%2F%3E%3C%2FSPAN%3E%3CBR%20%2F%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-532002%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20enable%20dark%20mode%20on%20Edge%20preview%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-532002%22%20slang%3D%22en-US%22%3ESweet.%20Thanks!%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-532004%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20enable%20dark%20mode%20on%20Edge%20preview%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-532004%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F316894%22%20target%3D%22_blank%22%3E%40vovchyk%3C%2FA%3E%26nbsp%3B%3CBR%20%2F%3E%3CBR%20%2F%3EBTW%2C%20for%20%232%20can%2C%20also%2C%20just%20put%20%3CSTRONG%3EDark%3C%2FSTRONG%3E%26nbsp%3Bin%20the%20search%20box%20%26amp%3B%20what%20needs%20to%20enabled%20will%20appear.%3CBR%20%2F%3E%3CBR%20%2F%3EThings%20like%20this%20that%20are%20asked%20%26amp%3B%20answered%20a%20few%20times...%20we%20should%20have%20a%20%22How%20to%22%20or%20%22Tips%22%20section%20or%20some%20FAQs.%26nbsp%3B%20Would%20be%20helpful%20to%20Folks%2C%20appreciated%20%26amp%3B%20save%20heaps%20of%20repetition.%26nbsp%3B%20A%20reference%20board%20of%20sorts.%26nbsp%3B%20...just%20a%20thought%20%3CBR%20%2F%3E%3CBR%20%2F%3ECheers%3CBR%20%2F%3E%3CEM%3E%3CSTRONG%3E%2CDre%3C%2FSTRONG%3E%3C%2FEM%3Ew%3CBR%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20113px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F112153iDDA40A189DF2B23E%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22thVY64FD02.jpg%22%20title%3D%22thVY64FD02.jpg%22%20%2F%3E%3C%2FSPAN%3E%3CBR%20%2F%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
vovchyk
Occasional Contributor

Saw several people asking for this; it's possible:

 

1. Go to edge://flags

2. search for #edge-follow-os-theme

3. Make sure your OS is set to dark mode in personalization settings

4. Restart edge

14 Replies

@vovchyk 

setting doesn't appear to follow the dark mode, is that normal at this point ? 

(using edge canary)



Awesome thank you. now if only they make the top window transparent just like the original Edge!
@rficasa I would say that since this is a preview, any weirdness is "normal" at this point. :)
We are aware of the limitations with our themes right now, and that is one of the first things that we are going to get completed. (see the coming soon section of the Welcome page: (https://www.microsoftedgeinsider.com/en-us/welcome). Thank you for your feedback, and please keep updating and offering your opinion on how we are doing.
Elliot

@Elliot Kirk

 

"Follow OS" should be the default, with options to switch to light or dark modes.   

This doesn't work quite the same as in Edge stable. For example, here is the MSA sign-in dialogue in Edge Stable and in Edge dev:
... as opposed to this in Edge stable:

@Noel Burgess   Thanks for the response, Neil.  I put Edge/dev in dark mode using the flag as soon as I downloaded it.   Sorry for the confusion - my comment went to how modes should work in the final product, rather than how they do work now.  Most users aren't going to want to set a flag to switch modes from default to something else.  The mode control should be a switch in Settings, Appearance, with "Follow OS" as the default, and options to pick either light or dark, depending on preference.  We'll see what Microsoft does as development moves along.

Does this mean that it will show in the normal settings instad of the flags page when this feature is fully tested?

@vovchyk 

> edge://flags, tpye Dark in the Search box & you're looking for this ⬇

Dark.jpg

Cheers,
Drew
thVY64FD02.jpg

Sweet. Thanks!

@vovchyk 

BTW, for #2 can, also, just put Dark in the search box & what needs to enabled will appear.

Things like this that are asked & answered a few times... we should have a "How to" or "Tips" section or some FAQs.  Would be helpful to Folks, appreciated & save heaps of repetition.  A reference board of sorts.  ...just a thought :thought_balloon:

Cheers,
Drew
thVY64FD02.jpg

Related Conversations
Stable version of Edge insider browser
HotCakeX in Discussions on
35 Replies
flashing a white screen while open new tab
cntvertex in Discussions on
13 Replies
Tabs and Dark Mode
cjc2112 in Discussions on
22 Replies
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
28 Replies
description for autoplay blocking in settings page
HotCakeX in Discussions on
8 Replies