ekocros.blogg.se - Column material peek

#Column material peek how to#
#Column material peek code#

textCodeBlock.background: Background color for code blocks in text.

textBlockQuote.border: Border color for block quotes in text.

textBlockQuote.background: Background color for block quotes in text.

window.inactiveBorder: Border color for the inactive (unfocused) windows.Ĭolors inside a text document, such as the welcome page.

window.activeBorder: Border color for the active (focused) window.

The theme colors for VS Code window border.

sash.hoverBorder: The hover border color for draggable sashes.

icon.foreground: The default color for icons in the workbench.

errorForeground: Overall foreground color for error messages (this color is only used if not overridden by a component).

descriptionForeground: Foreground color for description text providing additional information, for example for a label.

selection.background: Background color of text selections in the workbench (for input fields or text areas, does not apply to selections within the editor and the terminal).widget.shadow: Shadow color of widgets such as Find/Replace inside the editor.widget.border: Border 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.

#Column material peek 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.