
My main coding text editor is the excellent Sublime Text 2, my favourite theme is called Tomorrow-Night by Chris Kempson, and my go-to browser is Google Chrome.
Being involved in web design I use the Chrome web developer tools all the time for debugging JavaScript, identifying HTML classes and tweaking CSS. It looks like this:

But as you can see from the screenshot above, the default view is rather dull: white background, uninspiring syntax highlighting. It’s a shame that you can’t match the Chrome developer tools code panel with my text editor of choice.
User StyleSheets
Well, it turns out you can! Chrome provides a “User StyleSheets” directory into what you can drop a Custom.css file.
- Windows
- C:\Users\%username%\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\
- Mac
- ~/Library/Application Support/Google/Chrome/Default/User StyleSheets/
- Ubuntu
- ~/.config/chromium/Default/User StyleSheets/
A number of people have also done the hard work for us and made available ready-to-use CSS files for various themes. These are my two favourite dark themes:
Having saved the code to your Custom.css file and saved it, Chrome updates immediately:
