Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

amnweb/SpaceBox-UI-Enhancer

Open more actions menu

Repository files navigation

SpaceBox UI

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.

Features

  • Better activity bar
  • Acrylic menu
  • Animation
  • More features coming soon

Installation

  1. Open Visual Studio Code
  2. Go to the Extensions view (Ctrl+Shift+X)
  3. Search for "SpaceBox UI Enhancer"
  4. Click on the Install button

Activation

  1. Open Visual Studio Code
  2. Go to the Command Palette (Ctrl+Shift+P)
  3. Type "SpaceBox Enable UI Enhancer"
  4. Restart

Blur Effect

  1. Open settings.json or go to extension settings.
  2. For menu and popups set "spacebox-ui.blurEffect": true
  3. For command center "spacebox-ui.commandCenterBlur": true
  4. Type "SpaceBox Enable UI Enhancer"
  5. Restart

Import custom style

  1. Open extension settings page.
  2. In the Import CSS filed type path for your css, example C:\Users\xxx\.vscode\style.css
  3. Type "SpaceBox Enable UI Enhancer"
  4. Restart

Deactivation

  1. Open Visual Studio Code
  2. Go to the Command Palette (Ctrl+Shift+P)
  3. Type "SpaceBox Disable UI Enhancer"
  4. Restart

Update

  1. Update
  2. Deactivate and Activate from Command Palette

Note: In the future, I will make this automatic.

How to change color

If you want to have a blur effect, you need to change the color 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
        "quickInput.background": "#10151d10", //command center
        "editorHoverWidget.background": "#10151d10" //background color of the editor hover widget
	}

Demo

demo

Marketplace

You can download the extension from the Visual Studio Code marketplace: SpaceBox UI Enhancer

About

Experience enhanced customization of VSCode UI, featuring animations, blur effects, and more.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
Morty Proxy This is a proxified and sanitized view of the page, visit original site.