DEV Community

Discussion on: Top 10 VS Code Themes

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.