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.activeBackground#31421d
  • activityBar.activeBorder#425928
  • activityBar.background#0e1308
  • activityBarBadge.background#425928
  • button.background#425928
  • button.foreground#ecfcf1
  • checkbox.background#425928
  • contrastBorder#425928
  • dropdown.background#283618
  • dropdown.foreground#ecfcf1
  • dropdown.listBackground#050703
  • editor.background#050703
  • editor.findMatchHighlightBorder#4b652d
  • editor.foreground#ecfcf1
  • editor.lineHighlightBackground#2f3f1dbb
  • editor.selectionBackground#4b652d85
  • editor.selectionHighlightBackground#4b652dbb
  • editorGroup.dropBackground#010c1fa1
  • editorGroupHeader.border#425928
  • editorGroupHeader.tabsBackground#050703
  • editorGroupHeader.tabsBorder#425928
  • editorHoverWidget.background#425928
  • editorIndentGuide.activeBackground1#425928
  • editorIndentGuide.background1#425928
  • editorLineNumber.activeForeground#d9a600
  • editorLineNumber.foreground#ecfcf1
  • editorSuggestWidget.foreground#ecfcf1
  • editorSuggestWidget.selectedBackground#425928
  • editorSuggestWidget.selectedIconForeground#f2b42e
  • editorWidget.background#050703
  • editorWidget.foreground#ecfcf1
  • editorWidget.resizeBorder#5c7d37
  • input.background#070303
  • input.border#425928
  • input.foreground#ecfcf1
  • list.activeSelectionBackground#283618
  • list.dropBackground#283618
  • list.focusOutline#050703
  • list.highlightForeground#f2b42e
  • list.hoverBackground#283618
  • list.inactiveSelectionBackground#283618
  • panel.border#425928
  • panelTitle.activeBorder#425928
  • panelTitle.activeForeground#ecfcf1
  • panelTitle.inactiveForeground#5c7d37
  • profileBadge.background#425928
  • profileBadge.foreground#ecfcf1
  • progressBar.background#050703
  • scrollbar.shadow#425928
  • scrollbarSlider.activeBackground#31421d
  • scrollbarSlider.background#283618e1
  • scrollbarSlider.hoverBackground#31421d
  • selection.background#878b9180
  • settings.focusedRowBackground#4143395A
  • sideBar.background#171e0e
  • sideBar.border#425928
  • sideBarTitle.foreground#ecfcf1
  • statusBar.background#0e1308
  • tab.activeBackground#283618
  • tab.activeBorder#050703
  • tab.activeBorderTop#425928
  • tab.activeForeground#ecfcf1
  • tab.inactiveBackground#050703
  • terminal.foreground#ecfcf1
  • titleBar.activeBackground#31421d
  • titleBar.inactiveBackground#050703

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#ecfcf1
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python#ecfcf1
comment#2d8b32bold
string#d9a600
punctuation.definition.template-expression, punctuation.section.embedded#e7462a
meta.template.expression#ecfcf1
constant.numeric#e7462a
constant.language#e7462a
constant.character, constant.other#d9a600
variable#ecfcf1
keyword#e7462aitalic
storage#e7462aitalic
storage.type#3182a5italic bold
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution#9ef01aunderline
entity.other.inherited-class#9ef01aitalic underline
entity.name.function#9ef01a
variable.parameter#d9a600italic
entity.name.tag#e7462a
entity.other.attribute-name#9ef01a
support.function#3182a5
support.constant#3182a5
support.type, support.class#3182a5italic
support.other.variable
invalid#e7462a
invalid.deprecated#e7462a
meta.structure.dictionary.json string.quoted.double.json#CFCFC2
meta.diff, meta.diff.header#75715E
markup.deleted#e7462a
markup.inserted#9ef01a
markup.changed#E6DB74
constant.numeric.line-number.find-in-files - match#567f9e7a
entity.name.filename.find-in-files#E6DB74
markup.quote#e7462a
markup.list#E6DB74
markup.bold, markup.italic#3182a5
markup.inline.raw#d9a600
markup.heading#9ef01a
markup.heading.setext#9ef01abold
markup.heading.markdownbold
markup.quote.markdown#75715Eitalic
markup.bold.markdownbold
string.other.link.title.markdown,string.other.link.description.markdown#567f9e
markup.underline.link.markdown,markup.underline.link.image.markdown#E6DB74
markup.italic.markdownitalic
markup.strikethroughstrikethrough
markup.list.unnumbered.markdown, markup.list.numbered.markdown#ecfcf1
punctuation.definition.list.begin.markdown#9ef01a
token.info-token#3182a5
token.warn-token#d9a600
token.error-token#e7462a
token.debug-token#3182a5
variable.language#d9a600
Olive-Intentional-Theme by Intentional-Co - VS Code Theme