Skip to content

na-wu/Han

Repository files navigation

Han Logo

한 - Han for VS Code

A dark blue theme

iuvlw2vydyww3uo 2i7puyhbuldo7rwcn2 wfrwudsqpj2

demoimg

Installation

  1. Open Extensions sidebar panel in VS Code. View → Extensions
  2. Search for Han
  3. Click Install to install it
  4. Click Reload to reload the editor
  5. Code > Preferences > Color Theme > Han (or Ctrl/⌘ + K > Ctrl/⌘ + T > Han)

Colors

UI Colors

Color Usage
#0d1118 #0d1118 Workbench background
#16242F #16242F Editor background
#465880 #465880 Highlight, widgets, panels
#0d1118 #0d1118 Dividers, subtle UI elements
#F4C3C2 #F4C3C2 Status bar text, buttons, etc
#eaecf0 #eaecf0 Active text, anything that should be white
#F4C3C2 #F4C3C2 Accent, list tree titles, badges, etc
#70ba00 #70ba00 Addition highlights
#f0767e #f0767e Deletion highlights, errors, warnings
#ffb92c #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

wunxax5a