Home > database >  how can I change the outline icons in vscode to something colorless?
how can I change the outline icons in vscode to something colorless?

Time:01-25

enter image description here

I'd like all the outline view/window icons (clarification: not the file icons, the stuff under "outline") to be colorless in vscode, but I can't find any themes with different and/or colorless outline icons. Is it possible to go into the vscode settings and change the icon files manually? Ie. change json settings, run a script on the file(s) to change all color codes to white or something like that?

Edit: re answer below file-icons colorless does not replace the outline icons :(

enter image description here

CodePudding user response:

If you do not have a colorless icon set that you want to use:

Use the file-icons VSCode extension and select File Icons (Colourless).


If you do have colorless icons that you want to use, you can use your own icon files with the vscode-icons VSCode extension.

From the vscode-icons wiki:

  1. Create a folder called vsicons-custom-icons
  2. Place the folder in one of the following locations (depending on your OS):
  • Windows: C:\Users\<your_user>\AppData\Roaming\<Code Folder>\User\vsicons-custom-icons
  • Linux: /home/<your_user>/.config/<Code Folder>/User/vsicons-custom-icons
  • Mac: /Users/<your_user>/Library/Application Support/<Code Folder>/User/vsicons-custom-icons

CodePudding user response:

I see from the comments of your question you were able to find a solution. For others' reference:

You need to update settings.json to include the color updates you want to make for the variables listed here: https://code.visualstudio.com/api/references/theme-color#symbol-icons-colors under the workbench.colorCustomizations object.

e.g.,

// settings.json
"workbench.colorCustomizations": {
    "symbolIcon.variableForeground": "#a8a8a8",
    "symbolIcon.arrayForeground": "#a8a8a8",
    "symbolIcon.booleanForeground": "#a8a8a8",
    "symbolIcon.classForeground": "#a8a8a8",
    "symbolIcon.colorForeground": "#a8a8a8",
    "symbolIcon.constantForeground": "#a8a8a8"
    ...
    ...
},
  •  Tags:  
  • Related