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 and founder of Pureinfotech (est. 2010). With over 21 years as a technology writer and IT Specialist, Mauro specializes in Windows, software, and cross-platform systems such as Linux, Android, and macOS.
Certifications: Microsoft Certified Solutions Associate (MCSA), Cisco Certified Network Professional (CCNP), VMware Certified Professional (VCP), and CompTIA A+ and Network+.
Mauro is a recognized Microsoft MVP and has also been a long-time contributor to Windows Central.
You can follow him on YouTube, Threads, BlueSky, X (Twitter), LinkedIn and About.me. Email him at [email protected].