welcomePage.tileBorder
welcome page tile border. Border color for the tiles on the Welcome page.
Group: Welcome page colors
Where welcome page tile border paints
This sample moves from #3c3c3c to #e8a317, then back.
welcome page tile border
Open a folder
How to change welcome page tile border color in Visual Studio Code
macOS
- Open settings.json. Press Shift+Command+P to open the Command Palette, then run Preferences: Open User Settings (JSON).
- Set this color id. Add welcome page tile border under workbench.colorCustomizations. Border color for the tiles on the Welcome page. Use a hex color such as #e8a317.
- Save the file. Press Command+S to save settings.json. Visual Studio Code applies the override on top of the active color theme. Remove the entry to use the theme color again.
Windows
Linux uses the same shortcuts.
- Open settings.json. Press Shift+Ctrl+P to open the Command Palette, then run Preferences: Open User Settings (JSON).
- Set this color id. Add welcome page tile border under workbench.colorCustomizations. Border color for the tiles on the Welcome page. Use a hex color such as #e8a317.
- Save the file. Press Ctrl+S to save settings.json. Visual Studio Code applies the override on top of the active color theme. Remove the entry to use the theme color again.
{
"workbench.colorCustomizations": {
"welcomePage.tileBorder": "#e8a317"
}
}Other Welcome page colors
- welcomePage.background
Background color for the Welcome page.
- welcomePage.progress.background
Foreground color for the Welcome page progress bars.
- welcomePage.progress.foreground
Background color for the Welcome page progress bars.
- welcomePage.tileBackground
Background color for the tiles on the Welcome page.
- welcomePage.tileHoverBackground
Hover background color for the tiles on the Welcome page.
- walkThrough.embeddedEditorBackground
Background color for the embedded editors on the Interactive Playground.
- walkthrough.stepTitle.foreground
Foreground color of the heading of each walkthrough step.