CODEWITHSUNDEEP
visual-studio-codeeditor
Luis Angel Rodríguez
Luis Angel Rodríguez

Reputation: 31

How can I change the style of the thick bar on the left in Visual Studio Code?

I want to change the style of my Visual Studio Code Editor to look like this: (with a thick bar on the left):

thick-bar-editor-color

Upvotes: 2

Views: 863

Answers (2)

AKUMA no ONI
AKUMA no ONI

Reputation: 11819

Since Local History was added in March, the settings for the SCM gutter decorations changed a tad bit. Bellow shows what the new decorations look like.

enter image description here

    /** @file "settings.json" */

    {
        "scm.diffDecorationsGutterAction": "diff",
        "scm.diffDecorationsGutterVisibility": "always",
        "scm.diffDecorationsGutterWidth": 4,
        "scm.diffDecorationsGutterPattern": {
            "added": true,
            "modified": true
        },
    }

Upvotes: 0

Luis Angel Rodríguez
Luis Angel Rodríguez

Reputation: 31

Answering my own question, it's only needed to set "scm.diffDecorations" in Visual Studio Code settings from "all" to "gutter". Reference: How can you disable Gutter Indicators in VS Code?

example-of-how-to-set-scm.diffDecorations-in-vscode

And useful documentation about the meaning of colors for gutter indicators in Visual Studio Code is here: https://vscode-docs.readthedocs.io/en/latest/editor/versioncontrol/#gutter-indicators

Upvotes: 1

Related Questions