Question 130021 in Visual Studio Code Question posted in
View the official documentation.

Visual Studio Code – How can I change the start theme color of VS Code?

I know that I can customize the styles as per the documentation. I want to change the part that has the vscode logo.

However, I have not been able to change this view (the one you get if you close all editor tabs / welcome page) in any way.

vscode start window screenshot

I tried all the configurations in the attached documentation, however, none of them worked.

Tags:

2

Answers


  1. 0

    It’s just editor.background. Ex.

    "workbench.colorCustomizations": {
    "editor.background": "#ffffff" // TODO choose a colour
    // haha I used white to burn off your eyeballs
}

    Note that this colour customization point applies to… well the (entire) editor.

    Login or Signup to reply.
  2. 0

    To change the theme color of VSCode, you need to:

    1. Open VSCode

    2. Press "Ctrl+Shift+P" on Windows or "Cmd+Shift+P" on Mac to open the Command Palette.

    3. Type "Open User Settings (JSON)" in the Command Palette and select it.
      It will reflect all visual studio code windows. If you want a specific project or workspace customization Type the "Open Workspace Settings (JSON)" option only shows if you have a workspace (Project)

    4. Add the following JSON code to the settings.json(Open User Settings (JSON)) file:

      "workbench.colorCustomizations": {
      "button.background": "your_color_code_here",
      "activityBar.background": "your_color_code_here",
      "dropdown.background":"your_color_code_here",
      }

    Replace "your_color_code_here" with the hexadecimal code of the color you want to set as the theme color. You can use any online color picker to get the hexadecimal code of your desired color.

    Open User Settings (JSON) settings.json

    (OR)

    If you want only the workspace or project Add the following JSON code to the settings.json(Open Workspace Settings (JSON)) file

      "workbench.colorCustomizations": {
   "button.background": "your_color_code_here",
    "activityBar.background": "your_color_code_here",
    "dropdown.background":"your_color_code_here",

    }

    Replace "your_color_code_here" with the hexadecimal code of the color you want to set as the theme color. You can use any online color picker to get the hexadecimal code of your desired color.

    Open Workspace Settings (JSON) settings.json

    1. Save the settings.json file

    Once you have followed these steps, the theme color of the VSCode should be changed to the color you specified in the settings.json file.

    VS Code Color Customization

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search