A Windows 11 theme for VSCode. Based on be5invis’s vscode-customize-css.
Install this extension.
Restart Visual Studio Code with proper permission to modify itself:
Windows: Restart with Administrator Permission.
MacOS and Linux: See instructions below.
3 Open the command menu (ctrl+shift+p for Windows, command+shift+p for macOS), and then run Enable Windows 11 for VSCode
.
If you are using windows and would like to turn on background sampling,make sure to enable it like so:
"windows-11-vscode.enableBackground": true
If you would like to use dark mode, just add this setting in the user settings json file for VSCode
There are 5 theme options. light, dark, darkblue, green, and fuchsia. Here is how you would enable one.
"windows-11-vscode.theme": "dark"
Fuchsia currently uses The VSCode default light theme (Light+)
As you know to access the command palette and introduce commands you can use F1 (all OSes), Ctrl+Shift+P (Windows & Linux) or Cmd+Shift+P (OS X).
In Windows, make sure you run your Visual Studio Code in Administrator mode before enabling or disabling your custom style!
The extension would NOT work if Visual Studio Code cannot modify itself. The cases include:
You need to claim ownership on Visual Studio Code's installation directory, by running this command:
sudo chown -R $(whoami) $(which code)
sudo chown -R $(whoami) /usr/share/code
The placeholder <Path to Visual Studio Code>
means the path to VSCode installation. It is typically:
/Applications/Visual Studio Code.app/Contents/MacOS/Electron
, on MacOS;/Applications/Visual Studio Code - Insiders.app/Contents/MacOS/Electron
, on MacOS when using Insiders branch;/usr/share/code
, on most Linux;/usr/lib/code/
or /opt/visual-studio-code
on Arch Linux.Mac and Linux package managers may have customized installation path. Please double check your path is correct.
This extension modifies some Visual Studio Code files so use it at your own risk. Currently, this is not supported by the extension functionality that Visual Studio Code provides so this extension solves this issue by injecting code into:
electron-browser/index.html
.The extension will keep a copy of the original file in case something goes wrong. That's what the disable command will do for you.
As this extension modifies Visual Studio Code files, it will get disabled with every Visual Studio Code update. You will have to enable it again via the command palette.
Take into account that this extension is still in beta, so you may find some bugs while playing with it. Please, report them to the issues section of the Github's repo.