The new Microsoft Edge browser based on the Google’s Chromium comes with the DevTools Elements panel to inspect and live-edit HTML and CSS within the browser.
However, it uses the dark mode as the default color theme, but if dark isn’t your color, you can change the appearance switching the light mode.
In this guide, you’ll learn the steps to switch from the default dark to the light mode for the developer tools panel on the new Chromium version of Microsoft Edge for Windows 10.
How to change the developer tools color mode on Microsoft Edge
To change the color mode for the developer tools on Microsoft Edge, use these steps:
-
Open Microsoft Edge.
-
Right-click on the page and select the Inspect option.
-
Click the menu (three-dotted) button in the top-right.
-
Select the Settings option.
DevTools Panel for Microsoft Edge Chromium -
Under the “Appearance” section, use the Theme drop-down menu and select the Light (or Dark) option.
Microsoft Edge Chromium dark to light mode
Once you complete the steps, the developer tools panel will switch from the dark to the light theme color mode.
Mauro Huculak is a Windows How-To Expert who started Pureinfotech in 2010 as an independent online publication. He has also been a Windows Central contributor for nearly a decade. Mauro has over 15 years of experience writing comprehensive guides and creating professional videos about Windows and software, including Android and Linux. Before becoming a technology writer, he was an IT administrator for seven years. In total, Mauro has over 21 years of combined experience in technology. Throughout his career, he achieved different professional certifications from Microsoft (MSCA), Cisco (CCNP), VMware (VCP), and CompTIA (A+ and Network+), and he has been recognized as a Microsoft MVP for many years. You can follow him on X (Twitter), YouTube, LinkedIn and About.me. Email him at [email protected].