Skip to main content
Coding Theme

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#2c2825
  • activityBar.foreground#e0dad1
  • editor.background#1e1c1a
  • editor.foreground#e3ded7
  • editor.inactiveSelectionBackground#2f2b27
  • editor.selectionBackground#3e3a35
  • editorCursor.foreground#d0c49e
  • editorIndentGuide.activeBackground#4e4944
  • editorIndentGuide.background#2b2825
  • editorLineNumber.activeForeground#b6ada3
  • editorLineNumber.foreground#6d665f
  • editorWhitespace.foreground#3a3733
  • sideBar.background#24211f
  • sideBar.foreground#d5cfc6
  • statusBar.background#2f2b27
  • statusBar.foreground#d7d0c6
  • titleBar.activeBackground#2a2724
  • titleBar.activeForeground#ddd6cc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#847e77italic
string#4e74ad
keyword, storage.type#1a9b80bold
variable, parameter#e39eb7
constant, number#c99252
function, method#6db09d
type, class, interface#ae6890
punctuation, operator#9d938b
string.regexp#d98a5e
variable.language, keyword.control#d75a5a
Namu dark - Korean Traditional Palette by gg582 - VS Code Theme