最近一直在 VSCode 上刷 LeetCode 题目,写久了感觉界面有点沉闷,决定找一个酷炫的主题来醒目一下。

结果在 GitHub 上找到一个令人纸醉金迷的 VSCode 主题,GitHubDaily 还着重推荐过,微博上的留言纷纷表示这也太骚气了。

来源于 GitHubDaily 微博评论

这个主题是怎么样一个骚包的主题呢,请看!

作者设计这套配色方案的灵感来源于——复古( 80 年代)艺术作品(如 FM-84,Timecop 1983 和 The Midnight),通过 css 实现,有发光版和不发光版。

如果你觉得喜欢,可以按照下面的简单几个步骤就能安装成功。

安装 SynthWave '84

1.在 VSCode 扩展商店中搜索“ SynthWave '84 ”,点击安装

2.点击“Code”-->“首选项”-->“颜色主题”-->“SynthWave '84”

安装配置

在 VSCode 扩展商店中搜索“Custom CSS and JS Loader”,这个插件用于加载自定义的 CSS 或 JS 文件,点击安装

在 GitHub(https://github.com/robb0wen/synthwave-vscode)下载 synthwave84.css 或 synthwave84-noglow.css 文件。

打开“Code”-->“首选项”-->“设置”-->“settings.json”


//文件路径改为 synthwave84.css 文件所在路径
{
  "vscode_custom_css.imports": [
    "file:///Users/{your username}/synthwave84.css"
    ]
}

打开命令面板( Ctrl + Shift + P 或 Shift + ⌘ + P),找到 “Enable Custom CSS and JS” ,启用 Custom CSS and JS Loader插件,重启 VSCode,完成安装。

这就完成了霓虹灯主题的安装,感兴趣的小伙伴可以按步骤安装体验一下。



©著作权归作者所有:来自51CTO博客作者mb5fe18fab305a5的原创作品,如需转载,请注明出处,否则将追究法律责任

更多相关文章

  1. linux文件目录结构汇总!Linux学习
  2. rsync和sersync实时同步文件
  3. 6、用户身份与文件权限
  4. 7、文件系统与磁盘划分
  5. 还在吐槽 Jupyter Notebook 的默认风格? 其实你可以更换一个更酷
  6. spring boot 上传文件到指定目录
  7. 创建第一个".py" 和 ".ipynb" 文件
  8. Python办公自动化|批量处理文件,一学就会
  9. JDBC自定义工具类(properties配置文件方式)

随机推荐

  1. 2021.1.14
  2. Android屏幕截图之View方法
  3. CSS Feature Query
  4. 定制替换Android桌面
  5. JDK10都发布了,nio你了解多少?
  6. 你不知道的,Java代码性能优化的 40+ 细节,
  7. [置顶] android利用zbar二维码扫描-(解决
  8. 还是初识
  9. X-Ray检测Android设备Root漏洞过程分析
  10. 源码实战 | 本地可跑,上线就崩?慌了!