VSCode赛博朋克风主题🎈

Author Avatar
Amos
2019-05-04 14:24:12
👀

发现一个有点意思的赛博朋克风Visual Studio Code主题(还能发光🎇)

主题地址:SynthWave ‘84

👀 预览

VSCode


🙋‍ 如何安装

1、安装扩展 Custom CSS and JS Loader
2、安装扩展(主题) SynthWave '84
这一步主题就算安装好了,我们可以进入设置切换主题 SynthWave '84(变得骚里骚气)

切换主题


🎇 字体发光(灵魂所在)

按作者所说,VSCode本身不支持这种效果,所以这种效果还是实验性质的。
安装后VSCode也会弹出已损坏的消息,但不影响使用。
每次VSCode更新后都需要重新安装。


1、先在.vscode下找到synthwave84.css的文件位置(复制位置,保留备用)

我的位置是在:C:/Users/1(用户名)/.vscode/extensions/robbowen.synthwave-vscode-0.0.7/synthwave84.css


2、在VSCode设置中打开setting.json进行编辑

设置  setting.json


3、按照作者所说的方法填入setting.json(填入复制的位置,需要写file://)

位置

Mac:

{
    "vscode_custom_css.imports": [
        "file:///Users/{your username}/synthwave84.css"
    ]
}

Windows:

{
    "vscode_custom_css.imports": [
        "file:///C:/Users/{your username}/synthwave84.css"
    ]
}


4、启用自定义CSS(开启发光~)

打开命令 “ Ctrl + Shift + P “ 或者 “ Shift + ⌘ + P “ 选择 “ Enable Custom CSS and JS “ ,提示重启后将可以看见效果。
注意:每次更新VSCode时,都需要重复这个步骤来重新启用自定义CSS和JS。
启用


5、禁用发光效果

打开命令 “ Ctrl + Shift + P “ 或者 “ Shift + ⌘ + P “ 选择 “ Disable Custom CSS and JS “ ,提示重启后禁用。

转载请遵循 协议许可
本文所有内容严禁任何形式的盗用
本文作者:Amos Amos
本文链接:https://amoshk.top/2019050401/

评论
✒️ 支持 Markdown 格式
🖼️ 头像与邮箱绑定 Gravatar 服务
📬 邮箱能够收到回复提醒(可能会在垃圾箱内)