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#221a0f
  • activityBar.foreground#d3af86
  • badge.background#7f5d38
  • button.background#6e583b
  • dropdown.background#51412c
  • editor.background#221a0f
  • editor.foreground#ddc6ad
  • editor.lineHighlightBackground#2e2217
  • editor.selectionBackground#84613daa
  • editor.selectionHighlightBackground#413020aa
  • editor.wordHighlightBackground#413020aa
  • editorBracketHighlight.foreground1#00000000
  • editorBracketHighlight.foreground2#00000000
  • editorBracketHighlight.foreground3#00000000
  • editorBracketHighlight.foreground4#00000000
  • editorBracketHighlight.foreground5#00000000
  • editorBracketHighlight.foreground6#00000000
  • editorBracketHighlight.unexpectedBracket.foreground#b3471d
  • editorCursor.foreground#d3af86
  • editorGroupHeader.tabsBackground#131510
  • editorHoverWidget.background#221a14
  • editorLineNumber.activeForeground#adadad
  • editorWhitespace.foreground#a57a4c
  • editorWidget.background#131510
  • focusBorder#a57a4c
  • input.background#51412c
  • inputOption.activeBorder#a57a4c
  • inputValidation.errorBackground#5f0d0d
  • inputValidation.errorBorder#9d2f23
  • inputValidation.infoBackground#2b2a42
  • inputValidation.infoBorder#1b60a5
  • inputValidation.warningBackground#51412c
  • list.activeSelectionBackground#7c5021
  • list.highlightForeground#e3b583
  • list.hoverBackground#7c502166
  • list.inactiveSelectionBackground#645342
  • menu.background#362712
  • menu.foreground#CCCCCC
  • minimap.selectionHighlight#84613daa
  • peekView.border#5e452b
  • peekViewEditor.background#221a14
  • peekViewEditor.matchHighlightBackground#84613daa
  • peekViewResult.background#362712
  • peekViewTitle.background#362712
  • pickerGroup.border#e3b583
  • pickerGroup.foreground#e3b583
  • ports.iconRunningProcessForeground#369432
  • progressBar.background#7f5d38
  • quickInputList.focusBackground#7c5021AA
  • selection.background#84613daa
  • sideBar.background#362712
  • statusBar.background#423523
  • statusBar.debuggingBackground#423523
  • statusBar.noFolderBackground#423523
  • statusBarItem.remoteBackground#6e583b
  • tab.inactiveBackground#131510
  • tab.lastPinnedBorder#51412c
  • titleBar.activeBackground#423523

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#d3af86
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python#d3af86
variable.parameter.function#d3af86
comment, punctuation.definition.comment#b17b53
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#d3af86
none#d3af86
keyword.operator#d3af86
keyword, keyword.control, keyword.operator.new.cpp, keyword.operator.delete.cpp, keyword.other.using, keyword.other.directive.using, keyword.other.operator#98676a
variable#b78787
entity.name.function, meta.require, support.function.any-method#8ab1b0
support.class, entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution#bf8383
keyword.other.special-method#8ab1b0
storage#98676a
support.function#7e602c
string, constant.other.symbol, entity.other.inherited-class, punctuation.separator.namespace.ruby#afc1c1
constant.numeric#a67f68
none#f79a32
none#f79a32
constant#f79a32
entity.name.tag#dc3958
entity.other.attribute-name#f79a32
entity.other.attribute-name.id, punctuation.definition.entity#8ab1b0
meta.selector#98676a
none#f79a32
markup.heading, markup.heading.setext, punctuation.definition.heading, entity.name.section#f0a44dbold
keyword.other.unit#f79a32
markup.bold, punctuation.definition.boldbold
markup.italic, punctuation.definition.italicitalic
markup.strikethroughstrikethrough
markup.inline.raw#889b4a
string.other.link#dc3958
meta.link#f79a32
markup.list#dc3958
markup.quote#f79a32
meta.separator#d3af86
markup.inserted#889b4a
markup.deleted#dc3958
markup.changed#98676a
constant.other.color#7e602c
string.regexp#7e602c
constant.character.escape#b78787
punctuation.section.embedded, variable.interpolation#088649
invalid#dc3958
keyword.other.class#e39b4cunderline
string constant.character.escape#b27575
keyword.other.title-page#b78787
entity.other.pagebreak#a67f68
constant.numeric.scene#b17b53
markup.underlineunderline
markup.underline markup.italicunderline italic
markup.underline markup.boldunderline bold
markup.italic markup.bolditalic bold
markup.underline markup.italic markup.bolditalic bold underline
Kimbie Fountain by Jan Bláha - VS Code Theme