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#090806
  • activityBar.foreground#B8ADA0
  • activityBarBadge.background#E9A86C
  • activityBarBadge.foreground#130D08
  • badge.background#E9A86C
  • badge.foreground#130D08
  • button.background#E9A86C
  • button.foreground#130D08
  • button.hoverBackground#F0B880
  • diffEditor.insertedLineBackground#8AA37C15
  • diffEditor.insertedTextBackground#8AA37C15
  • diffEditor.removedLineBackground#E36B5F15
  • diffEditor.removedTextBackground#E36B5F15
  • editor.background#090806
  • editor.foreground#FFF8F0
  • editor.selectionBackground#E9A86C33
  • editor.selectionHighlightBackground#E9A86C26
  • editorBracketHighlight.foreground1#B8ADA0
  • editorBracketHighlight.foreground2#B8ADA0
  • editorBracketHighlight.foreground3#B8ADA0
  • editorBracketHighlight.foreground4#B8ADA0
  • editorBracketHighlight.foreground5#B8ADA0
  • editorBracketHighlight.foreground6#B8ADA0
  • editorBracketHighlight.unexpectedBracket.foreground#E36B5F
  • editorError.foreground#E36B5F
  • editorGroupHeader.tabsBackground#090806
  • editorGutter.addedBackground#8AA37C
  • editorGutter.deletedBackground#E36B5F
  • editorGutter.modifiedBackground#E9A86C
  • editorHoverWidget.background#15100C
  • editorHoverWidget.border#241B14
  • editorInlayHint.background#14100D
  • editorInlayHint.foreground#A49B8F
  • editorLineNumber.foreground#5C5248
  • editorOverviewRuler.border#090806
  • editorWarning.foreground#E9A86C
  • editorWidget.background#090806
  • focusBorder#E9A86C
  • icon.foreground#B8ADA0
  • input.background#140F0B
  • list.activeSelectionBackground#18100C
  • list.activeSelectionForeground#F4E3C3
  • list.errorForeground#E36B5F
  • list.highlightForeground#E9A86C
  • list.hoverBackground#1E140F
  • list.inactiveSelectionBackground#18100C
  • scrollbarSlider.background#3E312580
  • scrollbarSlider.hoverBackground#3E3125
  • selection.background#6B5A4B
  • settings.modifiedItemIndicator#E9A86C
  • sideBar.background#090806
  • sideBarSectionHeader.background#090806
  • sideBarSectionHeader.foreground#B8ADA0
  • sideBarTitle.foreground#B8ADA0
  • statusBar.background#090806
  • statusBar.debuggingBackground#E9A86C
  • statusBar.debuggingForeground#090806
  • statusBar.foreground#B8ADA0
  • statusBarItem.remoteBackground#E9A86C
  • statusBarItem.remoteForeground#130D08
  • tab.activeBackground#110E0A
  • tab.activeBorder#E9A86C
  • tab.border#090806
  • tab.inactiveBackground#090806
  • terminal.ansiBlack#15100C
  • terminal.ansiBlue#A49B8F
  • terminal.ansiBrightBlack#43372D
  • terminal.ansiBrightBlue#C0B7AA
  • terminal.ansiBrightCyan#E4F0DE
  • terminal.ansiBrightGreen#B6C79B
  • terminal.ansiBrightMagenta#D9A496
  • terminal.ansiBrightRed#F18977
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#F4C98D
  • terminal.ansiCyan#C2D2B7
  • terminal.ansiGreen#8AA37C
  • terminal.ansiMagenta#BF8A82
  • terminal.ansiRed#E36B5F
  • terminal.ansiWhite#FFF8F0
  • terminal.ansiYellow#E9A86C
  • terminal.background#090806
  • terminal.foreground#FFF8F0
  • terminal.selectionBackground#3A271880
  • terminalCursor.background#090806
  • terminalCursor.foreground#F4E3C3
  • textLink.activeForeground#F4C98D
  • textLink.foreground#E9A86C
  • titleBar.activeBackground#090806
  • titleBar.activeForeground#A3988B
  • titleBar.inactiveBackground#090806
  • titleBar.inactiveForeground#7A7065

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8A7E7394
variable, string constant.other.placeholder, entity.name.tag#FFF8F0
constant.other.color#FFF8F0
invalid, invalid.illegal#E36B5F
keyword, storage.type, storage.modifier#C0B7AA
keyword.control, constant.other.color, 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#C0B7AA
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#E9A86C
entity.name.function, variable.function, support.function, keyword.other.special-method#F0B880
meta.block variable.other#FFF8F0
support.other.variable, string.other.link#FFF8F0
constant.numeric, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other, constant.language.boolean#F2C27E
string, constant.other.symbol, constant.other.key, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#F4E3C3
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#8AA37C
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, support.type.vendored.property-name.css, source.css.scss entity.name.tag, variable.parameter.keyframe-list.css, meta.property-name.css, variable.parameter.url.scss, meta.property-value.scss, meta.property-value.css#FFF8F0
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#A3684C
variable.language#C0B7AA
entity.name.method.js#FFF8F0
meta.class-method.js entity.name.function.js, variable.function.constructor#FFF8F0
entity.other.attribute-name, meta.property-list.scss, meta.attribute-selector.scss, meta.property-value.css, entity.other.keyframe-offset.css, meta.selector.css, entity.name.tag.reference.scss, entity.name.tag.nesting.css, punctuation.separator.key-value.css#C0B7AA
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#E9A86C
entity.other.attribute-name.class, entity.other.attribute-name.id, meta.attribute-selector.scss, variable.parameter.misc.css#E9A86C
source.sass keyword.control, meta.attribute-selector.scss#F2C27E
markup.inserted#C2D2B7
markup.deleted#E36B5F
markup.changed#C0B7AA
string.regexp#C0B7AA
constant.character.escape#C0B7AA
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#FFF8F0
source.js constant.other.object.key.js string.unquoted.label.js#A3684Citalic
source.json meta.structure.dictionary.json support.type.property-name.json#F7EADB
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#F7EADB
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#F7EADB
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#F7EADB
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#F7EADB
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#F7EADB
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#F7EADB
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#F7EADB
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#F7EADB
text.html.markdown, punctuation.definition.list_item.markdown#FFF8F0
text.html.markdown markup.inline.raw.markdown#B8ADA0
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#FFF8F0
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, markup.heading, markup.inserted.git_gutter#E9A86C
markup.italic#FFF8F0italic
markup.bold, markup.bold string#FFF8F0bold
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#FFF8F0bold
markup.underline#E9A86Cunderline
markup.quote punctuation.definition.blockquote.markdown#FFF8F0
markup.quote
string.other.link.title.markdown#FFF8F0
string.other.link.description.title.markdown#B8ADA0
constant.other.reference.link.markdown#E9A86C
markup.raw.block#B8ADA0
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#FFF8F0
variable.language.fenced.markdown#FFF8F0
meta.separator#847568bold
markup.table#FFF8F0
Deepwoods by just-spliff - VS Code Theme