Wednesday, August 05, 2015

Styling Atom Editor UI Elements

I'm in the process of switching to Atom as my daily text editor (from Sublime Text 3) and needed to have my UI element font much smaller. Doing this in Atom is blissfully easy, just edit your styles.less file and you're done. The trick is understanding which elements you want to style.

Most elements I needed re-sized are easy:

The styles.less is accessible directly in your $HOME/.atom directory, or through Atom itself in Settings -> Themes.

1 comment:

Alex Wilmer said...

You can always open up Atom's built in (Chrome) developer tools and inspect the element to see which tag / class you're wanting to target. It's a fast way to test out new Atom UI possibilities.