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#263647
  • activityBarBadge.background#ffd1dc
  • badge.background#ffd1dc
  • button.background#ffd1dc
  • diffEditor.insertedTextBackground#199a80
  • editor.background#263647
  • editor.foreground#ffffff
  • editor.lineHighlightBorder#2d4157
  • editorBracketMatch.background#3a4f64
  • editorBracketMatch.border#ffd1dc
  • editorGroupHeader.tabsBackground#2d3f53
  • editorLineNumber.foreground#ededed
  • editorWidget.background#263647
  • focusBorder#b2d6fb
  • foreground#ffffff
  • gitDecoration.modifiedResourceForeground#fffbcc
  • input.background#1b2632
  • input.placeholderForeground#ededed
  • list.activeSelectionBackground#507295
  • list.hoverBackground#364c63
  • list.inactiveSelectionBackground#364c63
  • selection.background#c1deff
  • sideBar.background#263647
  • statusBar.background#ffd1dc
  • tab.inactiveBackground#1b2632
  • tab.inactiveForeground#ededed
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#b2d6fb
  • terminal.ansiBrightBlack#686868
  • terminal.ansiBrightBlue#b2d6fb
  • terminal.ansiBrightCyan#478dc8
  • terminal.ansiBrightGreen#3cc5aa
  • terminal.ansiBrightMagenta#ffd1dc
  • terminal.ansiBrightRed#feb9b9
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#fffbcc
  • terminal.ansiCyan#1dafec
  • terminal.ansiGreen#1dbb9b
  • terminal.ansiMagenta#a665a6
  • terminal.ansiRed#fea0a3
  • terminal.ansiWhite#ededed
  • terminal.ansiYellow#fffbcc
  • terminal.foreground#ffffff
  • terminal.selectionBackground#c1deff
  • titleBar.activeBackground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity, support.class#fffbcc
comment#edededitalic
constant, entity.name.tag.js.jsx, support.class.component.js.jsx#feb9b9
entity.name.function, support.function, variable.function#b2d6fb
invalid#fea0a3
keyword, storage, variable.language#ffd1dc
punctuation#ffffff
punctuation.definition.block#3cc5aa
punctuation.definition.string.begin, punctuation.definition.string.end, string#1dbb9b
entity.name.tag#feb9b9
support.type#c295c2
variable, string constant.other.placeholder#ffffff
meta.template.expression, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#c295c2italic