Logo

dev-resources.site

for different kinds of informations.

Make Sublime Text 3/4 Pretty

Published at
7/18/2020
Categories
sublimetext3
sublimetext
codeeditor
Author
doncadavona
Categories
3 categories in total
sublimetext3
open
sublimetext
open
codeeditor
open
Author
11 person written this
doncadavona
open
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!

Featured ones: