How to Enable Dark Mode in Microsoft Edge Chromium

How to Enable Dark Mode in Microsoft Edge Chromium
The change from Microsoft Edge to the Chromium rendering engine has made it a better browser in almost every aspect. It displays problem-free websites, supports a huge library of extensions, and feels fast and responsive. To make things even better, it also sports the functionality of dark mode.

Microsoft Edge Chromium Enable Dark Mode Featured "width =" 1392 "height =" 824 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset = "https://cdn.guidingtech.com/imager/media/assets/2019/12/248861/Microsoft-Edge-Chromium-Enable-Dark-Mode-Featured_4d470f76dc99e18ad75087b1b8410ea9.png?1576489110 1392w, https: //cdn.gugu. com / imager / media / active / 2019/12/248861 / Microsoft-Edge-Chromium-Enable-Dark-Mode-Featured_935adec67b324b146ff212ec4c69054f.png? 1576489110 700w, https://cdn.guidingtech.com/imager/media/assets/2019 /12/248861/Microsoft-Edge-Chromium-Enable-Dark-Mode-Featured_40dd5eab97016030a3870d712fd9ef0f.png?1576489111 500w. guidingtech.com/imager/media/assetsge/12/248861EMicrosoft Chromium-Enable-Dark-Mode-Featured_7c4a12eb7455b3a1ce1ef1cadcf29289.png? 1576489111 340w

The dark mode of Microsoft Edge Chromium extends beyond the dark theme present in the non-Chromium version of the browser. As long as websites offer built-in support for a darker color scheme, it will also render them in dark mode. Let's see how to activate and use this feature.

Activate dark mode in Microsoft Edge Chromium

Whether you're using Windows or macOS, the dark mode functionality of Microsoft Edge Chromium works the same on both platforms. Just as with Google Chrome, you can match the browser to the operating system color scheme – Edge will then appear in dark mode whenever the system color mode in Windows or macOS is set to Dark. But that's not all. There is also a dedicated option to activate dark mode for the browser itself at any time.

Step 1: Start by opening the Edge menu (click on the three dots in the upper right corner of the browser window). Then click on Settings.

Microsoft Edge Chromium Enable Dark Mode 1 "width =" 905 "height =" 622 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset = "https://cdn.guidingtech.com/imager/media/assets/2019/12/248849/Microsoft-Edge-Chromium-Enable-Dark-Mode-1_4d470f76dc99e18ad75087b1b8410ea9.png?1576489111 905w, https: //cdn.guiding / imager / media / active / 2019/12/248849 / Microsoft-Edge-Chromium-Enable-Dark-Mode-1_935adec67b324b146ff212ec4c69054f.png? 1576489111 700w, https://cdn.guidingtech.com/imager/media/assets/2019 /12/248849/Microsoft-Edge-Chromium-Enable-Dark-Mode-1_40dd5eab97016030a3870d712fd9ef0f.png?1576489112 500w, https: //ps. guidingtech.com/imager/media/assets/2019/12/248849/Micros Chromium-Enable-Dark-Mode-1_7c4a12eb7455b3a1ce1ef1cadcf29289.png? 1576489112 340w

2nd step: Click Appearance in the left navigation pane.

Microsoft Edge Chromium Enable Dark Mode 2 "width =" 695 "height =" 434 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset = "https://cdn.guidingtech.com/imager/media/assets/2019/12/248850/Microsoft-Edge-Chromium-Enable-Dark-Mode-2_4d470f76dc99e18ad75087b1b8410ea9.png?1576489112 695w, https: //cdn.guiding / imager / media / active / 2019/12/248850 / Microsoft-Edge-Chromium-Enable-Dark-Mode-2_40dd5eab97016030a3870d712fd9ef0f.png? 1576489112 500w, https://cdn.guidingtech.com/imager/media/assets/2019 /12/248850/Microsoft-Edge-Chromium-Enable-Dark-Mode-2_7c4a12eb7455b3a1ce1ef1cadcf29289.png?1576489112 340w

Step 3: Click the drop-down menu next to Theme. Select Dark to immediately switch the browser to dark mode. If you want Microsoft Edge Chromium to match the color scheme in Windows and macOS, select System Default instead.

Microsoft Edge Chromium Enable Dark Mode 3 "width =" 925 "height =" 564 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset = "https://cdn.guidingtech.com/imager/media/assets/2019/12/248851/Microsoft-Edge-Chromium-Enable-Dark-Mode-3_4d470f76dc99e18ad75087b1b8410ea9.png?1576489112 925w, https: //cdn.guidingtech. com / imager / media / active / 2019/12/248851 / Microsoft-Edge-Chromium-Enable-Dark-Mode-3_935adec67b324b146ff212ec4c69054f.png? 1576489112 700w, https://cdn.guidingtech.com/imager/media/assets/2019 /12/248851/Microsoft-Edge-Chromium-Enable-Dark-Mode-3_40dd5eab97016030a3870d712fd9ef0f.png?1576489112 500w, https: //ps. guidingtech.com/imager/media/assets/2019/12/248851/Micros Chromium-Enable-Dark-Mode-3_7c4a12eb7455b3a1ce1ef1cadcf29289.png? 1576489113 340w

Note: For more details on how to access and use the system color modes in Windows and macOS, scroll down to the next section.

Once activated, the full Microsoft Edge Chromium theme will be rendered in dark mode, with different shades of dark colors used to define elements of the browser. Any site that offers native support for a darker color scheme will automatically detect the browser's color preference and load in dark mode.

Microsoft Edge Chromium Enable Dark Mode 4 "width =" 1392 "height =" 870 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset = "https://cdn.guidingtech.com/imager/media/assets/2019/12/248852/Microsoft-Edge-Chromium-Enable-Dark-Mode-4_4d470f76dc99e18ad75087b1b8410ea9.png?1576489113 1392w, https: //cdn.guiding / imager / media / active / 2019/12/248852 / Microsoft-Edge-Chromium-Enable-Dark-Mode-4_935adec67b324b146ff212ec4c69054f.png? 1576489113 700w, https://cdn.guidingtech.com/imager/media/assets/2019 /12/248852/Microsoft-Edge-Chromium-Enable-Dark-Mode-4_40dd5eab97016030a3870d712fd9ef0f.png?1576489113 500w, https: //ps. guidingtech.com/imager/media/assets/2019/12/248852/Micros Chromium-Enable-Dark-Mode-4_7c4a12eb7455b3a1ce1ef1cadcf29289.png? 1576489113 340w
Microsoft Edge Chromium with dark mode enabled.

However, the majority of sites are not yet capable of supporting the functionality, so you will only see the browser theme rendered in dark mode for the most part.

Fortunately, Microsoft Edge Chromium comes with an experimental feature that allows the browser to forcibly render sites in dark mode. We will deepen this further.

System color controls in Windows 10 and macOS

If you chose the Default System option in Microsoft Edge Chromium, the browser would automatically switch to dark mode whenever the dark system color scheme is selected in Windows and macOS. This is perfect if you prefer a consistent experience across the operating system and supported applications.

Windows 10

Right-click on the desktop, then select Personalize. In the Settings app that appears, click Colors, then use the menu under Choose your color to switch between Light and Dark color modes for the operating system and supported apps .

Microsoft Edge Chromium Enable Dark Mode 6 "width =" 1015 "height =" 766 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset = "https://cdn.guidingtech.com/imager/media/assets/2019/12/248854/Microsoft-Edge-Chromium-Enable-Dark-Mode-6_4d470f76dc99e18ad75087b1b8410ea9.png?1576489115 1015w, https: //cdn.guiding / imager / media / active / 2019/12/248854 / Microsoft-Edge-Chromium-Enable-Dark-Mode-6_935adec67b324b146ff212ec4c69054f.png? 1576489116 700w, https://cdn.guidingtech.com/imager/media/assets/2019 /12/248854/Microsoft-Edge-Chromium-Enable-Dark-Mode-6_40dd5eab97016030a3870d712fd9ef0f.png?1576489116 500w. guidingtech.com/imager/media/assets/2019/12/248854/Micros Chromium-Enable-Dark-Mode-6_7c4a12eb7455b3a1ce1ef1cadcf29289.png? 1576489116 340w

In addition, you can select the Custom option to separately manage the colors of the operating system and supported applications.

macOS Mojave and Catalina

Go to System Preferences (Apple menu> System Preferences), then click General. Use the appearance controls (light, dark, and auto) at the top of the screen to change the color scheme.

Microsoft Edge Chromium Enable Dark Mode 7 "width =" 695 "height =" 426 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset = "https://cdn.guidingtech.com/imager/media/assets/2019/12/248892/Microsoft-Edge-Chromium-Enable-Dark-Mode-7_191216_161958_4d470f76dc99e18ad75087b1b8410ea9.png?1576493892 69tw, https. com / imageur / media / assets / 2019/12/248892 / Microsoft-Edge-Chromium-Enable-Dark-Mode-7_191216_161958_40dd5eab97016030a3870d712fd9ef0f.png? 1576493893 500w, https://cdn.guidingtech.com/imager/media/assets/2019 /12/248892/Microsoft-Edge-Chromium-Enable-Dark-Mode-7_191216_161958_7c4a12eb7455b3a1ce1ef1cadcf29289.pngw15764993

Select Dark to activate dark mode for the entire operating system and supported applications or select Auto to automatically activate and deactivate the dark color scheme at night and day, respectively.

Forcibly return all sites to dark mode

Microsoft Edge Chromium has an experimental feature that allows you to forcibly display all sites in dark mode. It works well, but you will occasionally encounter strange reversal problems. If you don't mind, here's how to activate the feature.

Step 1: Type edge: // flags / # enable-force-dark in the address bar of a new tab in Microsoft Edge, then press Enter.

Microsoft Edge Chromium Enable Dark Mode 8 "width =" 695 "height =" 350 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset = "https://cdn.guidingtech.com/imager/media/assets/2019/12/248856/Microsoft-Edge-Chromium-Enable-Dark-Mode-8_4d470f76dc99e18ad75087b1b8410ea9.png?1576489117 695w, https: //cdn.guiding / imager / media / active / 2019/12/248856 / Microsoft-Edge-Chromium-Enable-Dark-Mode-8_40dd5eab97016030a3870d712fd9ef0f.png? 1576489117 500w, https://cdn.guidingtech.com/imager/media/assets/2019 /12/248856/Microsoft-Edge-Chromium-Enable-Dark-Mode-8_7c4a12eb7455b3a1ce1ef1cadcf29289.png?1576489117 340w

2nd step: Click the drop-down menu next to Force dark mode for web content, then select On.

Microsoft Edge Chromium Enable Dark Mode 9 "width =" 1001 "height =" 563 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset = "https://cdn.guidingtech.com/imager/media/assets/2019/12/248857/Microsoft-Edge-Chromium-Enable-Dark-Mode-9_4d470f76dc99e18ad75087b1b8410ea9.png?1576489117 1001w, https: //cdn.guiding / imager / media / active / 2019/12/248857 / Microsoft-Edge-Chromium-Enable-Dark-Mode-9_935adec67b324b146ff212ec4c69054f.png? 1576489118 700w, https://cdn.guidingtech.com/imager/media/assets/2019 /12/248857/Microsoft-Edge-Chromium-Enable-Dark-Mode-9_40dd5eab97016030a3870d712fd9ef0f.png?1576489118 500w, https: //ps. guidingtech.com/imager/media/assets/2019/12/248857/Micros Chromium-Enable-Dark-Mode-9_7c4a12eb7455b3a1ce1ef1cadcf29289.png? 1576489118 340w

Step 3: Click on Restart to relaunch the browser.

Microsoft Edge Chromium Enable Dark Mode 10 "width =" 695 "height =" 350 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset = "https://cdn.guidingtech.com/imager/media/assets/2019/12/248858/Microsoft-Edge-Chromium-Enable-Dark-Mode-10_4d470f76dc99e18ad75087b1b8410ea9.png?1576489118 695w, https: //cdn.guiding / imager / media / active / 2019/12/248858 / Microsoft-Edge-Chromium-Enable-Dark-Mode-10_40dd5eab97016030a3870d712fd9ef0f.png? 1576489118 500w, https://cdn.guidingtech.com/imager/media/assets/2019 /12/248858/Microsoft-Edge-Chromium-Enable-Dark-Mode-10_7c4a12eb7455b3a1ce1ef1cadcf29289.png?1576489118 340w

Microsoft Edge Chromium should now force all sites to dark mode. The experimental functionality works outside of the color controls in the browser's Settings panel – which means you can view sites in dark mode even when using the normal browser theme.

Microsoft Edge Chromium Enable Dark Mode 12 "width =" 1392 "height =" 870 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset = "https://cdn.guidingtech.com/imager/media/assets/2019/12/248860/Microsoft-Edge-Chromium-Enable-Dark-Mode-12_4d470f76dc99e18ad75087b1b8410ea9.png?1576489119 1392w, https: //cdn.guiding / imager / media / active / 2019/12/248860 / Microsoft-Edge-Chromium-Enable-Dark-Mode-12_935adec67b324b146ff212ec4c69054f.png? 1576489120 700w, https://cdn.guidingtech.com/imager/media/assets/2019 /12/248860/Microsoft-Edge-Chromium-Enable-Dark-Mode-12_40dd5eab97016030a3870d712fd9ef0f.png?1576489120 500w, https: // guidingtech.com/imager/media/assets/2019/12/248860dM-microsoft Chrome-Enable-Dark-Mode-12_7c4a12eb7455b3a1ce1ef1cadcf29289.png? 1576489120 340w
Here, Microsoft Edge Chromium forcibly displays a site in dark mode.

If you want to turn off the feature, follow the steps above again. However, you should select Default when using the menu next to Force dark mode for web content.

Don't fall off the edge

Dark mode offers the ideal way to surf the Internet without having your eyes blinded, especially late at night. Although the dark mode of Microsoft Edge Chromium is not universal, keep in mind that you can force the dark mode pretty much everywhere using the experimental browser hint.

Then: Microsoft Edge Chromium is a great web browser. But how does it compare to Firefox? Let's find out.

Leave a Reply