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.

C:\Users\%username%\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\
~/Library/Application Support/Google/Chrome/Default/User StyleSheets/
~/.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

Wunderlist — UI peculiarities

Wunderlist—a beautiful and simple to-do list
Wunderlist—a beautiful and simple to-do list

As part of a money-saving exercise, at the moment I’m looking to move away from using a hosted Microsoft Exchange account for my email, calendar, contacts, notes and tasks. I know that I won’t get one application that will cover all five elements, but I’m okay with that.

My two main criteria are that the applications I choose should be:

  • Free
  • Able to synchronize between PC, Android and the web

For tasks I’m now beginning to trial the free version of Wunderlist, a to-do list application for iPhoneiPadAndroidWindowsMac and Web. It’s really rather good.

Being involved in web design professionally, and often called on to assist with web application user-interface (UI) designs I frequently find myself analysing other people’s application interfaces and asking myself why certain elements have been laid out in a particular way.

I found myself considering these things when using Wunderlist for the PC this morning. I wanted to change where new list items were added, from the bottom of the list to the top.

Curiously, on the application menu I selected “Preferences” (4th item down):


But it opened a dialog window called “Settings”. Why not keep the two terms consistent?

Wunderlist settings: add new items
Wunderlist settings: add new items

On the first panel, which is open by default, I found the option I wanted: where to add new items. However, I was a little surprised by the order.

Why is “Bottom of List” at the top of that two option list, and “Top of List” at the bottom?

I would have thought it would be more intuitive to users—in a Steve Krug ‘don’t make the think’ kind of way—to list them in the order that the words themselves suggest:

  • Top of list
  • Bottom of list

What do you think?

Windows 7

Catching up with news on the CustomPC website and there’s an interesting article entitled: Microsoft strips email and photo apps from Windows 7.

Next version of Windows will come without the clutter of extra software as standard, although you’ll be able to download equivalent software from Windows Live.

Market share

Hmm … that seems like a brave move. I was reading in an article in (I think) this month’s PC Plus magazine that Windows’ market share has been declining over the last few years, mostly to both Linux and Mac. The latter helped along by the “Hi! I’m a Mac, and I’m a PC” adverts, and … well, the unpopularity of Windows Vista.

It just works!

Mac has the tagline: “It just works!”  Perhaps Windows should have: “Never a dull moment!”

But one of the things that I’ve heard from converted Mac users is how great it is to plug in a new Mac and just get on with things: email, photos, videos, surfing the Web, office tasks.

And yet Microsoft are moving away from this?

To do these sort of tasks Windows XP came with:

  • Outlook Express
  • Paint
  • Windows Movie Maker
  • Internet Explorer
  • WordPad

(Why no calendar application?!)

From what I’ve heard, not really in the same league as the built-in software in Mac OS X Leopard, for example; perhaps with the exception of Movie Maker, which is a decent piece of basic movie-making software.

My verdict

Personally, at the moment, I’m not convinced that this is the right way to go.  It just seems to me to making things harder, not easier, for new or inexperienced PC users to just get on and do stuff with their new PCs, without first having to download and install a bunch of applications from Windows Live.

I could, of course, be completely wrong and we’ll discover that the user-interface for this is wonderfully simple and intuitive to use … I guess we’ll just have to wait and see.


Synergy is a pretty cool piece of software, that I’m sure I blogged about ages ago at the Other Place™.

Synergy lets you easily share a single mouse and keyboard between multiple computers with different operating systems, each with its own display, without special hardware. It’s intended for users with multiple computers on their desk since each system uses its own monitor(s).

I’ve used it to connect my laptop to my PC … three screens is cool!  We have folks at work using it to connect two PCs running Windows 2000 to Mac OS X.