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#021940
  • activityBarBadge.background#043282
  • button.background#043282
  • button.foreground#e6eee0
  • checkbox.background#043282
  • contrastBorder#043282
  • dropdown.background#02122f
  • dropdown.foreground#e6eee0
  • dropdown.listBackground#043282
  • editor.background#010c1f
  • editor.foreground#e6eee0
  • editor.lineHighlightBackground#233350d2
  • editor.selectionBackground#233350d2
  • editor.selectionHighlightBackground#233350d2
  • editorGroup.dropBackground#010c1fa1
  • editorGroupHeader.border#043282
  • editorGroupHeader.tabsBackground#010c1f
  • editorGroupHeader.tabsBorder#043282
  • editorHoverWidget.background#043282
  • editorIndentGuide.activeBackground1#043282
  • editorIndentGuide.background1#043282
  • editorLineNumber.activeForeground#e0c814
  • editorLineNumber.foreground#e6eee0
  • editorSuggestWidget.foreground#e6eee0
  • editorSuggestWidget.selectedBackground#043282
  • editorSuggestWidget.selectedIconForeground#f2b42e
  • editorWidget.background#010c1f
  • editorWidget.foreground#e6eee0
  • editorWidget.resizeBorder#0344b4
  • input.background#010c1f
  • input.border#043282
  • input.foreground#e6eee0
  • list.activeSelectionBackground#05294d
  • list.dropBackground#05294d
  • list.focusOutline#010c1f
  • list.highlightForeground#f2b42e
  • list.hoverBackground#05294d
  • list.inactiveSelectionBackground#05294d
  • panel.border#043282
  • panelTitle.activeBorder#043282
  • panelTitle.activeForeground#e6eee0
  • panelTitle.inactiveForeground#527cc9
  • profileBadge.background#043282
  • profileBadge.foreground#e6eee0
  • progressBar.background#010c1f
  • scrollbar.shadow#053890
  • scrollbarSlider.activeBackground#042c71
  • scrollbarSlider.background#032561c5
  • scrollbarSlider.hoverBackground#042c71
  • selection.background#878b9180
  • settings.focusedRowBackground#4143395A
  • sideBar.background#02122f
  • sideBarTitle.foreground#e6eee0
  • statusBar.background#043282
  • tab.activeBackground#011e50
  • tab.activeBorder#010c1f
  • tab.activeBorderTop#043282
  • tab.activeForeground#e6eee0
  • tab.inactiveBackground#010c1f
  • terminal.foreground#e6eee0
  • titleBar.activeBackground#011e50
  • titleBar.inactiveBackground#021940

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#e6eee0
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python#e6eee0
comment#07fc0380bold
string#e0c814
punctuation.definition.template-expression, punctuation.section.embedded#f72553
meta.template.expression#e6eee0
constant.numeric#f72553
constant.language#f72553
constant.character, constant.other#e0c814
variable#e6eee0
keyword#f72553italic
storage#f72553italic
storage.type#528bb8italic 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#e0c814italic
entity.name.tag#f72553
entity.other.attribute-name#9ef01a
support.function#528bb8
support.constant#528bb8
support.type, support.class#528bb8italic
support.other.variable
invalid#f72553
invalid.deprecated#f72553
meta.structure.dictionary.json string.quoted.double.json#CFCFC2
meta.diff, meta.diff.header#75715E
markup.deleted#f72553
markup.inserted#9ef01a
markup.changed#E6DB74
constant.numeric.line-number.find-in-files - match#567f9e7a
entity.name.filename.find-in-files#E6DB74
markup.quote#f72553
markup.list#E6DB74
markup.bold, markup.italic#528bb8
markup.inline.raw#e0c814
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#e6eee0
punctuation.definition.list.begin.markdown#9ef01a
token.info-token#528bb8
token.warn-token#e0c814
token.error-token#f72553
token.debug-token#528bb8
variable.language#e0c814
Navy-Intentional-Theme by Intentional-Co - VS Code Theme