DEV Community

Discussion on: Top 10 VS Code Themes

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

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

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

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.