追溯80年代的编程时光:SynthWave '84 VS Code 主题

追溯80年代的编程时光:SynthWave '84 VS Code 主题

synthwave-vscodeSynthwave inspired colour theme for VS Code 🌅🕶 项目地址:https://gitcode.com/gh_mirrors/sy/synthwave-vscode

Synthwave '84 标志与城市天际线

你还记得那遥远的1984年夏天吗?那个我们在海风中驰骋,怀揣着霓虹色梦想的日子?也许我们并不曾亲历那个时代,但借助这款实验性的VS Code主题,我们可以一同穿越到那里。

自v0.1.0版本起,无需额外扩展即可激活炫酷的发光效果!

霓虹闪烁的文字

这个色彩方案灵感源自现代Synthwave音乐乐队如FM-84, Timecop 1983和The Midnight的作品封面艺术,同时也深受杰出的复古风格艺术家James White作品的影响(他的作品非常值得一看)。

为什么选择SynthWave '84?

在如今充满着着Shader魔法、React和WebGL的世界里,我们或许会忘记,基础的东西其实同样令人惊叹。因此,这个主题回归了基本——没有Shader,没有云端渲染农场,只有简单的CSS。

安装与启用

首先,从VS Marketplace安装基础主题,这是日常使用Synthwave '84的方式。如果你想要开启80年代风格的发光效果,还需要一些额外的操作。

请注意,由于VS Code不原生支持文本效果,所以发光效果是实验性质的。可能会出现一些问题,虽然看起来很酷,但并不建议长时间使用。如果启用发光效果导致问题,你可以按照以下步骤禁用它。若无法正常打开VS Code,可以通过重新安装VS Code解决问题。

如果你决定启用发光效果,那么后果自负,请带上你的护目镜,这里可能有“激光龙”(风险提示)。

发光效果的启用与自定义

自v0.1.0版本后,不再需要外部扩展来激活发光效果。对于Windows用户,可能需要以管理员身份运行VS Code;对于Linux和Mac用户,需确保Code不在只读位置,并拥有写权限。

如果你在v0.1.0之前使用过Synthwave,可能已经通过Custom CSS and JS扩展启用了发光效果。在启用Neon Dreams前,需要先禁用旧方法。按Ctrl + Shift + PShift + ⌘ + P,选择“禁用自定义CSS和JS”。

要激活发光效果,先将活动颜色主题设置为Synthwave '84,因为v0.1.0版本的发光效果仅在基础主题下有效。通过命令面板(Ctrl + Shift + PShift + ⌘ + P)选择“启用Neon Dreams”,系统会提示重启,重启后霓虹灯光就亮起啦!

自定义发光亮度

settings.json中添加键:

"synthwave84.brightness": 0.45

值应为0到1之间的浮点数,其中0.0表示完全透明。默认亮度为0.45。为了避免眼睛疲劳,长时间使用时避免使用过高亮度。调整后需要重新执行激活功能才能看到变化。

启用编辑器界面更新,但关闭发光效果

settings.json中添加键:

"synthwave84.disableGlow": true

更改设置后,需要再次执行激活功能(同上)。

解除标题栏中的“损坏警告”和"[不受支持]"

因为启用发光会修改核心文件,VS Code会认为核心已“损坏”,并显示错误消息。你可以安全地忽略此消息,或者使用Fix VSCode Checksums扩展来移除此消息。

安装后,打开命令面板执行Fix Checksums: Apply,然后完全重启VSCode。

更新与卸载

每次更新VS Code后,都需要重复上述步骤来重新启用发光效果。如果想禁用发光,可以随时在命令面板中选择“禁用Neon Dreams”。

字体选择

本主题未包含字体,因为字体选择是非常个人化的偏好。图片中使用的字体是Fira Code,如果你喜欢连字,我推荐你使用这款字体。

兼容性

本主题仍在积极开发中。我主要使用HTML & CSS, JS, React和Elixir进行开发,这些语言集应该看起来不错,但对于其他语言可能存在问题。我会逐步增加更多支持。如果发现任何明显错误,请提出问题,我会尽快修复。

贡献

我非常欢迎对这个主题的任何贡献。在做出任何改变之前,请阅读贡献指南

致谢

如果没有Sarah Drasner在CSS tricks上的主题创建教程,我就无法制作出这款主题,向她致敬🙏。

也要感谢Wes Bos酷炫Cobalt2主题。他的README帮我搞定了如何打包发布这个项目👍。

如果你觉得这个主题太过张扬,推荐试试更低调的HORIZON或是City Lights,它们同样有着复古的韵味。

横幅城市天际线图像来自Unsplash


借助SynthWave '84,让我们在编程世界中体验一次80年代的复古旅程,感受那个充满霓虹色彩的时代魅力。立即尝试,让代码也闪耀起来!

synthwave-vscodeSynthwave inspired colour theme for VS Code 🌅🕶 项目地址:https://gitcode.com/gh_mirrors/sy/synthwave-vscode

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

萧桔格Wilbur

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值