Chiffon Bloom Theme
A soft pastel VS Code theme built on chiffon pink, lilac and periwinkle, with light and dark variants.
Previews
Left is the light variant, right is the dark variant. Both were captured in
Visual Studio Code with the extension installed, using the same JavaScript file
and the same layout.
Introduction
Chiffon Bloom Theme is a pastel, low-contrast color theme for Visual Studio
Code. It is built around sheer fabric tones: chiffon pink surfaces, a lilac
selection, and periwinkle accents, sitting on a warm plum foreground that keeps
long sessions easy on the eyes.
The extension ships two selectable variants from one visual family:
- Chiffon Bloom Theme Light — a pink canvas (
#F7C4DC) with plum text and periwinkle accents.
- Chiffon Bloom Theme Dark — a deep plum canvas (
#321120) with cream text and brighter periwinkle accents.
Palette
| Role |
Light |
Dark |
Name |
| Editor canvas |
#F7C4DC |
#321120 |
chiffon base |
| Side bar |
#E4B6D3 |
#3C1D2B |
chiffon layer |
| Selection |
#B69BD9 |
#41305B |
lilac |
| Accent |
#687BDF |
#667EF3 |
periwinkle |
| Foreground |
#3F2331 |
#F1E9ED |
plum / cream |
Syntax
Comments stay quiet and italic (#6B525E / #A18E97), keywords and tags carry
the periwinkle accent, functions sit in a softer blue, strings use a muted
olive, numbers a warm brown, and types and classes a mid purple. Semantic
highlighting is enabled, so TypeScript, JavaScript and Python pick up accurate
class, interface, enum, function, method, parameter, property and variable
colors on top of the TextMate rules.
Installation
- Open the Extensions view (
Ctrl+Shift+X / Cmd+Shift+X).
- Search for
Chiffon Bloom Theme.
- Click Install.
Or install from the command line:
code --install-extension lilinhuang.chiffon-bloom-theme
Usage
- Open the Command Palette (
Ctrl+Shift+P / Cmd+Shift+P).
- Run Preferences: Color Theme (or
Ctrl+K Ctrl+T).
- Pick Chiffon Bloom Theme Light or Chiffon Bloom Theme Dark.
Notes
- Both variants theme the whole workbench, not only the editor: activity bar,
side bar, tabs, panels, terminal, command palette, lists, inputs, badges,
notifications, diffs and Git decorations.
- The README previews come from real VS Code windows captured with the
extension installed, so what you see is what the theme renders.
Feedback
Suggestions and issues are welcome — please open an issue or pull request on
the project repository.
License
MIT — see LICENSE.
