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.activeBackground#22272E
  • activityBar.activeBorder#f39c12
  • activityBar.background#2c3e50
  • activityBarBadge.background#16a085
  • editor.background#22272E
  • editor.foreground#D4D4D4
  • editor.inactiveSelectionBackground#3a3d41ab
  • editor.selectionHighlightBackground#ADD6FF26
  • editorIndentGuide.activeBackground1#707070
  • editorIndentGuide.background1#404040
  • input.placeholderForeground#A6A6A6
  • list.activeSelectionBackground#2c3e50
  • list.activeSelectionIconForeground#FFF
  • list.dropBackground#383B3D
  • list.inactiveSelectionBackground#2c3e50
  • menu.background#2c3e50
  • menu.selectionBackground#34495e
  • ports.iconRunningProcessForeground#369432
  • progressBar.background#16a085
  • sideBar.background#22272E
  • sideBar.border#2c3e50
  • sideBarSectionHeader.background#0000
  • sideBarSectionHeader.border#ccc3
  • sideBarTitle.foreground#BBBBBB
  • statusBar.background#2c3e50
  • statusBarItem.remoteBackground#16a085
  • statusBarItem.remoteForeground#ecf0f1
  • tab.activeBorderTop#f39c12
  • tab.border#2c3e50
  • tab.dragAndDropBorder#f39c12
  • terminal.inactiveSelectionBackground#3A3D41
  • titleBar.activeBackground#2c3e50
  • titleBar.border#2c3e50

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown#D4D4D4
emphasisitalic
strongbold
header#000080
comment#6A9955
constant.language#d65656
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#b5cea8
constant.regexp#646695
entity.name.tag#d65656
entity.name.tag.css#d7ba7d
entity.other.attribute-name#b9c6d1
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss#d7ba7d
invalid#f44747
markup.underlineunderline
markup.bold#d65656bold
markup.heading#d65656bold
markup.italicitalic
markup.strikethroughstrikethrough
markup.inserted#b5cea8
markup.deleted#f29766
markup.changed#d65656
punctuation.definition.quote.begin.markdown#6A9955
punctuation.definition.list.begin.markdown#6796e6
markup.inline.raw#f29766
punctuation.definition.tag#808080
meta.preprocessor, entity.name.function.preprocessor#d65656
meta.preprocessor.string#f29766
meta.preprocessor.numeric#b5cea8
meta.structure.dictionary.key.python#b9c6d1
meta.diff.header#d65656
storage#d65656
storage.type#d65656
storage.modifier, keyword.operator.noexcept#d65656
string, meta.embedded.assembly#f29766
string.tag#f29766
string.value#f29766
string.regexp#d16969
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#d65656
meta.template.expression#d4d4d4
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded#b9c6d1
keyword#d65656
keyword.control#d65656
keyword.operator#d4d4d4
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike#d65656
keyword.other.unit#b5cea8
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#d65656
support.function.git-rebase#b9c6d1
constant.sha.git-rebase#b5cea8
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#d4d4d4
variable.language#d65656
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#D2C057
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#00e1b3
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#00e1b3
keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator#d952c2
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder#b9c6d1
variable.other.constant, variable.other.enummember#4FC1FF
meta.object-literal.key#b9c6d1
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#f29766
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#f29766
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#d16969
keyword.operator.or.regexp, keyword.control.anchor.regexp#D2C057
keyword.operator.quantifier.regexp#d7ba7d
constant.character#d65656
constant.character.escape#d7ba7d
entity.name.label#C8C8C8
Mantis by Daniel Ceron Claros - VS Code Theme