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#1e1e1e
  • activityBarBadge.background#5A7CA4
  • editor.background#1e1e1e
  • editor.foreground#d4d4d4
  • editor.selectionBackground#8C9FB863
  • editor.selectionHighlightBackground#8C9FB863
  • editorLineNumber.foreground#586270
  • errorForeground#B27B78
  • gitDecoration.untrackedResourceForeground#99ae63
  • sideBarTitle.background#1e1e1e
  • sideBarTitle.foreground#d4d4d4
  • statusBar.background#5A7CA4
  • statusBar.debuggingBackground#B27B78
  • statusBar.noFolderBackground#B39696
  • titleBar.activeBackground#2d2d2d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#D8D8D8—
comment, punctuation.definition.comment#586270—
variable, variable.other.property, string constant.other.placeholder#FFFFFF—
constant.other.color#D9C891—
invalid, invalid.illegal#FF5370—
keyword.other, keyword.control#B39696—
storage.type, storage.modifier, variable.other.block, constant.other.symbol, constant.language.symbol, punctuation.definition.constant#B39696—
meta.tag, keyword.other.template, keyword.other.substitution#FFFFFF—
entity.name.tag, markup.deleted.git_gutter#B39696bold
punctuation, punctuation.definition.tag, meta.brace, meta.delimiter.comma, meta.function.arrow, keyword.operator#FFFFFF—
meta.tag.sgml, meta.tag.sgml.html#586270—
entity.name.function, variable.function, support.function, keyword.other.special-method, constant.other.object#8C9FB8—
constant.numeric, constant.language, constant.character, constant.escape, support.constant, keyword.other.unit#D9C891—
string.quoted, constant.other.key, constant.language.symbol.hashkey, punctuation.definition.constant.hashkey, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#A9B38Dnormal
entity.other.inherited-class#FFFFFF—
import, keyword.other.special-method, keyword.control.import, keywrod.control.import.from, support.class.component, meta.preprocessor#8C9FB8—
meta.class, meta.use.php#8C9FB8—
support.type, support.class, support.orther.namespace.use.php, support.other.namespace.php, support.type.sys-types, markup.changed.git_gutter#D9C891—
support.type.exception#B5A3CF—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#B27B78—
variable.language#FFFFFF—
entity.other.attribute-name#D9C891—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#D9C891—
entity.other.attribute-name.class#B27B78—
source.sass keyword.control#B27B78—
markup.inserted#383e47—
markup.deleted#586270—
markup.changed#CC99B3—
string.regexp#798494—
constant.character.escape#8dc9c3—
*url*, *link*, *uri*#B39696underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#B27B78italic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
text.html.markdown#D8D8D8—
text.html.markdown meta.dummy.line-break—
markdown.heading, markup.heading, markup.heading.markdown #FFFFFFbold
punctuation.definition.heading#B39696—
markup.italic#b59cd8italic
markup.bold#d8c27abold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#c48d62bold italic
markup.underline#B27B78underline
markup.strikestrike
punctuation.definition.list_item.markdown, beginning.punctuation.definition.list#B39696—
markup.quote, markup.fenced_code, markup.inline.raw.string#d8c27a—
punctuation.definition.blockquote.markdown#c48d62—
string.other.link, constant.other.reference.link, markup.underline#B39696—
meta.separator#65737Ebold
markup.table#EEFFFF—
token.info-token#6796e6—
token.warn-token#cd9731—
token.error-token#f44747—
token.debug-token#b267e6—