visual studio code editor background color

#Visual studio code editor background color how to

widget.shadow: Shadow color of widgets such as Find/Replace inside the editor.

This color is only used if not overridden by a component.

disabledForeground: Overall foreground for disabled elements.

focusBorder: Overall border color for focused elements.

contrastBorder: An extra border around elements to separate them from others for greater contrast.

contrastActiveBorder: An extra border around active elements to separate them from others for greater contrast.

If set, they add an additional border around items across the UI to increase the contrast. The contrast colors are typically only set for high contrast themes. Check the color descriptions to see to which colors this applies. Some colors should not be opaque in order to not cover other annotations. If alpha is set to 00, the color is fully transparent. If no alpha value is defined, it defaults to ff (opaque, no transparency). For example #e35f is the same color as #ee3355ff. The three-digit notation ( #RGB) is a shorter version of the six-digit form ( #RRGGBB) and the four-digit RGB notation ( #RGBA) is a shorter version of the eight-digit form ( #RRGGBBAA). R (red), G (green), B (blue), and A (alpha) are hexadecimal characters (0-9, a-f or A-F). As format, the following hexadecimal notations are supported: #RGB, #RGBA, #RRGGBB and #RRGGBBAA.

Color formatsĬolor values can be defined in the RGB color model with an alpha channel for transparency. Theme colors are available as CSS variables in webviews, and an extension is available which provides IntelliSense for them.

#Visual studio code editor background color how to

Note: If you want to use an existing color theme, see Color Themes where you'll learn how to set the active color theme through the Preferences: Color Theme dropdown ( ⌘K ⌘T (Windows, Linux Ctrl+K Ctrl+T)).

You can customize your active Visual Studio Code color theme with the lorCustomizations user setting.