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.activeBorder#37c3e7
  • activityBar.background#2a2f32
  • activityBar.border#202020
  • activityBarBadge.background#6d2c92
  • activityBarBadge.foreground#ffffff
  • diffEditor.insertedTextBackground#1eff0013
  • diffEditor.removedTextBackground#ff027822
  • editor.background#111111
  • editor.findMatchHighlightBackground#ff2b7c8e
  • editor.foreground#ff8b56
  • editor.hoverHighlightBackground#ff000034
  • editor.lineHighlightBackground#3a3a3a50
  • editor.lineHighlightBorder#f1040400
  • editor.selectionBackground#00ffb385
  • editor.selectionForeground#ffffff
  • editor.selectionHighlightBackground#e79ef131
  • editor.selectionHighlightBorder#e79ef131
  • editorBracketMatch.background#ffffff13
  • editorCursor.foreground#00ffaa
  • editorGutter.addedBackground#e043fc
  • editorGutter.deletedBackground#ff0055
  • editorGutter.modifiedBackground#9765c9
  • editorOverviewRuler.bracketMatchForeground#985bd143
  • focusBorder#75dff2
  • gitDecoration.addedResourceForeground#d743fc
  • gitDecoration.conflictingResourceForeground#ff62b1
  • gitDecoration.ignoredResourceForeground#31cfff
  • gitDecoration.modifiedResourceForeground#ba66ff
  • gitDecoration.untrackedResourceForeground#4bf53c
  • icon.foreground#fc4384
  • input.background#151515
  • input.border#c258ff
  • input.foreground#ffffff
  • input.placeholderForeground#7d7d7dd0
  • list.activeSelectionBackground#6d2c92
  • list.dropBackground#a183d333
  • list.errorForeground#ca0d36
  • sideBar.background#111111
  • sideBar.border#202020
  • sideBar.foreground#f2d5c4
  • sideBarSectionHeader.background#111111
  • sideBarSectionHeader.foreground#41faad
  • sideBarTitle.foreground#55e513
  • statusBar.background#6d2c92
  • statusBar.border#080808
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#c258ff
  • terminal.ansiBlack#2a3134
  • terminal.ansiBlue#098cff
  • terminal.ansiBrightBlack#4a4e4f
  • terminal.ansiBrightBlue#41f0ff
  • terminal.ansiBrightCyan#41f0ff
  • terminal.ansiBrightGreen#55e513
  • terminal.ansiBrightMagenta#ae89fe
  • terminal.ansiBrightRed#fc4384
  • terminal.ansiBrightWhite#f9f9f4
  • terminal.ansiBrightYellow#41f0ff
  • terminal.ansiCyan#708387
  • terminal.ansiGreen#55e513
  • terminal.ansiMagenta#ae89fe
  • terminal.ansiRed#673dff
  • terminal.ansiWhite#d5d5d0
  • terminal.ansiYellow#f2ff00
  • terminal.background#111111
  • terminal.foreground#fcfcfc
  • terminal.selectionBackground#f7bd9c
  • terminalCursor.background#c7c7c7
  • terminalCursor.foreground#ffff28
  • textLink.foreground#fc4384

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#646464italic
variable, string constant.other.placeholder#97F8FF
constant.other.color#A5A5A4
invalid, invalid.illegal#FF3957
keyword, storage.type, storage.modifier#FC4384
keyword.control, 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#999999
meta.tag#FFFFFF
constant.other.color#BE61FB
punctuation#FC4384
meta.tag.sgml, markup.deleted.git_gutter#C563BD
entity.name.tag#52F83C
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#B973FFFA
meta.block variable.other#97F8FF
support.other.variable, string.other.link#E9C37D
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#FFFFFF
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#02DBF8
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#04F54D
support.type#48FFE7
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#ADADAD
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FFFFFF
variable.language#FFEC46italic
entity.name.method.js#82AAFFitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#82AAFF
entity.other.attribute-name#B973FFFA
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#75DFF2italic
entity.other.attribute-name.class#FF00A2
source.sass keyword.control#82AAFF
markup.inserted#A57BA3
markup.deleted#AA9599
markup.changed#C792EA
string.regexp#89DDFF
constant.character.escape#89DDFF
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#F0480Bitalic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
source.json meta.structure.dictionary.json support.type.property-name.json#FF31B0
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#42E1FD
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#AB9CFF
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#BCC8FA
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#D4ADFF
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#F0F5FF
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#F8ABF2
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#C792EA
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#C3FFA0
text.html.markdown, punctuation.definition.list_item.markdown#D4D4D4
text.html.markdown markup.inline.raw.markdown#8A3ABE
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#5CB8FF
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#9A4DFF
markup.italic#FF8B56italic
markup.bold, markup.bold string#FC4384bold
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#F5E83Abold
markup.underline#B882FFunderline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#02DBF8
string.other.link.description.title.markdown#E4BCFF
constant.other.reference.link.markdown#97F8FF
markup.raw.block#C792EA
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#50CCCC
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#EEFFFF
keyword.operator#FFD900
keyword.control#E22EFBitalic
entity.name.function#E5FF00bold
storage.type#FF0061
variable.other#FFC400
entity.other.attribute-name#00FFEA
entity.name.tag#9DFF00
string.quoted.double#37E1FF
support.type.property-name.json.comments#95DA8B
punctuation.definition.string#FF9BB5
comment#5798A4
punctuation.definition.comment#5798A4
support.type.property-name.css#FA46FA
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#D4FF5D
meta.tag#FFFFFF
entity.other.attribute-name.class#E5FF00
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6