Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

stephanj's avatar

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

0 likes
12 replies
stephanj's avatar

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.

JohnRivs's avatar

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"
}
1 like
JohnRivs's avatar

@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:

stephanj's avatar

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.

  1. I assume you have installed Sublime Text 3.
  2. Navigate to Seti_UI and download the zip file under the Install heading.
  3. Unzip the file and rename to Seti_UI
  4. 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.
  5. Past the Seti_UI folder into this open window.
  6. In Sublime Text 3 select the following option: Preferences -> Settings - User
  7. 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.

  1. Restart Sublime Text 3 to see your icons
1 like
JohnRivs's avatar

@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.

davorminchorov's avatar

He'll probably change it soon so the videos match with the website's new colors :)

chrisburton's avatar

@JohnRivs @Ruffles @Twoopa

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.

1 like

Please or to participate in this conversation.