Fundamentals Tools Updates Case Studies
मुखपृष्ठ Chrome DevTools Lighthouse Puppeteer Workbox Chrome User Experience Report
Didn't make the #ChromeDevSummit this year? Catch all the content (and more!) in the Chrome Dev Summit 2019 playlist on our Chrome Developers YouTube Channel.

Enable Dark Theme In Chrome DevTools

You can enable dark theme in Settings or the Command Menu.

The dark theme.
Figure 1. The dark theme.

Set up dark theme from Settings

  1. Click Customize And Control DevTools Customize And Control DevTools and then select Settings. You can also open Settings by pressing F1.

    Opening Settings.
    Figure 2. Opening Settings.

  2. Under Preferences > Appearance > Theme select Dark.

    Settings > Preferences."/> <figcaption> <b>Figure 3</b>. <b>Settings</b> > <b>Preferences</b>. </figcaption> </figure></p></li> </ol> <h2 id=Set up dark theme from the Command Menu
    1. Open the Command Menu.
    2. Start typing dark, select the Switch To Dark Theme command, and then press Enter to run the command.
    The dark theme command.
    Figure 4. The dark theme command.

    Feedback

    Was this page helpful?
    Yes
    What was the best thing about this page?
    It helped me complete my goal(s)
    Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
    It had the information I needed
    Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
    It had accurate information
    Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
    It was easy to read
    Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
    Something else
    Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
    No
    What was the worst thing about this page?
    It didn't help me complete my goal(s)
    Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
    It was missing information I needed
    Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
    It had inaccurate information
    Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
    It was hard to read
    Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
    Something else
    Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.