SpaceBox-UI-Enhancer
A simple and lightweight UI enhancer for VSCode, providing enhanced customization of the VSCode UI. Features animations, blur effects, and more. Works best with the SpaceBox Theme.
[!NOTE]
"Some features are disabled because of VS Code bugs. Blur does not work for now. This extension uses backdrop-filter for blurring menus, while VSCode has some strange bugs and incompatibility with backdrop filter, I decided to disable this function for now. Here is what happened with font in editor and UI when backdrop filter is inside VSCode. This bug has already been reported; I hope they will fix it soon."
Features
- Better activity bar
- Acrylic menu
- Animation
- More features coming soon
Installation
- Open Visual Studio Code
- Go to the Extensions view (
Ctrl+Shift+X
)
- Search for "SpaceBox UI Enhancer"
- Click on the Install button
Activation
- Open Visual Studio Code
- Go to the Command Palette (
Ctrl+Shift+P
)
- Type "SpaceBox Enable UI Enhancer"
- Restart
Deactivation
- Open Visual Studio Code
- Go to the Command Palette (
Ctrl+Shift+P
)
- Type "SpaceBox Disable UI Enhancer"
- Restart
Update
- Update
- Deactivate and Activate from Command Palette
Note: In the future, I will make this automatic.
How to chnage color
You can change your color easily, go to vscode settings.json and define the color you like, example
"workbench.colorCustomizations": {
"menu.background": "#262c3670", //menu background
"menu.selectionBackground": "#3e465377", //menu hover background
"menu.separatorBackground": "#3e434d9f" //menu separator line color
}
Demo
You need to add transparent color to get an acrylic effect, menu.background will be applied to other UI elements as well.
Marketplace
You can download the extension from the Visual Studio Code marketplace: SpaceBox UI Enhancer