Han Theme for VS Code
A dark blue theme
Installation
- Open Extensions sidebar panel in VS Code.
View → Extensions
- Search for
Han
- Click Install to install it
- Click Reload to reload the editor
- Code > Preferences > Color Theme > Han (or Ctrl/⌘ + K > Ctrl/⌘ + T > Han)
Colors
UI Colors
| Color |
Usage |
 #0d1118 |
Workbench background |
 #16242F |
Editor background |
 #465880 |
Highlight, widgets, panels |
#0d1118 |
Dividers, subtle UI elements |
 #F4C3C2 |
Status bar text, buttons, etc |
 #eaecf0 |
Active text, anything that should be white |
#F4C3C2 |
Accent, list tree titles, badges, etc |
 #70ba00 |
Addition highlights |
 #f0767e |
Deletion highlights, errors, warnings |
 #ffb92c |
Modified highlights |
References and Resources
Theme References
Publishing VS Code Extensions
CD/CI for Extensions
Extension Manifesto
Hex Color Placeholders
Visual Studio Code Marketplace Badges
Badge Styling (Shields.io)
Plug
| |
