[JS/TS] 开源 VS Code 深色主题 Islands Dark：为开发者注入悬浮玻璃美学与沉浸式体验

“一款受 easemate IDE 和 JetBrains Islands 主题启发的 VS Code 深色主题，通过 CSS 定制实现悬浮玻璃面板、圆角动效与精致 UI 层级，将代码编辑器转化为具有空间深度的沉浸式工作环境。”

这款名为 vscode-dark-islands 的主题已在 GitHub 上开源，项目地址为：https://github.com/bwya77/vscode-dark-islands。

功能特性

视觉层：深度与通透的平衡

主题以 #131217 作为画布底色，所有功能面板均采用“悬浮”设计语言——侧边栏、编辑器、底部终端面板均带有 24px 大圆角，配合定向光感玻璃边框（上左明亮、下右幽暗），营造出物理空间中的层叠错觉。这种处理让界面元素仿佛漂浮于深邃背景之上，而非传统 IDE 的扁平拼接。

动效细节贯穿交互全程：面包屑导航与状态栏在非悬停时自动淡入低透明度，标签页的关闭按钮仅在鼠标靠近时显现，滚动条 thumb 采用药丸造型并带有平滑过渡。这些设计并非炫技，而是有意减少视觉噪音，让注意力回归代码本身。

字体与符号系统

编辑器采用 IBM Plex Mono 保证代码可读性，终端使用 FiraCode Nerd Font Mono 以支持开发符号，界面元素则搭配随主题附赠的 Bear Sans UI 字体。文件图标推荐配合 Seti Folder 主题，利用 CSS drop-shadow 实现与主题色调联动的微光效果。

语法高亮的温度感

不同于冷峻的纯蓝紫色调，Islands Dark 选用偏暖的配色方案，覆盖 JavaScript/TypeScript、Python、Go、Rust、HTML/CSS、JSON、YAML、Markdown 等主流语言，在长时间编码时减轻视觉疲劳。

---

使用方式

一键安装（推荐）

主题由“颜色主题”与“CSS 界面定制”两部分构成，官方提供跨平台脚本实现全自动部署。这对于想要快速尝鲜的开发者来说非常方便。

macOS / Linux

curl -fsSL https://raw.githubusercontent.com/bwya77/vscode-dark-islands/main/bootstrap.sh | bash

Windows

irm https://raw.githubusercontent.com/bwya77/vscode-dark-islands/main/bootstrap.ps1 | iex

脚本将自动完成：安装 Islands Dark 主题扩展、安装 Custom UI Style 扩展、安装 Bear Sans UI 字体、备份现有设置并应用主题配置、启用 CSS 定制并重启 VS Code。

Nix 生态集成

对于使用 Nix 的开发者，可直接运行预配置环境而无需本地安装，这展现了其在现代化开发环境中的良好集成能力。

# VS Code
nix run github:bwya77/vscode-dark-islands#vscode

# 或 VSCodium
nix run github:bwya77/vscode-dark-islands#vscodium

Flake 已内嵌 Custom UI Style 扩展、Seti Folder 图标主题及全部所需字体，首次运行时会自动复制推荐配置。

手动安装路径

若需细粒度控制，可分步执行：克隆开源实战项目仓库后将主题文件复制至 VS Code 扩展目录，从应用商店安装 Custom UI Style 扩展，手动安装 IBM Plex Mono 与 FiraCode Nerd Font 后，将仓库中的 settings.json 合并至用户配置，最后通过命令面板启用 Custom UI Style。

启用后出现的“安装损坏”警告属于预期现象——因 Custom UI Style 需向 VS Code 注入 CSS 实现界面改造，点击齿轮图标选择“不再显示”即可。

还原与卸载

保留的备份机制让回退无负担，设计考虑得比较周全。

# macOS / Linux
curl -fsSL https://raw.githubusercontent.com/bwya77/vscode-dark-islands/main/uninstall.sh | bash

# Windows
irm https://raw.githubusercontent.com/bwya77/vscode-dark-islands/main/uninstall.ps1 | iex

卸载脚本将恢复 settings.json.pre-islands-dark 备份，移除主题扩展，随后手动执行 Custom UI Style: Disable 并切换至其他颜色主题即可完成还原。

如果你对这类能显著提升编码体验的开源工具和主题感兴趣，欢迎到 云栈社区 发现更多优质资源和开发者讨论。