A warm, accessible VS Code colour theme based on the CHARLI Health brand guidelines. Features Taffy pink, Blueberry blue, Jungle green, Apricot, and Salmon with both dark and light variants optimised for healthcare development.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
A warm, accessible VS Code colour theme based on the CHARLI Health brand guidelines. Features Taffy pink, Blueberry blue, Jungle green, Apricot, and Salmon with both dark and light variants optimised for healthcare development.
Brand Colours
Colour
Hex
Role
Taffy
#F1A8C9
Primary brand — keywords, accents (dark)
Blueberry
#1D76B8
Primary accent — buttons, badges, accents (light)
Jungle
#34B9A4
Success states, debugging
Apricot
#FCC88F
Constants, warnings, warm highlights
Salmon
#F58F85
Errors, tags, attention elements
Almond
#FDE7D2
Light theme panels, subtle backgrounds
Dark Theme
Background: Deep plum (#1E1A24) for reduced eye strain
Text: Warm off-white (#F0E8E0)
Keywords: Taffy (#F1A8C9)
Functions: Blueberry-light (#4A9AD4)
Strings: Jungle-light (#4DCDB8)
Constants: Apricot (#FCC88F)
Errors: Salmon (#F58F85)
Light Theme
Background: Warm cream (#FFF6ED)
Text: Charcoal (#58595B)
Keywords: Blueberry (#1D76B8)
Functions: Deep rose (#9E4470)
Strings: Deep Jungle (#1B7264)
Constants: Deep Salmon (#B04840)
Panels: Almond (#FDE7D2)
Installation
Open VS Code
Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
Search for "CHARLI Health"
Click Install
Select the theme: File > Preferences > Colour Theme