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#D0D0D0
  • activityBar.foreground#009900
  • activityBarBadge.background#B0B0B0
  • activityBarBadge.foreground#000000
  • badge.background#B0B0B0
  • badge.foreground#000000
  • button.background#B0B0B0
  • button.foreground#000000
  • button.secondaryBackground#D0D0D0
  • checkbox.background#D0D0D0
  • checkbox.selectBackground#D0D0D0
  • dropdown.background#D0D0D0
  • dropdown.listBackground#D0D0D0
  • editor.background#D0D0D0
  • editor.selectionBackground#009900
  • editor.selectionForeground#000000
  • editorBracketMatch.background#B0B0B0
  • editorCursor.foreground#009900
  • editorGutter.addedBackground#A0A0A0
  • editorGutter.background#C0C0C0
  • editorGutter.modifiedBackground#A0A0A0
  • editorIndentGuide.activeBackground1#808080
  • editorIndentGuide.background1#C0C0C0
  • editorLineNumber.activeForeground#FF8000
  • editorLineNumber.foreground#606060
  • editorRuler.foreground#A0A0A0
  • editorWidget.background#D0D0D0
  • foreground#000000
  • input.background#D0D0D0
  • menu.background#D0D0D0
  • radio.activeBackground#D0D0D0
  • radio.inactiveBackground#D0D0D0
  • sideBar.background#D0D0D0
  • sideBarTitle.foreground#101010
  • statusBar.background#D0D0D0
  • statusBar.noFolderBackground#D0D0D0
  • textBlockQuote.border#FF00FF
  • titleBar.activeBackground#D0D0D0
  • titleBar.inactiveBackground#D0D0D0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#795E26
support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy#267f99
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class, punctuation.separator.namespace.ruby#267f99
keyword.control, source.cpp keyword.operator.new, source.cpp keyword.operator.delete, keyword.other.using, keyword.other.directive.using, keyword.other.operator, entity.name.operator#AF00DB
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder#001080
variable.other.constant, variable.other.enummember#0070C1
meta.object-literal.key#001080
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#0451a5
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp#d16969
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#811f3f
keyword.operator.quantifier.regexp#000000
keyword.operator.or.regexp, keyword.control.anchor.regexp#EE0000
constant.character, constant.other.option#0000ff
constant.character.escape#EE0000
entity.name.label#000000