DEV Community

Discussion on: Top 10 VS Code Themes

Collapse
sndst00m profile image
SNDST00M: M.U.N.I.N • Edited on

My new theme dropped named Starfall. It's sorta a combination of Mirage, Nord, Material Palenight and One Dark.

Collapse
adarsh077 profile image
Adarsh Senghani

Which font family are you using?

Cool theme by the way.

Collapse
sndst00m profile image
SNDST00M: M.U.N.I.N

Jetbrains Mono!

Collapse
jmcelreavey profile image
John McElreavey

This looks amazing. I'm not at my computer at the moment to try it so apologies for asking but what colour does this make the file tab when there's errors / warnings? I like my current theme because it'll make them red when they have errors and green when I resolve them.

Collapse
sndst00m profile image
SNDST00M: M.U.N.I.N

In this theme, green is for added files in git when viewing the explorer and red is indeed for problem files in git generally. Though I'm fairly sure that green won't show up in the source control pane as there's the "Added" status

Collapse
whippingdot profile image
Sanjaay R.

hey the reason I don't chose any theme other than one dark pro is because they have no colors for variables. If you add a color for vairables I will use the theme, cause I just got bored of white variables and I absolutely hate it! I love your theme other than the fact that the variables don't have a color so unfortunately I won't use it for now but if you add colors for variables I will definately use it a lot!

Also which languages does this theme work for?

Collapse
sndst00m profile image
SNDST00M: M.U.N.I.N • Edited on

Add everything except the outer brackets to your settings.json:

{
  "editor.tokenColorCustomizations": {
    "[Starfall*]": {
      "textMateRules": [
        {
          "scope": [
              "variable.other.object",
              "variable.other.readwrite",
              "support.variable"
          ],
          "settings": {
            "foreground": "#ffcb6b"
          }
        }
      ]
    }
}
Enter fullscreen mode Exit fullscreen mode

Afaik it works for over 50 languages but I will set up a supported list soon™ - it's very extensive!

Thread Thread
whippingdot profile image
Sanjaay R. • Edited on

Afaik? Also you are not the author so how do you know how many languages it works for?

Also where do I add that snippet

Thread Thread
sndst00m profile image
SNDST00M: M.U.N.I.N

I most certainly am the author! The snippet gets added in settings.json, see stackoverflow.com/a/65909052/15764156

Thread Thread
whippingdot profile image
Sanjaay R. • Edited on

oh ok lol i saw a different name on my screen for the person who made the comment, sorry!

Also why don't you just make that change globally?

EDIT: It doesn't seem to work for my C++ file or my Python file. I think it is being overwritten by some CSS you have in the theme

Another thing - maybe add the syntax hylighting to code blocks in markdown files - the atom theme has that and it looks very nice

Thread Thread
sndst00m profile image
SNDST00M: M.U.N.I.N

Turns out it's as simple as this (again, remove the outer brackets if you have settings already):

{
  "editor.tokenColorCustomizations": {
    "[Starfall*]": {
      "variables": "#ffcb6b"
    }
  }
}
Enter fullscreen mode Exit fullscreen mode

I want to stay in line with Nord, One Dark and Material but you're welcome to use this snippet if it solves this.

Collapse
y1a2s3h4 profile image
Yash Purohit

does it have ligatures displaying like in Fira Code Font in this Font?

Collapse
sndst00m profile image
SNDST00M: M.U.N.I.N

The font is Jetbrains Mono and there should be a version with ligatures: jetbrains.com/lp/mono/

I don't apply italics to things other than markup, so the code ligatures won't be broken by my theme in your favorite ligature font! Of course you do have to enable ligatures in the VS Code settings

Thread Thread
y1a2s3h4 profile image
Yash Purohit

Oh thanks!