CODEWITHSUNDEEP
node.jsvisual-studio-codeworkspace
Zeyad Shaban
Zeyad Shaban

Reputation: 1016

VSCode different Theme setting for each project in a WorkSpace

When I build backend and frontend with the same language, JavaScript, I find it very hard to distinguish between both. Is there any way to have different themes for each project in the workspace? for example change the file association for the frontend to show React logo instead of the default JavaScript logo (I use Material Icon Theme)

"material-icon-theme.files.associations": {
        "*.js": "react"
        // HOW CAN I MAKE THIS APPLY FOR THE FRONTEND PROJECT ONLY?
    },

using the .jsx for frontend is not a good option as it will require extra work when importing things, also not all of my frontend files uses React.js. And I will lose a lot of snippets.

Upvotes: 3

Views: 1713

Answers (3)

rioV8
rioV8

Reputation: 28663

I have written the extension When File that allows you to change workbench colors based on the file path.

Read the extension page for the possible use cases.

An example if you have one folder open in VSC

  "whenFile.change": {
    "/server/": {
      "workbenchColor": {
        "activityBar.background": "#509050"
      }
    },
    "/client/": {
      "workbenchColor": {
        "activityBar.background": "#905080"
      }
    }
  }

Upvotes: 2

kulbir134
kulbir134

Reputation: 9

Give a try to Peacock theme. It gives different color to each vscode instance. https://github.com/johnpapa/vscode-peacock

Upvotes: 1

Rajath Rao - Software Engineer
Rajath Rao - Software Engineer

Reputation: 1177

You could Try Using VS Code Color Themes.

https://code.visualstudio.com/docs/getstarted/themes

Upvotes: 0

Related Questions