Skip to content

Instantly share code, notes, and snippets.

@Garbee

Garbee/solarized-dark-devtools.md

Created November 2, 2016 11:52
Show Gist options
  • Save Garbee/1a91f2695f9f7cf2e8042544f52ad5dc to your computer and use it in GitHub Desktop.
Save Garbee/1a91f2695f9f7cf2e8042544f52ad5dc to your computer and use it in GitHub Desktop.
Download ZIP
Raw
solarized-dark-devtools.md
  1. Go to chrome://flags#enable-devtools-experiments in your browser. Turn it on and restart Chrome.
  2. Install the DevTools Author extension.
  3. Open DevTools and go to Settings.
  4. Look in tabs to the left, find new "Experiments" tab.
  5. Enable the Allow custom UI themes one.
  6. Restart DevTools
  7. Go to new "Author Settings" panel.
  8. Select Solarized Dark in the dropdown, enter "Fira Code" for the font family, and select your desired text size.
  9. Restart DevTools.
  10. Enjoy the custom color theme in Elements, Sources, and Console. (Possibly other places, don't really know.)
  11. Bonus points, enable the Dark theme under DevTools settings "Appearance" section.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment