Morandi Arch Theme

A muted Morandi palette: creamy paper with a sand title bar and dusty violet accents in the light variant, and a violet evening in the dark one. Both variants share one palette, so switching changes the light, not the wall.

一套莫兰迪灰调粉彩：浅色版是奶油纸配沙色标题栏与雾蓝紫点缀，深色版是灰紫夜色。明暗两版共用同一套色板，切换时变的是光线。

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	`#FCF8EE` creamy paper	`#3A3A52` violet evening
Foreground	`#4A3E3A` warm ink	`#EFE6DA` soft cream
Muted text / placeholders	`#9C8E86`	`#A9A2AC`
Side bar	`#FAF4E8`	`#35354C`
Panel / terminal	`#FBF6EC`	`#383850`
Title bar	`#E4D8CC` sand with `#4A3E3A` text	`#2E2E42` with `#DCD2C4` text
Tab bar / inactive tab	`#F2EADD`	`#383850`
Active tab / indicator	`#3E332F` text, `#7A7BA0` top border	`#F7F0E1` text, `#B6B6CC` top border
Activity bar	`#EFE6DA` with `#6E6F90` icons	`#34344A` with `#B6B6CC` icons
Status bar	`#6B6C8E` with `#F7F0E1` text	`#6B6C8E` with `#F7F0E1` text
Selection	`#E7D2DC` blush	`#4E4E6A`
Current line	`#FAF3E4`	`#43435C`
Borders	`#E6DCCF`	`#52526E`
Indent guides	`#EAE0D3`	`#464660`
Button	`#6B6C8E` with white text (hover `#5A5B7A`)	`#B6B6CC` with `#2E2E42` text (hover `#D3D3E4`)
Badge	`#6B6C8E` with white text	`#E7D2DC` with `#2E2E42` text
Cursor	`#6B6C8E`	`#B6B6CC`
Links	`#6B6C8E`	`#B6B6CC`
Errors / warnings	`#A85A5A` / `#8A7A4E`	`#EFA8A8` / `#E8D8B0`
Git added / modified / deleted	`#5B7A5E` / `#8A7A4E` / `#A85A5A`	`#B8D8C0` / `#E8D8B0` / `#EFA8A8`

Sand #E4D8CC, haze #B6B6CC, blush #E7D2DC and cream #F7F0E1 carry both variants, so a file still reads as "morandi arch" after switching.

沙色 #E4D8CC、雾蓝紫 #B6B6CC、浅粉 #E7D2DC 与奶黄 #F7F0E1 贯穿明暗两版，切换后整个文件还是同一面墙。

Syntax mapping / 语法映射

Syntax	Light	Dark
Comments	`#9C8E86`	`#9A93A0`
Keywords / storage	`#6B6C8E`	`#C6C6DE`
Strings	`#8A7A4E`	`#E8D8B0`
Functions / methods	`#4F7A6E`	`#A8D0C4`
Types / classes	`#8A6B7E`	`#E0BCCB`
Numbers / constants	`#A0714E`	`#EDC9A2`
Variables	`#4A3E3A`	`#EFE6DA`
Parameters	`#6B5A52`	`#D6CBC0`
Properties	`#4F7A6E`	`#A8D0C4`
Operators	`#8A7A72`	`#C0B8B4`
Punctuation	`#9C8E86`	`#9A93A0`
HTML tags	`#6B6C8E`	`#C6C6DE`
Attribute names	`#A0714E`	`#EDC9A2`
Regex	`#8A7A4E`	`#DCC98A`
Escape characters	`#A0714E`	`#EFD3AE`

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。
搜索 Morandi Arch Theme 并安装。
按 Ctrl+K Ctrl+T，选择 Morandi Arch Theme Light 或 Morandi Arch Theme Dark。

也可以用命令行安装：

code --install-extension lilinhuang.morandi-arch-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。