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#242527
  • activityBar.foreground#eeffff
  • activityBarBadge.background#007acc
  • debugExceptionWidget.background#cc000036
  • debugExceptionWidget.border#cc000036
  • editor.background#242527
  • editor.findMatchHighlightBackground#ffffff33
  • editor.foreground#eeffff
  • editor.hoverHighlightBackground#2ef8c966
  • editor.stackFrameHighlightBackground#fbff0036
  • gitDecoration.addedResourceForeground#3ddb64
  • gitDecoration.ignoredResourceForeground#726c6b
  • gitDecoration.modifiedResourceForeground#f7ff00
  • list.errorForeground#fb7563
  • menu.background#242527
  • menu.foreground#eeffff
  • panelTitle.activeBorder#f82e2e
  • peekViewEditorGutter.background#ff0000
  • sideBar.background#2b2c2e
  • sideBarSectionHeader.background#242527
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#242527
  • statusBar.debuggingBackground#e2932c
  • statusBar.debuggingForeground#eeffff
  • statusBar.foreground#eeffff
  • statusBar.noFolderBackground#242527
  • statusBar.noFolderForeground#eeffff
  • tab.activeBackground#242527
  • tab.activeBorder#2EF8C9
  • terminal.foreground#f8f8f2
  • titleBar.activeBackground#242527
  • titleBar.activeForeground#eeffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#bc6ff1
emphasisitalic
strongbold
header#000080
comment#3ddb64
constant.language#3282b8
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#ffbd69
constant.regexp#646695
entity.name.tag#3282b8
entity.name.tag.css#caff29
entity.other.attribute-name#8be9fd
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#caff29
invalid#F44747
markup.underlineunderline
markup.bold#3282b8bold
markup.heading#3282b8bold
markup.italicitalic
markup.inserted#ffbd69
markup.deleted#ff8c6f
markup.changed#3282b8
punctuation.definition.quote.begin.markdown#3ddb64
punctuation.definition.list.begin.markdown#6796E6
markup.inline.raw#ff8c6f
punctuation.definition.tag#808080
meta.preprocessor, entity.name.function.preprocessor#3282b8
meta.preprocessor.string#ff8c6f
meta.preprocessor.numeric#ffbd69
meta.structure.dictionary.key.python#8be9fd
meta.diff.header#3282b8
storage#3282b8
storage.type#3282b8
storage.modifier, keyword.operator.noexcept#3282b8
string, meta.embedded.assembly#ff8c6f
string.tag#ff8c6f
string.value#ff8c6f
string.regexp#D16969
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#3282b8
meta.template.expression#bc6ff1
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded#8be9fd
keyword#3282b8
keyword.control#3282b8
keyword.operator#bc6ff1
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#3282b8
keyword.other.unit#ffbd69
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#3282b8
support.function.git-rebase#8be9fd
constant.sha.git-rebase#ffbd69
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#bc6ff1
variable.language#3282b8
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#caff29
meta.return-type, 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#2ef8c9
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#2ef8c9
keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator#c886e5
variable, meta.definition.variable.name, support.variable, entity.name.variable#8be9fd
variable.other.constant, variable.other.enummember#4FC1FF
meta.object-literal.key#8be9fd
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#ff8c6f
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#ff8c6f
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#b3df30
keyword.operator.quantifier.regexp#D7BA7D
constant.character#3282b8
constant.character.escape#D7BA7D
entity.name.label#C8C8C8
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
StkngEsk Dark Theme By christianEsk by Christian Mena - VS Code Theme