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.activeBackground#eae8ab
  • activityBar.activeBorder#eeffff
  • activityBar.background#131416
  • activityBar.inactiveForeground#525666
  • button.background#3e3129
  • diffEditor.insertedLineBackground#0a0a0b
  • diffEditor.insertedTextBackground#0a0a0b
  • diffEditor.removedLineBackground#222325
  • diffEditor.removedTextBackground#222325
  • diffEditorGutter.insertedLineBackground#392f2a
  • diffEditorGutter.removedLineBackground#4a332d
  • editor.background#131416
  • editor.foldBackground#101011
  • editor.foreground#eeffff
  • editor.selectionBackground#7a676f65
  • editorCursor.background#8b6577
  • editorCursor.foreground#f0d3e0
  • editorGroup.border#363944
  • editorGutter.foldingControlForeground#FDE6B0
  • editorLink.activeForeground#f0db6e
  • editorOverviewRuler.border#00000000
  • editorWidget.background#1d1d20
  • editorWidget.border#ecce64
  • errorLens.errorBackground#312626
  • errorLens.errorForeground#a74f4f
  • focusBorder#f0d3e0
  • input.background#131416
  • list.activeSelectionBackground#836f606f
  • list.focusAndSelectionOutline#2f2d2e
  • list.focusBackground#2f2d2e
  • list.focusOutline#2f2d2e
  • list.hoverBackground#836f6027
  • list.inactiveSelectionBackground#836f606f
  • quickInput.background#131416
  • quickInput.foreground#eeffff
  • quickInputList.focusBackground#836f606f
  • quickInputTitle.background#131416
  • scrollbar.shadow#131416
  • scrollbarSlider.activeBackground#1B1C22
  • scrollbarSlider.background#1B1C22
  • scrollbarSlider.hoverBackground#1B1C22
  • selection.background#edcedb47
  • settings.headerForeground#131416
  • sideBar.background#131416
  • sideBar.border#131416
  • sideBar.foreground#eeffff
  • sideBarSectionHeader.background#131416
  • sideBarSectionHeader.border#131416
  • sideBarSectionHeader.foreground#eeffff
  • sideBarTitle.foreground#525666
  • statusBar.background#131416
  • statusBar.debuggingBackground#B4ADEA
  • statusBar.foreground#82869B
  • tab.activeBackground#131416
  • tab.activeBorder#FFED65
  • tab.activeForeground#fff
  • tab.border#131416
  • tab.inactiveBackground#131416
  • tab.inactiveForeground#8F99A3
  • titleBar.activeBackground#131416
  • widget.border#2f2c23
  • widget.shadow#3c3b3700

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#47525Eitalic
variable, string constant.other.placeholder#A29594
constant.other.color#ffffff
invalid, invalid.illegal#f28377
keyword, storage.type, storage.modifier#eae8ab
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#F5C7C7
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#E0E6C1
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#906A64
meta.block variable.other#E0E6C1
support.other.variable, string.other.link#E0E6C1
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#F78C6C
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#68846C
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#F0C274
support.type#AEB9C2
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#AEB9C2
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#f28377
variable.language#f28377italic
entity.name.method.js#82AAFFitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#82AAFF
entity.other.attribute-name#C792EA
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#F0C274italic
entity.other.attribute-name.class#F0C274
source.sass keyword.control#eae8ab
markup.inserted#C3E88D
markup.deleted#FF5370
markup.changed#C792EA
string.regexp#6D8887
constant.character.escape#89DDFF
*url*, *link*, *uri*italic
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#F5C7C7
source.js constant.other.object.key.js string.unquoted.label.js#906A64italic
source.json meta.structure.dictionary.json support.type.property-name.json#eae8ab
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#68846C
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#F5C7C7
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#6D8887
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#C17E70
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#A29594
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#f28377
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#F0C274
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#52677A
text.html.markdown, punctuation.definition.list_item.markdown#EEFFFF
text.html.markdown markup.inline.raw.markdown#F5C7C7
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#6D8887
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#F0C274
markup.italic#F5C7C7italic
markup.bold, markup.bold string#f28377bold
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#f28377bold
markup.underline#68846Cunderline
markup.quote punctuation.definition.blockquote.markdown#7890A5
markup.quoteitalic
string.other.link.title.markdown#AEB9C2
string.other.link.description.title.markdown#906A64
constant.other.reference.link.markdown#F0C274
markup.raw.block#F5C7C7
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
micah theme by Micah - VS Code Theme