SynthWave '84 - 让您的VS Code充满80年代的霓虹梦想

您是否还记得那个无尽的1984年夏天？沿着海滨高速公路行驶，敞篷车顶，风吹动着我们的头发，脑海中充满了霓虹的梦想？

不，我也不记得，但通过这个实验性的主题，我们可以回到那个年代。

从v0.1.0版本开始，无需外部扩展即可激活发光效果！

这个色彩方案受到现代Synthwave乐队如FM-84、Timecop 1983和The Midnight的音乐和封面艺术的影响。由此，我还从James White的优秀复古艺术作品中汲取了大量灵感（一定要看看他的作品，非常棒）。

但...为什么？

我是在80年代长大的，但对于我童年的80年代美学，我在青少年时期几乎完全不喜欢。感觉实在是太老套了。然而，近年来的回顾让我意识到，那其实是相当不错的，我想稍微庆祝一下。

同样，在现代网页开发世界中，充满了着色器、React和WebGL，我觉得很容易忘记基础其实非常出色。因此，这个主题回归基础——没有着色器魔法，没有云端流WebGL渲染农场，只有纯CSS :)

安装

首先，从VS Marketplace安装基础主题。这是Synthwave '84日常使用的标准方式。如果您想启用华丽的80年代发光效果，需要做一些额外的工作。

免责声明

VS Code不原生支持文本效果，因此，发光效果是实验性的。可能存在bug，虽然看起来很酷，但不适合长时间使用。要启用发光效果，扩展程序需要修改VS Code的内部文件，因此请谨慎使用。如果出现问题，您可以按照下面的说明禁用发光效果。如果因为任何原因无法打开VS Code，您可以通过重新安装VS Code来修复问题。

如果您决定使用发光效果，您将承担相应的风险。请戴上太阳镜。这里有（激光）龙。

启用发光效果

从v0.1.0版本开始，无需外部扩展即可激活发光效果。

首先，如果您是Windows用户，可能需要以管理员权限运行VS Code。对于Linux和Mac用户，Code不能安装在只读位置，并且您必须具有写权限。

如果您在v0.1.0版本之前使用过Synthwave，您可能会使用Custom CSS和JS扩展来启用发光效果。在启用Neon Dreams之前，您需要禁用之前的方法。可以通过按Ctrl Shift P或Shift ⌘ P并选择“禁用Custom CSS和JS”来完成此操作。

要激活发光效果，请将您的活动颜色主题设置为Synthwave '84 - 从v0.1.0版本开始，只有选择基础主题时发光效果才会被激活。打开您的命令面板，按Ctrl Shift P或Shift ⌘ P并选择“启用Neon Dreams”。它会提示您重新启动，当您重新启动后，灯光应该会亮起 :)

注意：为了简化安装过程并减少更新相关问题，Synthwave '84的新版本不再使用自定义CSS文件。如果您使用的是自定义修改版本的主题，那么您可以继续使用之前的Custom CSS和JS方法。

自定义发光亮度

在您的settings.json中添加以下键：

"synthwave84.brightness": 0.45

值应为从0到1的浮点数，其中0.0完全透明。默认亮度为0.45。为了避免眼睛疲劳，请避免长时间使用更高的亮度值。

要查看更改，您需要重新运行激活功能。打开您的命令面板，按Ctrl Shift P或Shift ⌘ P并选择“启用Neon Dreams”。

注意：目前更改亮度只影响发光的透明度，文本将保持白色（这可能会在未来的更新中更改）。如果您想禁用发光效果但保留chrome更新，请参见下文。

启用编辑器chrome更新，但禁用发光效果

在您的settings.json中添加以下键：

"synthwave84.disableGlow": true

要查看更改，您需要重新运行激活功能。打开您的命令面板，按Ctrl Shift P或Shift ⌘ P并选择“启用Neon Dreams”。

移除损坏警告和标题栏中的[unsupported]

因为启用发光效果会修改核心文件，VS Code会将此解释为核心文件被“损坏”，您可能会在重新启动编辑器时看到错误消息。您可以安全地忽略此消息，或者通过安装Fix VSCode Checksums扩展完全移除它。

安装'Fix VSCode Checksums'后，打开命令面板并执行Fix Checksums: Apply。执行后，您需要完全重启VSCode，仅重新打开可能不足以生效。

更新

每次更新VS Code时，您都需要重复此步骤以重新启用发光效果。

禁用发光效果和卸载

发光效果最初是一个玩笑，从未打算用于长时间的编码会话。如果您想关闭它，您可以随时通过打开您的命令面板，按Ctrl Shift P或Shift ⌘ P并选择“禁用Neon Dreams”来禁用它。

字体

我没有在这个版本中包含字体，因为我知道这是一个非常个人的偏好。我使用的字体（如上图所示）是Fira Code，如果您喜欢连字，我推荐使用它。

兼容性

这个主题仍在不断完善中。我主要在HTML & CSS、JS、React和Elixir中开发，因此这些语言集应该看起来不错，但其他语言可能会有一些问题。我会继续添加更多支持。如果您发现任何明显的错误，请提出问题，我会尽快修复。

贡献

我非常乐意考虑对这个主题的任何贡献。在进行任何更改之前，请阅读贡献指南。

感谢

最后，如果没有Sarah Drasner的出色工作，我是无法制作这个主题的。她在CSS tricks上的主题教程在开发这个主题时帮了大忙 ?

同样，我要感谢Wes Bos的酷炫Cobalt2主题。他的readme帮助我弄明白了如何将这个混乱的热点打包供公众使用 ?

如果这个主题对您来说太过火爆，那么我推荐Horizon或City Lights，它们具有相似的、但更低调的复古风格。它们都很漂亮。

横幅城市景观图片来自Unsplash