js增加透明css样式,如何配置透明发光的骚气 vscode

1 安装自定义 JS 和 CSS 插件

2 安装发光主题

3 添加样式配置文件

在 VSCode 安装目录(自己随便选择一个文件夹也可以)，放入以下文件。为了方便下载，文件整理到了 Github-Jinkeycode/vscode-transparent-glow，欢迎 star。

enable-electron-vibrancy.js 开启 electron 透明支持

Js中文网 – 前端进阶资源教程 www.javascriptC.com,typescript 中文文档

一个帮助开发者成长的社区，你想要的，在这里都能找到

vscode-vibrancy-style.css

synthwave84.css 文字发光样式，样式请在 Github 获取。如果要不发光的，可以使用 synthwave84-noglow.css。可以 watch github.com/robb0wen/sy… 保持更新通知。

toolbar.css 引入以上大神的样式配置之后，左边导航栏有部分标题还是未透明状态，我自己修改了配置，引入即可。

terminal.css 使 vscode 内置的终端透明

终端光标颜色修改，由@manonloki 提供

4 修改 VSCode 配置文件

点击上图在 setting.json 中编辑，打开后加入配置(不需要大括号，直接把 key-value 加入原有 json 即可)：

5 重加载

按下 Ctrl + Shift + P，运行 “Reload Custom CSS and JS”, 重启 vscode 即可。如果提示VSCode 已经损坏，选择右上角齿轮“不再提示”即可。

部分电脑提示 reload 失败的，请以管理员模式运动 vscode

6 总结

成品效果如图，不懂的可以加小助手微信 udujjb 拉你进群询问

以上教程是基于 MacOS 的，Linux 用户如何开启透明请参考；Windows 的electron暂不支持vibrancy模式，可以使用插件 GlassIt-VSC 设置透明。

Windows 只能透明 + 发光

一、安装插件：

1.SynthWave ’84

2.Custom CSS and JS

3.GlassIt-VSC

二、下载配置文件(两个方法二选一)：

三、修改vscode的配置文件setting.json(在setting.json文件中加入下面代码):

Js中文网 – 前端进阶资源教程 www.javascriptC.com,typescript 中文文档

一个帮助开发者成长的社区，你想要的，在这里都能找到

“……………/Code/User/vscode-transparent-glow-master/”这个替换成你步骤二中下载到的文件所在位置

四、使配置生效按下 Ctrl + Shift + P，运行 “Reload Custom CSS and JS”, 重启 vscode 即可。

原文链接：https://jinkey.ai/post/tech/ru-he-pei-zhi-tou-ming-fa-guang-de-sao-qi-vscode

原文标题：如何配置透明发光的骚气 vscode - Js中文网 · 前端进阶资源教程

js增加透明css样式,如何配置透明发光的骚气 vscode相关推荐

JS添加/修改CSS样式
JS添加/修改CSS样式是通过.style.xxxx属性=值来实现的,记得是等号赋值. document.getElementById("xx").style.xxx=xxxxx; ...
如何通过js改变css样式,如何通过JS 动态改变CSS样式
如何通过JS 动态改变CSS样式0 豆豆dou...2013.09.15浏览640次分享举报 .TLIWREGION3CSS { position:absolute; left:32px; top:4 ...
js 设置html标签样式表,js怎么设置css样式？
js怎么设置css样式?本篇文章就给大家介绍js设置css样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 1.直接设置style对象(内联样式) 使用JavaScript ...
js函数改变html样式,js可以改css样式吗？
js可以改css样式.在很多情况下,都需要对网页上元素的样式进行动态的修改:而JavaScript可以动态的修改样式.下面本篇文章就来给大家介绍几种JavaScript中修改CSS样式的方法,希望对大 ...
JS获取元素CSS样式
获取元素CSS样式的方法说到在js里修改css样式的属性,我第一个想的是.style属性.然后去具体的修改字体的样式,背景颜色等样式,最近在做一个练习的时候涉及到了这部分的知识. 一·首先style ...
css样式不透明,css属性transparent不透明问题解析
本文章来给各位同学介绍一下关于css属性transparent不透明问题解析,如果你碰到transparent有时候并不是透明的话可参考此方法来解决. 透明往往能产生不错的网页视觉效果,先奉上兼容主流 ...
用JS查看修改CSS样式（cssText,attribute('style'),currentStyle,getComputedStyle）
CSS样式定义方法大家都知道,在为HTML设置样式的时候,通常有三种方法:内联样式,内部样式表,外部样式表. 1.内联样式: 内联样式表就是在HTML元素中的行内直接添加style属性. 1 < ...
实现js动态设置css样式，js动态设置全局样式主题色
需求: 1.设置一个全局的样式 2. 样式是需要动态改变的,改变的内容是通过请求后台接口获取的,因此需要js能够对css进行改变实现: 或许你可能不相信,代码只需要几行 js代码: // 设置主题色 ...
JS如何设置CSS样式？
转自:微点阅读 https://www.weidianyuedu.com 用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性某些情况用这个设置 !important值 ...

js增加透明css样式,如何配置透明发光的骚气 vscode

js增加透明css样式,如何配置透明发光的骚气 vscode相关推荐

最新文章

热门文章