Vinyl Nocturne Theme

A blue-violet night for music lovers. The light variant is pale mist paper with indigo and violet ink; the dark one is a deep indigo desk after midnight, lit by mauve and mist.

一副适合夜听歌的蓝紫色主题。浅色版是雾白纸配靛蓝与紫墨，深色版是深夜的深靛蓝桌面，靠灰紫与雾色提亮。

Preview / 预览

Light 浅色	Dark 深色

Both previews are captured from a real VS Code window running the theme — no mockups.

上方预览图取自真实运行该主题的 VS Code 窗口截图，非模拟图。

Palette / 色板

Role	Light	Dark
Editor background	`#FBFAFD` mist paper	`#2E3A63` indigo desk
Foreground	`#2E3550` indigo ink	`#E6EAF5` pale mist
Muted text / placeholders	`#8A90A6`	`#9AA3BE`
Side bar	`#F5F6FA`	`#2A3557`
Panel / terminal	`#F9FAFC`	`#2C3759`
Title bar	`#BBC1C6` mist with `#2E3550` text	`#242E4F` with `#C6CEDF` text
Tab bar / inactive tab	`#EDEFF5`	`#2C3759`
Active tab / indicator	`#262C44` text, `#6D5593` top border	`#F0F3FA` text, `#968EAF` top border
Activity bar	`#E8EAF0` with `#546DA6` icons	`#27324F` with `#BBC1C6` icons
Status bar	`#543D7B` with `#F4EFF8` text	`#543D7B` with `#F0EAF6` text
Selection	`#DCE0EC`	`#3E4A75`
Current line	`#F7F8FC`	`#354068`
Borders	`#E1E4EC`	`#46527D`
Indent guides	`#E6E9F1`	`#374468`
Button	`#465892` with white text (hover `#3A4A7C`)	`#BBC1C6` with `#242E4F` text (hover `#D3D8E8`)
Badge	`#543D7B` with white text	`#968EAF` with `#242E4F` text
Cursor	`#546DA6`	`#BBC1C6`
Links	`#465892`	`#BBC1C6`
Errors / warnings	`#A84A5E` / `#8A6B2E`	`#F0A0AE` / `#E8C88A`
Git added / modified / deleted	`#4E7A6A` / `#8A6B2E` / `#A84A5E`	`#A8D0C4` / `#E8C88A` / `#F0A0AE`

Indigo #465892, dusk #546DA6, mist #BBC1C6, mauve #968EAF and violet #543D7B carry both variants, so a file still reads as "vinyl nocturne" after switching.

靛蓝 #465892、暮蓝 #546DA6、雾色 #BBC1C6、灰紫 #968EAF 与深紫 #543D7B 贯穿明暗两版，切换后整个文件还是同一种夜色。

Syntax mapping / 语法映射

Syntax	Light	Dark
Comments	`#8A90A6`	`#8E97B2`
Keywords / storage	`#543D7B`	`#C9B6E4`
Strings	`#3E62A0`	`#A8C4E8`
Functions / methods	`#6D5593`	`#D8C4EC`
Types / classes	`#7A6E9E`	`#BBC1C6`
Numbers / constants	`#8A5A8A`	`#E0C0D8`
Variables	`#2E3550`	`#E6EAF5`
Parameters	`#5A6478`	`#C4CCDE`
Properties	`#3E62A0`	`#A8C4E8`
Operators	`#7A8098`	`#B0B8CC`
Punctuation	`#8A90A6`	`#8E97B2`
HTML tags	`#543D7B`	`#C9B6E4`
Attribute names	`#6D5593`	`#D8C4EC`
Regex	`#3E62A0`	`#B8D0EC`
Escape characters	`#8A5A8A`	`#E8D0E4`

Semantic highlighting is enabled, so variables, parameters, properties, functions and types follow the same mapping in TypeScript, JavaScript, Go, Rust and Python.

已开启语义高亮，TypeScript、JavaScript、Go、Rust 与 Python 里的变量、参数、属性、函数与类型都会落到同一套配色。

Install / 安装

打开扩展面板 Ctrl+Shift+X。
搜索 Vinyl Nocturne Theme 并安装。
按 Ctrl+K Ctrl+T，选择 Vinyl Nocturne Theme Light 或 Vinyl Nocturne Theme Dark。

也可以用命令行安装：

code --install-extension lilinhuang.vinyl-nocturne-theme

Build from source / 本地构建

py -3 scripts/build-theme.py       # regenerate both theme JSON files
py -3 scripts/generate-icon.py     # export assets/icon.png from the selected logo
py -3 scripts/capture-real-screenshots.py   # real VS Code screenshots

License / 许可证

Non-Commercial License — free for personal, educational and non-commercial use. See LICENSE.

非商业许可证：个人、教育与非商业用途免费使用，详见 LICENSE。