怎样设置通明发光的骚气 vscode —— Jinkey 原创

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

转载请说明出处

1 装置自定义 JS 和 CSS 插件

《怎样设置通明发光的骚气 vscode —— Jinkey 原创》

2 装置发光主题

《怎样设置通明发光的骚气 vscode —— Jinkey 原创》

3 增加款式设置文件

在 VSCode 装置目次(本身随意挑选一个文件夹也能够),放入以下文件。
为了轻易下载,文件整顿到了 Github-Jinkeycode/vscode-transparent-glow,迎接 star。

enable-electron-vibrancy.js
开启 electron 通明支撑
《怎样设置通明发光的骚气 vscode —— Jinkey 原创》

vscode-vibrancy-style.css
《怎样设置通明发光的骚气 vscode —— Jinkey 原创》

synthwave84.css
笔墨发光款式,款式请在 Github 猎取。假如要不发光的,能够运用 synthwave84-noglow.css。能够 watch https://github.com/robb0wen/synthwave-vscode 坚持更新关照。

toolbar.css
引入以上大神的款式设置以后,左侧导航栏有部份题目照样未通明状况,我本身修正了设置,引入即可。
《怎样设置通明发光的骚气 vscode —— Jinkey 原创》

4 修正 VSCode 设置文件

《怎样设置通明发光的骚气 vscode —— Jinkey 原创》
点击上图 在 setting.json 中编辑,翻开后到场设置(不需要大括号,直接把 key-value 到场原有 json 即可):
《怎样设置通明发光的骚气 vscode —— Jinkey 原创》

5 重加载

按下 Ctrl + Shift + P,运转 “Reload Custom CSS and JS”, 重启 vscode 即可。假如提醒VSCode 已破坏,挑选右上角齿轮“不再提醒”即可。

6 总结

制品结果如图,不懂的能够加小助手微信 udujjb 拉你进群讯问
《怎样设置通明发光的骚气 vscode —— Jinkey 原创》

以上教程是基于 MacOS 的,Linux 用户怎样开启通明请参考,Windows 的electron暂不支撑vibrancy形式。
Custom CSS and JS Loader 设置
Linux 通明窗口

    原文作者:Jinkey
    原文地址: https://segmentfault.com/a/1190000019192091
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞