# Visual Studio Code Extension - Vibrancy Continued
> The original extension has been deprecated, this version will continue to be supported and receive community updates.
> Windows 10 users may have a slight mouse lag when moving the window, [please read here for details](https://github.com/EYHN/vscode-vibrancy/discussions/80).
> For questions about installation and uninstallation, please read [FAQs](#FAQs).
Enable Acrylic/Glass effect in VS Code.
![screenshot](./screenshot.png)
[![](https://vsmarketplacebadges.dev/version/illixion.vscode-vibrancy-continued.png)](https://marketplace.visualstudio.com/items?itemName=illixion.vscode-vibrancy-continued)
[![](https://vsmarketplacebadges.dev/rating-star/illixion.vscode-vibrancy-continued.png)](https://marketplace.visualstudio.com/items?itemName=illixion.vscode-vibrancy-continued)
[![](https://vsmarketplacebadges.dev/installs-short/illixion.vscode-vibrancy-continued.png)](https://marketplace.visualstudio.com/items?itemName=illixion.vscode-vibrancy-continued)
![](https://img.shields.io/badge/Vistual%20Studio%20Code%20v1.70.2-Tested%20%E2%9C%94%EF%B8%8F-brightgreen?logo=Visual-Studio-Code&logoColor=ffffff)
[![](https://img.shields.io/github/stars/illixion/vscode-vibrancy-continued.svg?style=social)](https://github.com/illixion/vscode-vibrancy-continued)
[![](https://img.shields.io/github/watchers/illixion/vscode-vibrancy-continued.svg?style=social)](https://github.com/illixion/vscode-vibrancy-continued)
Links: [GitHub](https://github.com/illixion/vscode-vibrancy-continued) | [Visual Studio Code Marketplace](https://marketplace.visualstudio.com/items?itemName=illixion.vscode-vibrancy-continued) | [issues](https://github.com/illixion/vscode-vibrancy-continued/issues)
[中文教程 (Chinese README)](https://eyhn.in/vscode-vibrancy/)
# Warning
This extension works by editing VS Code's checksum-verified CSS file, which means that a warning prompt will appear after installing and enabling `vscode-vibrancy-continued`. This warning is safe to disregard, and all changes can be reverted. Click on the cogwheel and select **Don't Show Again** to hide it.
![screenshot](./warn.png)
![screenshot](./warnfix.png)
To fix the "[Unsupported]" warning on VS Code's title bar, please refer to this extension: [Fix VSCode Checksums](https://marketplace.visualstudio.com/items?itemName=lehni.vscode-fix-checksums).
# Supported Operating Systems
Windows 11 ✔
Windows 10 ✔
MacOS ✔
# Getting Started
1. Make sure the color theme you selected is the 'Dark+ (default)'
![step-1](./step-1.png)
2. Install this extension from [the Visual Studio Code Marketplace](https://marketplace.visualstudio.com/items?itemName=illixion.vscode-vibrancy-continued).
3. Press F1 and Activate command "Reload Vibrancy".
![step-3](./step-3.png)
4. Restart.
Every time after VS Code is updated, please re-enable Vibrancy.
## Options
#### vscode_vibrancy.type
Native method of Vibrancy Effect.
* auto : Automatically switch with system version.
* acrylic : (Windows 10 only) Fluent Design blur.
* appearance-based, light, dark, titlebar, selection, menu, popover, sidebar, medium-light, ultra-dark: (MacOS only)
#### vscode_vibrancy.opacity
Opacity of Vibrancy Effect.
*value: 0.0 ~ 1*
#### vscode_vibrancy.preventFlash
Use an alternative method to prevent window flashing when resizing. Eliminates the need for a refresh interval, but may be less compatible in some cases.
*boolean, default is true*
#### vscode_vibrancy.refreshInterval
Refresh interval (in milliseconds) for making the background transparent after window resizing. Lower values make the update less visible at the cost of increased CPU utilization. Ignored when using "Prevent Flash" method.
*value: 1 ~ 1000, default is 10*
#### vscode_vibrancy.theme
Select Vibrancy theme:
* Default Dark
* Dark (Only Subbar)
* Default Light
* Light (Only Subbar)
* Noir et blanc
* Tokyo Night Storm
* Tokyo Night Storm (Outer)
* Solarized Dark+
| Theme | Screenshot |
| ---- | ---- |
| Default Dark | ![](./theme-default.jpg) |
| Dark (Only Subbar) | ![](./theme-subbar.jpg) |
| Noir et blanc | ![](./theme-noir-et-blanc.jpg) |
| Tokyo Night Storm | ![](./theme-tokyo-night-storm.png) |
| Tokyo Night Storm (Only Subbar) | ![](./theme-tokyo-night-storm-outer.png) |
| Solarized Dark+ (with theme: [Solarized](https://marketplace.visualstudio.com/items?itemName=ryanolsonx.solarized)) | ![](./theme-solarized-dark%2B.png)
> You can contribute more themes! [see here](https://github.com/illixion/vscode-vibrancy-continued/tree/master/themes).
#### vscode_vibrancy.imports
Import CSS/JS files, as file paths.
EXAMPLE: `C:/Users/MyUserName/Documents/custom.css`
*value: array[]*
# FAQs
### How to uninstall Vibrancy?
Press F1 or ⌘+Shift+P and activate command "Disable Vibrancy", then restart Visual Studio Code.
### Effect doesn't work for terminal?
Check your settings. You should change the renderer type of the terminal to dom.
`"terminal.integrated.gpuAcceleration": "off"`
### Prompt "Run Visual Studio Code with administrator privileges"?
It usually appears on windows when you are using the VSCode System Installer. You should close VSCode completely, then run VSCode as administrator and retry what you did before (Enable/Reload/Disable Vibrancy).
### VSCode window loses transparency for a brief moment after resizing
This is caused by VSCode refreshing the background color whenever a repaint is triggered, for example when resizing the window or closing side panes.
You can update the `vibrancy_code.refreshInterval` config variable to change how quickly the background will be changed back to be transparent, with 1ms being imperceptible. Please note that values lower than 10ms will cause a noticeable increase in CPU usage.
# Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
# License
Distributed under the MIT License. See `LICENSE.txt` for more information.
## Thanks ⭐
[EYHN](https://github.com/EYHN) : for making the original extension that this is a fork of
[be5invis/vscode-custom-css](https://github.com/be5invis/vscode-custom-css) : The basis of this extension program
[DIYgod](https://github.com/microsoft/vscode/issues/32257#issuecomment-509936623) : Fix issues with VSCode 1.36
没有合适的资源?快使用搜索试试~ 我知道了~
为您的VS代码启用亚克力玻璃效果_JavaScript_C++_下载.zip
共62个文件
json:15个
png:12个
js:10个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 191 浏览量
2023-05-01
20:50:27
上传
评论
收藏 11.59MB ZIP 举报
温馨提示
为您的VS代码启用亚克力玻璃效果_JavaScript_C++_下载.zip
资源推荐
资源详情
资源评论
收起资源包目录
为您的VS代码启用亚克力玻璃效果_JavaScript_C++_下载.zip (62个子文件)
vscode-vibrancy-continued-master
extension
i18n.js 678B
platform.js 218B
index.js 14KB
.vscodeignore 14B
native
displayconfig.cc 41KB
vibrancy.cc 4KB
step-1.png 60KB
package.nls.json 3KB
.github
ISSUE_TEMPLATE
feature_request.yml 1KB
bug_report.yml 2KB
theme-tokyo-night-storm-outer.png 945KB
LICENSE.txt 1KB
changelog.md 4KB
theme-noir-et-blanc.jpg 307KB
theme-subbar.jpg 43KB
theme-default.jpg 38KB
warn.png 101KB
package.nls.ja.json 3KB
screenshot.png 626KB
package.json 4KB
themes
Dark (Only Subbar).json 183B
Light (Only Subbar).json 187B
Default Dark.css 3KB
Tokyo Night Storm (Outer).json 182B
Default Dark.json 183B
Noir et blanc.json 197B
Dark (Exclude Tab Line).json 183B
Default Light.css 4KB
Noir et blanc.css 7KB
Dark (Exclude Tab Line).css 2KB
Tokyo Night Storm.css 3KB
Solarized Dark+.css 3KB
Tokyo Night Storm (Outer).css 1KB
Tokyo Night Storm.json 188B
Solarized Dark+.json 185B
Default Light.json 186B
Dark (Only Subbar).css 275B
Light (Only Subbar).css 754B
step-3.png 12KB
theme-solarized-dark+.jpg 1.29MB
package-lock.json 74KB
runtime
displayconfig.js 21KB
displayconfig.node 649KB
vibrancy.js 66B
index.js 5KB
methods
interval.js 1KB
overwrite.js 286B
index.js 121B
vibrancy.node 568KB
win10refresh.js 10KB
warnfix.png 110KB
binding.gyp 821B
theme-noir-et-blanc.png 2.2MB
theme-solarized-dark+.png 1.29MB
.gitignore 85B
images
logo.png 68KB
nls-schema.json 4KB
theme-tokyo-night-storm.png 1.06MB
README.md 7KB
package.nls.zh-CN.json 3KB
theme-default.png 2.1MB
theme-subbar.png 1.07MB
共 62 条
- 1
资源评论
快撑死的鱼
- 粉丝: 1w+
- 资源: 9154
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功