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#9b51e0
  • activityBar.foreground#ffffff
  • button.background#9b51e0
  • button.foreground#ffffff
  • dropdown.background#2d2d3f
  • editor.background#222230
  • editor.foreground#e5e5e5
  • editor.lineHighlightBackground#9566d04d
  • editor.selectionBackground#005cbf4d
  • editorError.foreground#ff0000
  • editorInfo.foreground#72ff78
  • editorLineNumber.activeForeground#b979f5
  • editorWarning.foreground#ffce00
  • gitDecoration.addedResourceForeground#4caf50
  • gitDecoration.deletedResourceForeground#ff0000
  • gitDecoration.ignoredResourceForeground#999999
  • gitDecoration.modifiedResourceForeground#1e90ff
  • gitDecoration.untrackedResourceForeground#4caf50
  • input.background#2d2d3f
  • list.activeSelectionBackground#005cbf
  • list.activeSelectionForeground#e5e5e5
  • list.hoverBackground#3a3a4d
  • sideBar.background#222230
  • sideBar.foreground#e5e5e5
  • statusBar.background#9b51e0
  • statusBar.foreground#ffffff
  • tab.activeBackground#b979f5
  • tab.activeForeground#222230
  • tab.inactiveBackground#9b51e0
  • tab.inactiveForeground#ffffff
  • terminal.background#222230
  • terminal.foreground#e5e5e5
  • textLink.foreground#4caf50

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, keyword.control, keyword.operator.new, storage.type, entity.name.tag#48a9f9
variable, variable.parameter, support.variable, entity.other.attribute-name, meta.selector.css#ffdf2d
string, string.quoted, string.template#4caf50
support.constant.property-value.css#ffdf2ditalic
constant.numeric, constant.language#ffa500
keyword.operator, punctuation.separator, punctuation.terminator#a5a500
comment#999999
comment, punctuation.definition.comment#999999italic
constant.character.escape#ffa500
storage.modifier#007bff
entity.name.function, support.function#4caf50
variable.language.this#007bff
punctuation.definition.tag#007bff
entity.name.type, entity.other.inherited-class, support.class#ffdf2d
entity.name.selector, entity.other.pseudo-class#ffa500bold
support.type.property-name#4caf50
markup.boldbold
markup.italicitalic
Nebula Purple by José Mejias Desarrollo Web - VS Code Theme