https://github.com/amnweb/blur-menu-vscode
Enhance your UI experience by applying a blur effect to the menu with this extension
https://github.com/amnweb/blur-menu-vscode
blur vscode vscode-extension
Last synced: 4 months ago
JSON representation
Enhance your UI experience by applying a blur effect to the menu with this extension
- Host: GitHub
- URL: https://github.com/amnweb/blur-menu-vscode
- Owner: amnweb
- License: mit
- Archived: true
- Created: 2023-12-16T23:49:37.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-22T22:07:18.000Z (over 1 year ago)
- Last Synced: 2024-10-27T23:35:30.040Z (over 1 year ago)
- Topics: blur, vscode, vscode-extension
- Language: JavaScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=Gaga-Dev.blur-menu
- Size: 11.9 MB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Blur Menu Extension
Enhance your UI experience by applying a blur effect to the menu with this extension.
## Usage Instructions
### Installation Steps
1. Activate the command palette using `Ctrl + Shift + P`.
2. Type "Blur Menu - Enable Blur" and select it.
3. Input the desired blur level (16 is recommended).
4. (Optional) Enable animations in VSCode
5. Restart Visual Studio Code to apply changes.
6. Navigate to `settings.json` in VS Code.
7. Incorporate the following transparency settings for your theme:
```json
"workbench.colorCustomizations": {
"menu.background": "#2e333b70", //context menu
"menu.selectionBackground": "#4247509a", //context menu hover
"editorWidget.background": "#51586320", //widget and tooltip
"quickInput.background": "#2e333b00", //command center drop down menu
"notifications.background": "#29303bd7", //Notification background color.
}
```
> **Tip:** The above configuration is tailored for the [Dreamweaver Dark Theme](https://marketplace.visualstudio.com/items?itemName=Gaga-Dev.dreamweaver-dark-theme) you can setup color for your theme as you like.
### Removal Process
1. Open the command palette with `Ctrl + Shift + P`.
2. Search and execute "Blur Menu - Disable & Restore setting".
3. Restart VS Code to revert to default settings.
## Preview
