资讯专栏INFORMATION COLUMN

如何配置透明发光的骚气 vscode —— Jinkey 原创

番茄西红柿 / 2390人阅读

摘要:开启透明支持文字发光样式,样式请在获取。如果要不发光的,可以使用。可以保持更新通知。引入以上大神的样式配置之后,左边导航栏有部分标题还是未透明状态,我自己修改了配置,引入即可。如果提示已经损坏,选择右上角齿轮不再提示即可。

原文链接 jinkey.ai/post/tech/r… 转载请注明出处

1 安装自定义 JS 和 CSS 插件

2 安装发光主题

3 添加样式配置文件

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

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

vscode-vibrancy-style.css

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

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

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

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

.panel.integrated-terminal .xterm-cursor, .xterm-cursor-block { background: rgb(210, 0, 252) !important; }

4 修改 VSCode 配置文件

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

5 重加载

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

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

sudo code --user-data-dir="~/.vscode-root"

6 总结

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

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

Custom CSS and JS Loader 配置

Linux 透明窗口

Windows 只能透明 + 发光

一、安装插件:

1.SynthWave 84

2.Custom CSS and JS

3.GlassIt-VSC

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

1.git命令安装 git clone github.com/Jinkeycode/…

2.浏览器访问 codeload.github.com/Jinkeycode/…

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

"vscode_custom_css.imports":[ "file:///C:/Users/Administrator/AppData/Roaming/Code/User/vscode-transparent-glow-master/synthwave84.css", ]

"C:/Users/Administrator/AppData/Roaming/Code/User/vscode-transparent-glow-master/"这个替换成你步骤二中下载到的文件所在位置

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/7076.html

相关文章

  • 如何配置透明发光骚气 vscode —— Jinkey 原创

    摘要:开启透明支持文字发光样式,样式请在获取。如果要不发光的,可以使用。可以保持更新通知。引入以上大神的样式配置之后,左边导航栏有部分标题还是未透明状态,我自己修改了配置,引入即可。如果提示已经损坏,选择右上角齿轮不再提示即可。 原文链接 jinkey.ai/post/tech/r… 转载请注明出处 1 安装自定义 JS 和 CSS 插件 2 安装发光主题 showImg(https://us...

    tylin 评论0 收藏0
  • 如何配置透明发光骚气 vscode —— Jinkey 原创

    摘要:开启透明支持文字发光样式,样式请在获取。如果要不发光的,可以使用。引入以上大神的样式配置之后,左边导航栏有部分标题还是未透明状态,我自己修改了配置,引入即可。如果提示已经损坏,选择右上角齿轮不再提示即可。 原文链接 https://jinkey.ai/post/tech/ru-he-pei-zhi-tou-ming-fa-guang-de-sao-qi-vscode转载请注明出处 1 ...

    李文鹏 评论0 收藏0
  • [Jinkey 原创]震惊!iOS 系统居然自带悬浮窗口调试工具

    摘要:原文链接震惊系统居然自带悬浮窗口调试工具原创原文作者背景英文原文我写得这个并不是翻译而是用自己的理解重新表述这个功能,和原文内容有出入,有能力的可以查看英文原文。 原文链接 : 震惊!iOS 系统居然自带悬浮窗口调试工具 —— Jinkey 原创 原文作者 : Jinkey 1 背景 英文原文: http://ryanipete.com/blog/ios/swift/objective...

    Eirunye 评论0 收藏0
  • iOS 在 Xcode 中重命名项目名称填坑指南——Jinkey 原创

    摘要:但是我没遇到这个提示框,各位自行使用关闭工程这里,为我们做的其实就是把它自己的工程文件重命名了,并且修改了里面的配置信息。文件夹重命名直接点击名字重命名修改前修改后重连文件路径打开工程,妈蛋,发现好多标红的。并且修改文件大功告成 本文作者 Jinkey(微信公众号 jinkey-love,官网 https://jinkey.ai)原文链接 https://jinkey.ai/post/...

    fobnn 评论0 收藏0
  • 在腾讯云上搭建 Tensorflow for GPU 深度学习环境 —— Jinkey 原创

    摘要:登录之后,看看输入查看你的版本,企鹅云用的是所以教程的相关依赖我都会下载版本的下载依赖依赖可以直接通过下载到主机上,也可以先下载到本地再通过或上传。 原文链接 https://jinkey.ai/post/tech/z...本文作者 Jinkey(微信公众号 jinkey-love,官网 https://jinkey.ai)文章允许非篡改署名转载,删除或修改本段版权信息转载的,视为侵犯...

    wujl596 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<