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#1E212B
  • activityBar.foreground#7783a0
  • activityBarBadge.background#028090
  • bookmarks.lineBackground#161a27
  • breadcrumb.background#1E212B
  • button.background#02809060
  • debugToolBar.background#0f1424
  • editor.background#1E212B
  • editor.findMatchBackground#0f8aaf10
  • editor.findMatchBorder#ffffff2c
  • editor.findMatchHighlightBackground#da062228
  • editor.findMatchHighlightBorder#e20a2734
  • editor.foreground#e8eaee
  • editorCursor.background#028090
  • editorCursor.foreground#028090
  • editorError.foreground#f84545b9
  • editorGroupHeader.border#1E212B
  • editorGroupHeader.noTabsBackground#1E212B
  • editorGroupHeader.tabsBackground#1E212B
  • editorGroupHeader.tabsBorder#1E212B
  • focusBorder#028090ce
  • input.background#282a2f
  • input.placeholderForeground#7783a0
  • list.hoverBackground#1e283a
  • menu.background#1E212B
  • menu.selectionBackground#303541
  • menubar.selectionBackground#303541
  • menubar.selectionForeground#028090
  • notifications.background#1e222e
  • problemsErrorIcon.foreground#900202
  • problemsInfoIcon.foreground#028090
  • problemsWarningIcon.foreground#FEC601
  • quickInput.background#1E212B
  • quickInputList.focusBackground#02809085
  • quickInputTitle.background#1E212B
  • scrollbarSlider.activeBackground#0280905e
  • scrollbarSlider.hoverBackground#0280902d
  • sideBar.background#1E212B
  • sideBar.foreground#7783a0
  • sideBarSectionHeader.background#262a3a
  • sideBarSectionHeader.foreground#7783a0
  • sideBarTitle.foreground#7783a0
  • statusBar.background#1E212B
  • statusBar.debuggingBackground#900202
  • statusBar.noFolderBackground#1E212B
  • statusBarItem.activeBackground#028090
  • statusBarItem.errorBackground#900202
  • statusBarItem.hoverBackground#02809046
  • tab.activeBackground#1E212B
  • tab.activeBorder#1E212B
  • tab.activeForeground#98a4c0
  • tab.hoverBackground#141a2c
  • tab.hoverForeground#028090
  • tab.inactiveBackground#19232e
  • tab.inactiveForeground#98a4c0
  • tab.unfocusedActiveBackground#25272f
  • tab.unfocusedActiveForeground#98a4c0
  • terminal.ansiBrightYellow#FEC601
  • textLink.activeForeground#0599ac
  • textLink.foreground#04899b
  • titleBar.activeBackground#1E212B
  • titleBar.activeForeground#98a4c0
  • titleBar.inactiveBackground#1E212B
  • titleBar.inactiveForeground#98a4c0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#94a8acc4italic
variable, string constant.other.placeholder, source.python, meta.function-call.arguments.python#dd4254
constant.numeric, constant.language, constant.character, constant.escape, constant.other, keyword.other.unit#d36a15
invalid, invalid.illegal#f30404c2
keyword, storage.type, storage.modifier, keyword.other#028090italic
keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.logical, keyword.operator.brace#02b8b8italic
constant.other.color, punctuation, 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, variable.other.constant#f0bc00
variable.other.constant#d36a15italic
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#dd4254
meta.function-call, variable.function, keyword.other.special-method, entity.name.function#E8EAEE
support.function#dd4254
support.constant, support.type.object, support.type.python, support.class#f0bc00
entity.name.function#C678DD
meta.block#6973ff
support.other.variable, string.other.link#dd4254
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#70AE6E
support.type, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#02a3b8
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, meta.property-name.css, meta.property-name.scss#f0bc00d8
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#c8d8f8
variable.language#FF5370italic
entity.name.method.js#C678DDitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#C678DD
entity.other.attribute-name#02a3b8italic
entity.other.attribute-name.pseudo-element.css#02a3b8italic
support.constant.property-value.css#C678DDitalic
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#02a3b8italic
entity.other.attribute-name.class#dd4254
markup.inserted#70AE6E
markup.deleted#ff2b4e
markup.changed#C792EA
string.regexp#02b8b8
constant.character.escape#02b8b8
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#C678DDitalic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
source.json meta.structure.dictionary.json support.type.property-name.json#02a3b8
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#E15F6E
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#F78C6C
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#FF5370
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#FFCB6B
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#ffb36b
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#6b75ff
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#ff94db
text.html.markdown, punctuation.definition.list_item.markdown#ffffff
text.html.markdown markup.inline.raw.markdown#C792EA
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, entity.name.section.markdown#FFCB6B
markup.italic#f07178italic
markup.bold, markup.bold string#f07178bold
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#f07178bold
markup.underline#02a3b8underline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.description.title.markdown#C792EA
constant.other.reference.link.markdown#FFCB6B
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#EEFFFF
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#EEFFFF
Dark Aurora Zero by Synipher-Tech - VS Code Theme