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#e5eae4
  • activityBar.foreground#454e42
  • activityBarBadge.background#3b4a37
  • activityBarBadge.foreground#f7f7f7
  • badge.background#3b4a37
  • badge.foreground#f7f7f7
  • button.background#3b4a37
  • debugToolBar.background#e5eae4
  • diffEditor.insertedTextBackground#00809B33
  • dropdown.background#e5eae4
  • dropdown.border#9c9c9c
  • editor.background#e5eae4
  • editor.findMatchHighlightBackground#cebfff
  • editor.lineHighlightBackground#e5eae4
  • editor.selectionBackground#edd6ef
  • editor.selectionHighlightBackground#edd6ef47
  • editor.wordHighlightBackground#edd6ef47
  • editor.wordHighlightStrongBackground#AAB1C026
  • editorCursor.foreground#a43b41bb
  • editorError.foreground#c24038
  • editorGroup.border#9c9c9c
  • editorGroupHeader.tabsBackground#e5eae4
  • editorHoverWidget.background#e5eae4
  • editorHoverWidget.border#9c9c9c
  • editorIndentGuide.background#ded7cc
  • editorLineNumber.foreground#8c9bbc
  • editorMarkerNavigation.background#21252b
  • editorRuler.foreground#AAB1C026
  • editorSuggestWidget.background#e5eae4
  • editorSuggestWidget.border#9c9c9c
  • editorSuggestWidget.selectedBackground#9c9c9c
  • editorWhitespace.foreground#afafaf
  • editorWidget.background#a6b8a1
  • focusBorder#00583d
  • input.background#c8d3c5
  • list.activeSelectionBackground#d7e3fa
  • list.activeSelectionForeground#55524c
  • list.focusBackground#d7e3fa
  • list.highlightForeground#525252
  • list.hoverBackground#bacef1
  • list.inactiveSelectionBackground#d7e3fa
  • list.inactiveSelectionForeground#55524c
  • minimap.findMatchHighlight#cebfff
  • minimap.selectionHighlight#edd6ef
  • peekViewEditor.matchHighlightBackground#29244b
  • scrollbarSlider.activeBackground#747D9180
  • scrollbarSlider.background#c5cfe380
  • scrollbarSlider.hoverBackground#b1bdd580
  • sideBar.background#e5eae4
  • sideBarSectionHeader.background#d3dfd0
  • statusBar.background#e5eae4
  • statusBar.debuggingBackground#e5eae4
  • statusBar.foreground#9da5b4
  • statusBar.noFolderBackground#e5eae4
  • statusBarItem.hoverBackground#d7e3fa
  • tab.activeBackground#e5eae4
  • tab.activeModifiedBorder#3b4a37
  • tab.border#9c9c9c
  • tab.inactiveBackground#e5eae4
  • terminal.ansiBlack#2D3139
  • terminal.ansiBlue#2e8ccf
  • terminal.ansiGreen#568538
  • terminal.ansiYellow#896500
  • titleBar.activeBackground#e5eae4
  • titleBar.activeForeground#6b717d
  • titleBar.inactiveBackground#e5eae4
  • titleBar.inactiveForeground#95a3bd

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#be54c4
variable, string constant.other.placeholder#9a8b00
invalid.deprecated#576100
invalid.illegal#660000
constant.other.color#264c00
keyword, storage.type, storage.modifier#009687
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#826100
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#5b5b5b
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#525252
meta.block variable.other#525252
support.other.variable, string.other.link#525252
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#005e6e
string, punctuation.definition.string.begin, punctuation.definition.string.end, 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#548b00
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#004399
support.type#2f5b69
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#2f5b69
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#006939
variable.language#006939
entity.name.method.js#004f98italic
meta.class-method.js entity.name.function.js, variable.function.constructor#004f98
entity.other.attribute-name#7030a2
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#946f1fitalic
entity.other.attribute-name.class#946f1f
source.sass keyword.control#004f98
markup.inserted#3b6400
markup.deleted#a70037
markup.changed#71389b
string.regexp#007290
constant.character.escape#007290
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#004f98italic
source.js constant.other.object.key.js string.unquoted.label.js#826100italic
source.json meta.structure.dictionary.json support.type.property-name.json#58188a
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#946f1f
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#781000
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#826100
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#733429
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#004f98
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#74001e
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#501081
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#305300
text.html.markdown, punctuation.definition.list_item.markdown#525252
text.html.markdown markup.inline.raw.markdown#4a0080
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#202e38
text.html.markdown meta.dummy.line-break#888
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#365c00
markup.italic#72001ditalic
markup.bold, markup.bold string#72001dbold
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#72001dbold
markup.underline#6e0e00underline
markup.strike#6e0e00
markup.quote punctuation.definition.blockquote.markdown#b1c4d3
markup.quoteitalic
string.other.link.title.markdown#004f98
string.other.link.description.title.markdown#370061
constant.other.reference.link.markdown#946f1f
markup.raw.block#370061
markup.raw.block.fenced.markdown#e5eae450
punctuation.definition.fenced.markdown#e5eae450
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#002c2d
variable.language.fenced.markdown#65737E
meta.separator#65737E50bold
markup.table#002c2d
token.info-token#007a8a
token.warn-token#966a00
token.error-token#840015
token.debug-token#53008a
ThemeDatabase All Themes by enes ozturk - VS Code Theme