Making the Cloud9 UI a little more readable.

28th April 2016

What’s wrong with the Cloud9 UI?

I use Cloud9 a fair bit for development and find it to be a most excellent system.

There’s just one issue. I occasionally wear glasses for close-up reading, but don’t need to for font sizes of about 12pt or higher. Cloud9 has themes and font sizes so that’s all fine, but they don’t affect the menu bar, document tabs or folder tree within the workspace so I sometimes struggle.

Changing the UI.

Go to the Cloud9, Preferences, Themes menu option and at the top of the resulting pane there is a link to add your own CSS styles. Enter the CSS below and the aforementioned small text will become larger:

.c9-menu-btn, .c9menu > .menu_item, .editor_tab .btnsesssioncontainer {
  font-size: 12pt;
  font-family: Arial, Verdana, Tahoma;
}
.tree-row, .ace_tree_cells, .ace_text-input {
  font-size: 12pt;
  font-family: Arial, Verdana, Tahoma;
}

Using this same principle you can actually change most things; the above is usually enough for me.