DEV Community

Don Cadavona
Don Cadavona

Posted on • Updated on

Make Sublime Text 3/4 Pretty

Here's my pretty Sublime Text 3:

Alt Text

It looks clean. No status bars, no line numbers, big, readable codes and iconography, and, still has the Sidebar and Minimap which is what made Sublime Text awesome.

My take here is, your editor is your canvas, not a pilot's cockpit. You are creating something. You're not driving a plane. Remove distractions, take your Zen a step deeper!

Here's the default Sublime Text 3:

Alt Text

First of all, if you're coming from editors like Notepad++, (Ugh, those were the days...) Sublime Text 3 already looks nice out-of-the-box by design. Read design story here:

https://www.pixelstech.net/article/1379865910-The-story-behind-Sublime-Text

Setup

Make yours pretty too:

1. Install Package Control

Go to Preferences -> Install Package Control.

2. Install Material Theme

Install Material Theme via Package Control, activate then pick your favorite color. I like Palenight, it's light on my eyes.

3. Install Fira Code

Fira Code is my favorite code font, download and install it on your system.

4. Update Settings

Hide Status Bar: View -> Hide Status Bar.

Add settings (Cmd + , in Mac or Ctrl + , in Windows):

"color_scheme": "Packages/Material Theme/schemes/Material-Theme-Palenight.tmTheme",
"theme": "Material-Theme-Palenight.sublime-theme",
"font_face": "Fira Code",
"font_size": 14,
"line_numbers": false
Enter fullscreen mode Exit fullscreen mode




Done

Pretty, simple!

Top comments (1)

Collapse
 
limusina10 profile image
limusina10

Super interesting!