Skip to main content
Coding Theme

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#1d2125
  • activityBar.border#363b40
  • activityBarBadge.background#0854a7
  • banner.background#215dce
  • diffEditor.insertedLineBackground#18a47c2f
  • diffEditor.insertedTextBackground#18a47c2f
  • editor.background#1c2026
  • editor.foreground#ccc
  • editor.selectionBackground#443550
  • editorBracketHighlight.foreground1#fc6984
  • editorBracketHighlight.foreground2#ea7398
  • editorBracketHighlight.foreground3#d87aaa
  • editorBracketHighlight.foreground4#c67fbc
  • editorBracketHighlight.foreground5#b283cd
  • editorBracketHighlight.foreground6#9e86de
  • editorBracketHighlight.unexpectedBracket.foreground#ebae46
  • editorGroupHeader.tabsBackground#25282e
  • editorPane.background#333942
  • gitDecoration.modifiedResourceForeground#ffee68
  • input.background#21252b
  • input.border#505050
  • list.activeSelectionBackground#333942
  • menu.background#21252b
  • menu.selectionBackground#333942
  • menubar.selectionBackground#333942
  • panel.background#21252b
  • peekViewEditor.background#282d35
  • peekViewResult.background#23262c
  • quickInput.background#21252b
  • sideBar.background#25282e
  • sideBar.border#363b40
  • sideBarSectionHeader.background#2d3138
  • statusBar.background#1d2125
  • statusBar.border#363b40
  • statusBar.debuggingBackground#952642
  • statusBar.foreground#ccc
  • statusBar.noFolderBackground#6a3394
  • tab.activeBackground#1d2125
  • tab.border#505050
  • tab.hoverBorder#0854a7
  • tab.inactiveBackground#25282e
  • titleBar.activeBackground#1d2125
  • titleBar.border#363b40
  • titleBar.inactiveBackground#1d2125

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, string.comment#888
comment.documentation, string.quoted.docstring#d7cf9c
constant.numeric#4ed1b6
string#f6a497
constant.character.escape, support.other.escape#4ed1b6
keyword, constant.language.boolean, markup.inline.raw#9274cc
variable.other#ccc
constant.character, keyword.operator, constant.other.placeholder, punctuation.other, punctuation.other.colon, punctuation.other.comma, punctuation.other.period, punctuation.other.semi, punctuation.colon, punctuation.comma, punctuation.period, punctuation.semi, punctuation.separator, punctuation.definition.attribute, punctuation.definition markup.fenced_code.block, punctuation.brackets, punctuation.bracket, punctuation.definition.list, punctuation.definition.interpolation, keyword.other.interpolation, variable.other.normal, meta.template.expression#f95959
variable.language.selfitalic
constant.language, variable.other.constant#3a97f3italic
variable.parameter#83b5f1
support.type.primitive, storage.type.primitive#dd8ac7
support.type.property-name, meta.attribute, entity.name.tag, meta.table, entity.other.inherited-class#eb89a8
storage.type, storage.modifier#9274cc
entity.name.function#ebae46
support.function, meta.macro, entity.name.function.macro#dfbc85
markup.bold.markdownbold
markup.italic.markdownitalic
markup.strikethrough.markdownstrikethrough
markup.bold.markdown markup.italic.markdownitalic bold
markup.bold.markdown markup.underline.markdownbold underline
markup.underline.markdownunderline
markup.inserted#49e4ab
markup.fenced_code.block.markdown#898989
entity.name.type, entity.name.class, storage.type.java, storage.type.generic#ead75e
entity.name.namespace, storage.modifier.package, storage.modifier.import#dfbc85
source.json meta.structure.dictionary.json support.type.property-name.json#f95959
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ebae46
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#ead75e
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#6ece7f
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#83b5f1
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#3a97f3
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#9274cc
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#dd8ac7
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#ccc
markup.heading heading.1#9274cc
markup.heading heading.2#3a97f3
markup.heading heading.3#83b5f1
markup.heading heading.4#6ece7f
markup.heading heading.5#ead75e
markup.heading heading.6#ebae46
meta.link#3a97f3
entity.name.import#ccc
Supernal by leighlondon - VS Code Theme