A compact stylesheet for Atom editor

October 26, 2014 10:23 am 1 comment

If you find that Atom’s default colors are ok, but you feel like the tabs are too big and the folder trees are wasting too much space, maybe you and I have some kind of thinking connection… :)

Fortunatelly, customizing atom is as easy as create a less file. I have created some styles to make atom feels a bit more like sublime text, making everything more compact:

atom-compactIf you want to use these styles go to your atom’s stylesheet:

  • Click on Edit > Open your stylesheet ( If you are using Mac / Linux )
  • Click on File > Open your stylesheet ( If you are using Windows )

Your stylesheet file for customizing atom will be in front of your eyes, so copy the following gist there and save it:

Comments and improvements to the stylesheet are welcome.


Let’s push your website a bit further

My name is Javier Márquez and I have more than 10 years of web programming and web designing experience. If you have a difficult development to complete, maybe you can stop by and see what I can do for you. You can find me on and Twitter.

Leave a reply

contact meAnything related to web development like javascript and CSS to create responsive designs, or PHP and node.js to make your website work properly, is my pleasure. If you have an interesting project in mind, I can help to make it real.