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

Visual Studio Code – How to change the color of folded lines?

Right now, it is a faint blueish, which is hard to see with my current settings. I tried searching for it manually in the JSON file but nothing so far. Is there any way to change the default color?

image to code editor

Tags:

2

Answers


  1. 0

    If you mean the background of the folded up code line, you can set editor.foldBackground like so:

    "workbench.colorCustomizations": {
    "editor.foldBackground": "#ff0000"
  }

    In the above sample code, I made it a bright red:

    example of bright red folded color background

    Alternatively, if you want to limit it to a specific theme, you can do the following:

    "workbench.colorCustomizations": {
    "[Default Dark+]": { //specify the theme
    "editor.foldBackground": "#ff0000"
    }
  }
    Login or Signup to reply.
  2. 0

    You can modify the code folding color in Visual Studio Code by customizing your theme’s settings. Follow these steps:

    1. Access User Settings:

      • Open Visual Studio Code.
      • Go to File > Preferences > Settings (or use the shortcut Ctrl+, or Cmd+, on Mac).

    2. Open Settings JSON:

      • Click on the {} icon in the top right corner of the Settings tab to open the settings.json file.

    3. Add Customization:

      • In the settings.json file, add or modify the following settings to change the code folding color. Here’s an example of how you might do this:
      "editor.foldBackground": "#YourDesiredColor"

    Replace #YourDesiredColor with the HEX code or color name of your preferred color. For instance, "#FF0000" would set the color to red.

    1. Save Changes:

      • Save the settings.json file by either using Ctrl+S (Windows/Linux) or Cmd+S (Mac).

    2. Review Changes:

      • Close and reopen any open editor windows in VS Code to apply the changes.

    This modification should change the color used for code folding in your Visual Studio Code editor according to your preferences. If the color doesn’t update immediately, try restarting Visual Studio Code for the changes to take effect.

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

Back To Top
Search