Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Petrichor ThemesNew to Visual Studio Code? Get it now.
Petrichor Themes

Petrichor Themes

bayred

|
8 installs
| (0) | Free
A paired VS Code light and dark theme set inspired by spring rain and summer dusk.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Petrichor Themes

English | 中文

Petrichor Themes is a paired VS Code theme pack inspired by spring rain and summer dusk.

It includes two coordinated themes:

  • Petrichor Light: a crisp white editor with vivid syntax colors
  • Petrichor Dark: a cool dusk palette with the same accent language and a calmer night-time surface

Both themes share the same syntax personality, so switching between light and dark keeps your code feeling familiar.

Included Themes

  • Petrichor Light
  • Petrichor Dark

Highlights

  • Full VS Code UI coverage for editor, tabs, sidebar, panels, status bar, menus, notifications, and terminal
  • TextMate token colors and semantic token colors included
  • Matching light and dark variants in one extension
  • Bright but readable syntax accents across both themes

Install

Search for bayred.petrichor-themes in the VS Code Extensions view, install it, then run Preferences: Color Theme and choose Petrichor Light or Petrichor Dark.

Links

  • Marketplace: https://marketplace.visualstudio.com/items?itemName=bayred.petrichor-themes
  • Repository: https://github.com/bayred-summer/petrichor-themes

中文说明

Petrichor Themes 是一个受春雨与夏夜氛围启发的 VS Code 双主题扩展。

它包含两套互相呼应的主题:

  • Petrichor Light:纯净明亮的浅色主题,编辑器背景清爽,语法颜色更鲜明
  • Petrichor Dark:偏雨夜与暮色气质的深色主题,保留同一套配色语言,适合夜间使用

两套主题共享一致的语法高亮风格,所以在亮色和暗色之间切换时,代码观感仍然会保持熟悉和统一。

包含主题

  • Petrichor Light
  • Petrichor Dark

特点

  • 补全了编辑器、标签页、侧边栏、面板、状态栏、菜单、通知和终端等常用 UI 配色
  • 同时包含 TextMate token colors 和 semantic token colors
  • 一个扩展内同时提供浅色与深色两套主题
  • 语法颜色明亮但保持可读性,适合日常开发使用

安装方式

在 VS Code 的扩展面板中搜索 bayred.petrichor-themes,安装后执行 Preferences: Color Theme,再选择 Petrichor Light 或 Petrichor Dark 即可。

相关链接

  • 插件商店: https://marketplace.visualstudio.com/items?itemName=bayred.petrichor-themes
  • GitHub 仓库: https://github.com/bayred-summer/petrichor-themes
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft