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.

  • activityBarBadge.background#FFC580
  • editor.background#222222
  • editor.foreground#DFDFDF
  • editor.selectionBackground#555555
  • editorCursor.background#FFC580
  • editorCursor.foreground#FFC580
  • editorLineNumber.activeForeground#FFC580
  • editorLineNumber.foreground#999999
  • list.activeSelectionBackground#555555
  • list.activeSelectionForeground#FFC580
  • sideBarTitle.foreground#FFC580
  • statusBar.background#222222
  • statusBar.border#FFC580
  • statusBar.debuggingBackground#FF80C6
  • statusBar.debuggingBorder#FF80C6
  • statusBar.debuggingForeground#555555
  • statusBar.foreground#DFDFDF
  • terminal.ansiBlack#222222
  • terminal.ansiBlue#87D5FF
  • terminal.ansiBrightBlack#222222
  • terminal.ansiBrightBlue#87D5FF
  • terminal.ansiBrightCyan#FF80C6
  • terminal.ansiBrightGreen#8AEC8A
  • terminal.ansiBrightMagenta#C18AFF
  • terminal.ansiBrightRed#FF9595
  • terminal.ansiBrightWhite#DFDFDF
  • terminal.ansiBrightYellow#FFF680
  • terminal.ansiCyan#FF80C6
  • terminal.ansiGreen#8AEC8A
  • terminal.ansiMagenta#C18AFF
  • terminal.ansiRed#FF9595
  • terminal.ansiWhite#DFDFDF
  • terminal.ansiYellow#FFF680
  • terminal.background#222222
  • terminal.border#FFC580
  • terminal.foreground#FFC580
  • terminal.selectionBackground#555555
  • terminalCursor.background#FFC580
  • terminalCursor.foreground#FFC580

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#999999italic
variable, string constant.other.placeholder#8AEC8A—
constant.other.color#dfdfdf—
invalid, invalid.illegal#FF80C6—
keyword, storage.type, storage.modifier#FF80C6bold
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#FF9595—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#FF80C6bold
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#87D5FF—
meta.block variable.other#8AEC8A—
support.other.variable, string.other.link#DFDFDF—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#FF9595—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#DFDFDF—
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#C18AFF—
support.type#C18AFF—
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#8AEC8A—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#87D5FF—
variable.language#87D5FFitalic
entity.name.method.js#87D5FFitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#87D5FF—
entity.other.attribute-name#FFF680—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FFF680italic
entity.other.attribute-name.class#C18AFF—
source.sass keyword.control#FF80C6bold
markup.inserted#8AEC8A—
markup.deleted#FF9595—
markup.changed#FFF680—
string.regexp#FFC580—
constant.character.escape#FF80C6—
*url*, *link*, *uri*#DFDFDFunderline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#FF80C6italic
source.js constant.other.object.key.js string.unquoted.label.js#FF80C6italic
source.json meta.structure.dictionary.json support.type.property-name.json#FF80C6—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FF80C6—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FF80C6—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FF80C6—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FF80C6—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FF80C6—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FF80C6—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FF80C6—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FF80C6—
text.html.markdown, punctuation.definition.list_item.markdown#FFC580—
text.html.markdown markup.inline.raw.markdown#FF9595—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#FF9595—
text.html.markdown meta.dummy.line-break#DFDFDF—
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#C18AFF—
markup.italic#8AEC8Aitalic
markup.bold, markup.bold string#87D5FFbold
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#FF80C6bold
markup.underline#FFF680underline
markup.strike#FF9595—
markup.quote punctuation.definition.blockquote.markdown#DFDFDF—
markup.quote#DFDFDFitalic
string.other.link.title.markdown#DFDFDF—
string.other.link.description.title.markdown#999999—
constant.other.reference.link.markdown#999999—
markup.raw.block#999999—
markup.raw.block.fenced.markdown#FFC580—
punctuation.definition.fenced.markdown#999999—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#8AEC8A—
variable.language.fenced.markdown#FF80C6bold
meta.separator#DFDFDFbold
markup.table#FFF680—
token.info-token#FFF680—
token.warn-token#FFF680—
token.error-token#FF9595—
token.debug-token#FF80C6—