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#282C34
  • editor.background#282C34
  • editor.foreground#ABB2BF
  • editor.lineHighlightBackground#2C313C
  • editor.selectionBackground#3E4451
  • editorBracketMatch.background#3B4048
  • editorBracketMatch.border#61AFEF
  • editorCursor.foreground#61AFEF
  • editorIndentGuide.activeBackground#4B5263
  • editorIndentGuide.background#3B4048
  • editorLineNumber.activeForeground#ABB2BF
  • editorLineNumber.foreground#495162
  • editorWhitespace.foreground#3B4048
  • sideBar.background#21252B
  • statusBar.background#21252B
  • statusBar.foreground#ABB2BF
  • terminal.background#282C34
  • titleBar.activeBackground#282C34

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line.double-slash.ms, comment.block.ms#5C6370italic
keyword.control.conditional.ms, keyword.control.loop.ms, keyword.control.exception.ms, keyword.control.flow.ms, keyword.control.yield.ms, keyword.control.import.ms#C678DD
storage.modifier.ms, storage.modifier.async.ms, storage.type.function.ms, storage.type.class.ms, storage.modifier.accessor.ms, keyword.control.class.inherit.ms, keyword.operator.new.ms, keyword.operator.instanceof.ms, keyword.operator.typeof.ms, keyword.operator.delete.ms, keyword.operator.void.ms, keyword.other.debugger.ms#E06C75
variable.language.self.ms, variable.language.super.ms#D19A66italic
entity.name.class.ms, entity.other.inherited-class.ms#E5C07B
entity.name.function.ms, entity.name.function.call.ms, support.function.write.ms, support.function.write.member.ms#61AFEF
string.quoted.double.ms, string.quoted.single.ms, string.template.ms, string.regexp.ms, constant.character.escape.ms#98C379
punctuation.definition.template-expression.begin.ms, punctuation.definition.template-expression.end.ms#56B6C2
constant.numeric.ms, constant.language.boolean.ms, constant.language.null.ms#D19A66
variable.other.property.ms#E06C75
variable.other.readwrite.ms#ABB2BF
keyword.operator.arrow.ms, keyword.operator.spread.ms, keyword.operator.optional-chain.ms, keyword.operator.nullish.ms#56B6C2
keyword.operator#56B6C2
punctuation.section.braces.ms, punctuation.section.brackets.ms, punctuation.section.parens.ms, punctuation.accessor.ms, punctuation.terminator.statement.ms, punctuation.separator.comma.ms#ABB2BF