VS Code introduced a new setting that lets you change the window border color. This setting is currently available only on Windows and isn’t supported on macOS or Linux.
Let’s see how to change the window border color 👇
📹 Prefer a video instead? I got you covered:
How to Change VS Code Window Border Color
- Press
CTRL+,(comma) to open the Settings - Search for
window.border
Here you can specify the color you want.
You can write colors in different formats, such as Hex, RGB, RBGA, HSL, HSLA, as well as named colors like purple, blue or red.
This is how the border looks with purple and with #4C50A9:
Good to Know
- If we enter an invalid value, the color will fall back to white:
2. Note that when you switch VS Code to fullscreen, the border color won’t be visible anymore.
3. Another thing to keep in mind is that this setting cannot be changed from the settings.json file, so it cannot be set per workspace. If you try to do it, you’ll see this error warning:
This setting has an application scope and can only be set in the settings file from the Default profile.
The VS Code team announced that they’re working on this support.
That’s it for this post! 😻
Go ahead and try it out to make your editor look just the way you like!
Happy coding 💜
Let me know what you think about this article in the comments section below.
If you find this article helpful, please share it with others and subscribe to the blog to support me, and receive a bi-monthly-ish e-mail notification on my latest articles.