Find out how to change developer instruments panel theme colour on Microsoft Edge

The brand new Microsoft Edge browser primarily based on the Google’s Chromium comes with the DevTools Components panel to examine and live-edit HTML and CSS throughout the browser.

Nevertheless, it makes use of the darkish mode because the default colour theme, but when darkish isn’t your colour, you’ll be able to change the looks switching the sunshine mode.

On this guide, you’ll be taught the steps to change from the default darkish to the sunshine mode for the developer instruments panel on the brand new Chromium model of Microsoft Edge for Windows 10.

Find out how to change the developer instruments colour mode on Microsoft Edge

To vary the colour mode for the developer instruments on Microsoft Edge, use these steps:

  1. Open Microsoft Edge.

  2. Proper-click on the web page and choose the Examine choice.

  3. Click on the menu (three-dotted) button within the top-right.

  4. Choose the Settings choice.

    DevTools Panel for Microsoft Edge Chromium
    DevTools Panel for Microsoft Edge Chromium

  5. Below the “Appearance” part, use the Theme drop-down menu and choose the Mild (or Darkish) choice.

    Microsoft Edge Chromium dark to light mode
    Microsoft Edge Chromium darkish to mild mode

When you full the steps, the developer instruments panel will swap from the darkish to the sunshine theme colour mode.

About the Author

Leave a Reply

Your email address will not be published. Required fields are marked *