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#062626
  • activityBar.foreground#d1b897
  • editor.background#062626
  • editor.foreground#d1b897
  • editor.lineHighlightBackground#0b3335
  • editor.selectionBackground#0000ff40
  • editor.selectionHighlightBackground#0000ff20
  • editor.wordHighlightBackground#0000ff20
  • editor.wordHighlightStrongBackground#0000ff40
  • editorCursor.foreground#ffffff
  • editorGutter.background#062626
  • editorIndentGuide.activeBackground#8cde94
  • editorIndentGuide.background#126367
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#126367
  • editorWhitespace.foreground#126367
  • scrollbarSlider.background#126367
  • scrollbarSlider.hoverBackground#8cde94
  • sideBar.background#062626
  • sideBar.foreground#d1b897
  • statusBar.background#062626
  • statusBar.foreground#d1b897
  • tab.activeBackground#0b3335
  • tab.activeForeground#d1b897
  • tab.inactiveBackground#062626
  • tab.inactiveForeground#c1d1e3
  • terminal.ansiBlack#062626
  • terminal.ansiBlue#66D9EF
  • terminal.ansiBrightBlack#126367
  • terminal.ansiBrightBlue#66D9EF
  • terminal.ansiBrightCyan#7ad0c6
  • terminal.ansiBrightGreen#8cde94
  • terminal.ansiBrightMagenta#AE81FF
  • terminal.ansiBrightRed#ff0000
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffaa00
  • terminal.ansiCyan#A1EFE4
  • terminal.ansiGreen#A6E22E
  • terminal.ansiMagenta#FD5FF0
  • terminal.ansiRed#F92672
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#E6DB74
  • terminal.background#062626
  • terminal.foreground#d1b897
  • titleBar.activeBackground#062626
  • titleBar.activeForeground#d1b897
  • titleBar.inactiveBackground#062626
  • titleBar.inactiveForeground#c1d1e3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.block.documentation#44b340
string, string.regexp, string.special, text.literal#2ec09c
string.escape, string.special.symbol#7ad0c6
constant#7ed1c8
number, boolean#7ad0c6
keyword, storage.type, storage.modifier, control, conditional, repeat#ffffff
variable, variable.language, support.function.builtin, support.constant.builtin, support.class.builtin, support.variable, support.type, support.module, support.other.variable#c8b896
function, support.function, entity.name.function, meta.function-call#c8b896
function.method, function.special#c8b896
operator, keyword.operator, meta.operator#c8b896
punctuation, punctuation.bracket, punctuation.delimiter#c8b896
type, entity.name.type, support.class, meta.return-type#7dc98c
label, variant#c1d1e3
attribute#7ad0c6
link_text#2ec09citalic
link_uri#7ad0c6
Tan Jade by HowManySmall - VS Code Theme