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#444444
  • activityBar.border#333333
  • activityBar.foreground#CCCCCC
  • activityBar.inactiveForeground#888888
  • activityBarBadge.background#79B5D2
  • activityBarBadge.foreground#FFFFFF
  • editor.background#222222
  • editor.foreground#AAAAAA
  • editorError.border#D27979
  • editorLineNumber.foreground#444444
  • panelTitle.activeForeground#79B5D2
  • panelTitle.inactiveForeground#ecc4c4
  • sideBar.background#333333
  • sideBar.border#222222
  • sideBar.foreground#AAAAAA
  • sideBarSectionHeader.background#444444
  • sideBarSectionHeader.border#333333
  • sideBarSectionHeader.foreground#000000
  • sideBarTitle.foreground#AAAAAA
  • statusBar.background#444444
  • statusBar.border#333333
  • statusBar.debuggingBackground#862D2D
  • statusBar.debuggingBorder#602020
  • tab.activeBackground#222222
  • tab.inactiveBackground#333333
  • terminal.ansiBlue#79B5D2
  • terminal.ansiBrightBlue#63BCE9
  • terminal.ansiBrightCyan#63E9BC
  • terminal.ansiBrightGreen#BCE963
  • terminal.ansiBrightMagenta#BC63E9
  • terminal.ansiBrightRed#E96363
  • terminal.ansiBrightYellow#E9BC63
  • terminal.ansiCyan#79D2B5
  • terminal.ansiGreen#B5D279
  • terminal.ansiMagenta#B579D2
  • terminal.ansiRed#D27979
  • terminal.ansiYellow#D2B579

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#444444italic
comment.block.documentation#666666
constant#D2B579
constant.numeric.base#806A40
invalid#D27979
entity.other.attribute-name, support.function.attribute#79D2B5
entity.name.exception#D27979
entity.name.function#D279B5
entity.name.label#BF8FAF
entity.name.section#FFFFFFbold underline
entity.name.selector, entity.name.variable.parameter#AAAAAAitalic
entity.name.tag#7F6A3F
keyword#CCCCCCbold
keyword.control#CCCCCCitalic bold
keyword.control.configuration#80FFD4bold
keyword.control.directive#B579D2
keyword.control.process#FFD480bold
keyword.modifier#CCCCCCbold
keyword.modifier.unknown#AFBF8Fbold
meta.tagitalic
keyword.operator#FFFFFF
keyword.operator.unary#FFBF40bold
punctuation#666666
punctuation.definition.tag#D2B579
punctuation.exponent-mark#806A40
punctuation.radix-point#806A40
punctuation.definition.string#E9BC63bold
storage.modifier#8FAFBFbold
storage.visibility#AF8FBFbold
string#D2B579
entity.name.type, keyword.type, storage.type, support.type#79B5D2
variable, variable.other.object.property, entity.name.variable#B5D279
variable.other.object.property#B5D279
Offbase by Entomy - VS Code Theme