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#335122
  • activityBar.foreground#ffffff
  • activityBarBadge.background#ac8cff
  • editor.background#1f172a
  • editor.foreground#d4d4d4
  • editor.inactiveSelectionBackground#3a3d41
  • editor.selectionHighlightBackground#add6ff26
  • editorGroupHeader.tabsBackground#0e0a13
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • input.placeholderForeground#a6a6a6
  • list.activeSelectionBackground#614784
  • list.activeSelectionIconForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusOutline#00000000
  • list.hoverBackground#1f172a
  • list.inactiveSelectionBackground#1f172a
  • menu.background#252526
  • menu.foreground#cccccc
  • notebook.cellEditorBackground#ffffff0c
  • ports.iconRunningProcessForeground#369432
  • sideBar.background#172a18
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#604a7c
  • statusBar.debuggingBackground#9c4f22
  • statusBar.debuggingForeground#d4d4d4
  • statusBar.foreground#d4d4d4
  • statusBarItem.remoteBackground#528037
  • statusBarItem.remoteForeground#ffffff
  • tab.inactiveBackground#0e0a13
  • tab.lastPinnedBorder#cccccc33
  • titleBar.activeBackground#1f172a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#D4D4D4
emphasisitalic
strongbold
header#000080
comment#6A9955
constant.language#ecd47c
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#B5CEA8
constant.regexp#646695
entity.name.tag#65d656
entity.name.tag.css#D7BA7D
entity.other.attribute-name#9CDCFE
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#ecd47cbold
markup.heading#ecd47cbold
markup.italicitalic
markup.strikethroughstrikethrough
markup.inserted#B5CEA8
markup.deleted#CE9178
markup.changed#ecd47c
punctuation.definition.quote.begin.markdown#6A9955
punctuation.definition.list.begin.markdown#6796E6
markup.inline.raw#CE9178
punctuation.definition.tag#808080
meta.preprocessor, entity.name.function.preprocessor#ecd47c
meta.preprocessor.string#CE9178
meta.preprocessor.numeric#B5CEA8
meta.structure.dictionary.key.python#9CDCFE
meta.diff.header#ecd47c
storage#ecd47c
storage.type#ecd47c
storage.modifier, keyword.operator.noexcept#ecd47c
string, meta.embedded.assembly#CE9178
string.tag#CE9178
string.value#CE9178
string.regexp#D16969
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ecd47c
meta.template.expression#D4D4D4
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded#9CDCFE
keyword#ecd47c
keyword.control#ecd47c
keyword.operator#ecd47c
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#ecd47c
keyword.other.unit#B5CEA8
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#ecd47c
support.function.git-rebase#9CDCFE
constant.sha.git-rebase#B5CEA8
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#D4D4D4
variable.language#ecd47c
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#DCDCAA
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#4EC9B0
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#4EC9B0
keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator#C586C0
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder#9CDCFE
variable.other.constant, variable.other.enummember#4FC1FF
meta.object-literal.key#9CDCFE
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#CE9178
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#CE9178
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#DCDCAA
keyword.operator.quantifier.regexp#D7BA7D
constant.character#ecd47c
constant.character.escape#D7BA7D
entity.name.label#C8C8C8
string#F5C378
meta.embedded.assembly#F5C378
keyword - keyword.operator#A695F2
keyword.control#A695F2
storage#A695F2
storage.type#A695F2
constant.numeric#F59778
entity.name.type#ABA3F1
entity.name.class#ABA3F1
support.type#ABA3F1
support.class#ABA3F1
entity.name.function#86EC99
support.function#86EC99
variable#86B6EC
entity.name.variable#86B6EC
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
forest cottage by Zephiris Evergreen - VS Code Theme