Matching Google Chrome’s developer tools theme to your text editor theme

Sublime Text 2
Sublime Text 2

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:

Google Chrome developer tools
Google Chrome developer tools

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:

  • Tomorrow
  • Monokai (UPDATED: This version works better when editing code in the Elements tab.)

Having saved the code to your Custom.css file and saved it, Chrome updates immediately:

Google Chrome developer tools with Tomorrow theme
Google Chrome developer tools with Tomorrow theme

Surfing giant waves in Portugal

When I was a boy, growing up in Selkirk in the Scottish Borders (about 40 miles from the sea), I was given a Hang Ten t-shirt from my American cousin Charlotte in California. She grew up in Hawai’i and told me the significance of the name:

Hanging Ten is a surfing maneuver and is considered one of the most impressive and iconic stunts one can perform with a surfboard. Hanging ten is when the surfer positions the surfboard in such a way that the back of it is covered by the wave and the wave rider is free to walk to the front of the board and hang all ten toes over the nose of the board.

(Source: Wikipedia)

Perhaps in an ideal world I would then say that wearing my green and white striped Hang Ten t-shirt, as an eight year old, inspired me to learn to surf and I became one of Scotland’s finest surfers ever.

But it’s not. And I didn’t.

But isn’t that video just incredible, and beautiful and terrifying.