VSCode赛博朋克风格需SynthWave '84（动效骨架）+Cyberpunk Neon（青蓝配色）+workbench.colorCustomizations全局覆盖三者缺一不可，否则仅得粉紫静态壳；必须启用WebGL、设synthwave84.enableNeonDreams为true并完全重启VS Code。
VSCode 赛博朋克风格不是装一个插件就能亮起来的，必须 SynthWave '84（动效骨架） + Cyberpunk Neon（青蓝配色系统） + 手动补全 colorCustomizations 三者齐备，缺一不可；否则你看到的只是粉紫静态壳，没有冷调霓虹协调感。
为什么 SynthWave '84 单独启用没霓虹光
SynthWave '84 默认只提供 80 年代合成器波美学：粉紫渐变、扫描线、辉光动画，但它背景是 #1a1a2e，主色偏洋红，缺少赛博朋克标志性的青蓝霓虹 #0abdc6；它不定义侧边栏图标色、终端 ANSI 色、状态栏高亮等非编辑区样式，导致文件树、面板标题仍是灰调；synthwave84.enableNeonDreams 开启后只作用于编辑器 canvas 区域，对活动栏、调试控制台完全无效。
怎么把 Cyberpunk Neon 配色真正注入全局 UI
不能只改 workbench.colorTheme——那只是换壳。必须用 workbench.colorCustomizations 覆盖所有层级：
-
"--background": "#000b1e"（午夜蓝背景，比纯黑更护眼且显霓虹） -
"editor.foreground": "#0abdc6"（青色霓虹文字，函数/变量该亮就亮） -
"editorComment.foreground": "#711c91"（注释用紫罗兰，不是默认灰） -
"sideBar.background": "#000b1e"和"activityBar.foreground": "#0abdc6"（侧边栏与活动栏同步冷调） -
"terminal.ansiBlue": "#0abdc6"、"terminal.ansiMagenta": "#ea00d9"（终端输出必须重映射，否则 shell 还是默认色）
这些全部写进 settings.json，顺序无关，但必须放在 "workbench.colorTheme": "SynthWave '84" 之后——主题提供动效骨架，自定义配色填充血肉。
WebGL 失效时霓虹彻底消失，怎么排查
很多人重启十次都没光，根本不是配置错，而是 canvas 根本没创建，渲染链断了：
- 打开开发者工具（
Ctrl+Shift+I），切到 Console，输入document.querySelector('canvas')→ 返回null就确认 WebGL 未启用 - 访问
chrome://gpu（VS Code 底层是 Electron，复用 Chromium GPU 状态），检查 “WebGL” 和 “WebGL2” 是否为 Hardware accelerated - 临时验证：终端执行
code --disable-gpu --enable-webgl启动 VS Code，再查 canvas - 长期方案：在 VS Code 设置里搜
hardware acceleration，确保Use Hardware Acceleration为 on；macOS 用户还需确认系统偏好设置 → 辅助功能 → 显示 → 勾选“减少透明度”可能干扰渲染
最易被忽略的点：synthwave84.enableNeonDreams 必须设为 true，且保存后要**完全关闭所有 VS Code 窗口再重启**——仅关闭标签页或热重载，Canvas 不会重建，霓虹永远不亮。
