A smple guide to installing a Sublime Text 3 with sidebar icons
Hi all,
This may be a real noob question so I apologise. Can some please explain, in point form, how to configure a Sublime Text 3 theme that uses sidebar icons so frequently found on Jeff's videos.
I does not matter what theme you use for the example. I can’t seem to get my sidebar icons working at all. I have been beating my head against a brick wall for a while now so any help is appreciated.
I use both Mac and PC.
Thanks again
I have seen this. As a said, just a simple point form explaination will do. If you wish to point to URLs or Github please make sure the links are not dead.
This is how to achieve Jeff's theme:
The UI (including the icons) comes from Seti UI. It's advised to also install ApplySyntax to make sure the icons always match the type of file.
The color scheme is Facebook. Download that file, put it somewhere in your Packages folder.
In your settings file:
{
"color_scheme": "Packages/path/to/Facebook.tmTheme",
"theme": "Seti.sublime-theme"
}
@stephanj I'm right there with you. Too dark for me, in fact, Jeffrey has the same sidebar background color as the code section of the editor.
Browse packages, open the Seti UI folder and edit the theme file. Search for every 16,17,18 instance, that's the dark color in rgb format.
Here's mine. I'm actually thinking of tweaking it to match Jeff's, which I like a lot. Preview:

Thanks so much for all your help in getting my Sublime Text 3 sidebar icons working.
I have successfully install the icons using Seti_UI.
Below is the process I followed. I was using a Windows 8.1 machine, however the Seti_UI icons work on my Macbook.
- I assume you have installed Sublime Text 3.
- Navigate to Seti_UI and download the zip file under the Install heading.
- Unzip the file and rename to Seti_UI
- In Sublime Text 3 select the following option: Preferences -> Browse Packages... . This will open a new explorer window (or Finder window in Mac). The full path on my Windows 8.1 laptop is C:\Users\steph_000\AppData\Roaming\Sublime Text 3\Packages.
- Past the Seti_UI folder into this open window.
- In Sublime Text 3 select the following option: Preferences -> Settings - User
- My file looks like the one below. Note I have installed the Glacier theme.
{
"color_scheme": "Packages/Theme - Glacier/glacier.tmTheme",
"font_size": 13,
"ignored_packages":
[
"Vintage"
],
"theme": "Seti.sublime-theme"
}
You must have the line of code
"theme": "Seti.sublime-theme"
to produce the sidebar icons.
- Restart Sublime Text 3 to see your icons
@JohnRivs where you able to get the theme to match?
@Twoopa I'm actually using the current Jeffrey's theme: https://github.com/christopherburton/Jeffrey-Way-Theme
Not sure it's 100% accurate, but it's really damn close. I don't have 100% like that either.
@JohnRivs He's currently using the Material Theme
@Ruffles yeah.. that much i figured, since it's what it says on the repo.
I'm using material, with some of the settings found in that repo. In fact, at the time I switched to this theme, the Material color scheme was not like the one Jeffrey used, which is why the repo was created probably.
He'll probably change it soon so the videos match with the website's new colors :)
@JohnRivs Okay sweet. I decided to use the Space Grey theme for now.
The @JeffreyWay Theme from my repo is compiled from the Material Theme with syntax highlighting from the Facebook Theme. There are a few minor inconsistencies (mostly unnoticeable) compared to Jeff's, I just haven't made time to correct them.
Note: If anyone is having trouble installing it, please create an issue on the repo and I'd be glad to help out.
Please or to participate in this conversation.