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#d3ccc2
  • activityBar.foreground#2f2b27
  • editor.background#b6b0a7
  • editor.foreground#2c2824
  • editor.inactiveSelectionBackground#dcd3c3
  • editor.selectionBackground#cfc6b6
  • editorCursor.foreground#3a4b55
  • editorIndentGuide.activeBackground#a59c91
  • editorIndentGuide.background#c7c0b6
  • editorLineNumber.activeForeground#5b554e
  • editorLineNumber.foreground#9c948a
  • editorWhitespace.foreground#c7c0b6
  • sideBar.background#ddd6cc
  • sideBar.foreground#2f2b27
  • statusBar.background#c7beb2
  • statusBar.foreground#2c2824
  • titleBar.activeBackground#dbd3c8
  • titleBar.activeForeground#2c2824

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#7a7368italic
string#486a78
keyword, storage.type#954242bold
variable, parameter#423a34
constant, number#c9a26a
function, method#336f63
type, class, interface#30304b
punctuation, operator#504942
string.regexp#b56f4b
variable.language, keyword.control#b33a3a
Namu Light - Korean Traditional Palette by gg582 - VS Code Theme