Skip to main content
Coding Theme

Color themes

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#111315
  • activityBar.foreground#c0c0c0
  • editor.background#000000
  • editor.foldBackground#38400b40
  • editor.foreground#c0c0c0
  • editor.inactiveSelectionBackground#21428380
  • editor.lineHighlightBackground#101214
  • editor.selectionBackground#214283
  • editorCursor.foreground#c0c0c0
  • editorError.foreground#ff0000
  • editorGroupHeader.tabsBackground#0c0d0e
  • editorGutter.background#111315
  • editorIndentGuide.activeBackground1#2b2b2b
  • editorIndentGuide.background1#333333
  • editorInfo.foreground#606060
  • editorLineNumber.activeForeground#c0c0c0
  • editorLineNumber.foreground#606060
  • editorRuler.foreground#333333
  • editorWarning.foreground#be9117
  • editorWhitespace.foreground#2b2b2b
  • sideBar.background#0c0d0e
  • sideBar.foreground#c0c0c0
  • statusBar.background#111315
  • statusBar.foreground#c0c0c0
  • tab.activeBackground#000000
  • tab.inactiveBackground#0c0d0e
  • terminal.background#000000
  • terminal.foreground#c0c0c0
  • titleBar.activeBackground#111315
  • titleBar.activeForeground#c0c0c0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#606060
comment.block.documentation, comment.documentation#2e7363italic
keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new, keyword.operator.delete, variable.language.this, variable.language.self, constant.language#77b767
keyword.control.directive, entity.name.function.preprocessor#008000
string, string.quoted, string.template#6897bb
constant.character.escape, constant.regexp#3c9985
constant.numeric#e1e100
constant.language.enum, variable.other.enummember#2b91af
constant.other, variable.other.constant, support.constant, support.variable, entity.name.constant#9876aa
entity.name.function, support.function, meta.function-call entity.name.function, meta.function-call.generic#cc3333
support.function.builtin, support.function.magic#cc336e
entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class, entity.name.type.class#0080ff
entity.name.type.interface#40bcff
entity.name.type.parameter, entity.name.type.typedef, support.type.primitive, storage.type.built-in#5555ff
entity.name.namespace#4ec9b0
variable.parameter#cc7832italic
variable, variable.other, variable.other.readwrite, variable.other.object.property, variable.other.property, variable.other.member#cc7832
variable.other.global, variable.other.readwrite.global#cda869
entity.name.tag, punctuation.definition.tag#77b767
entity.other.attribute-name#8a653b
meta.decorator, entity.name.function.decorator, punctuation.definition.decorator, meta.function.decorator#4ec9b0underline
keyword.other.debugger#ff3333italic
invalid#ff0000