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.

  • activityBarBadge.background#ffa000
  • breadcrumb.activeSelectionForeground#ffa000
  • editor.background#18140d
  • editor.foreground#ccbba8
  • editor.lineHighlightBackground#261504
  • editor.selectionBackground#601010bb
  • editor.selectionHighlightBackground#502626dd
  • editor.symbolHighlightBackground#502626dd
  • editor.wordHighlightBackground#502626dd
  • editor.wordHighlightStrongBackground#602626dd
  • editorCursor.foreground#ffbb00
  • editorIndentGuide.activeBackground#9d550fb0
  • editorLineNumber.activeForeground#bb2615
  • editorSuggestWidget.highlightForeground#ffa000
  • editorWhitespace.foreground#3b3a32
  • editorWidget.border#ffa000
  • editorWidget.resizeBorder#ffa000
  • list.activeSelectionForeground#ffa000
  • list.highlightForeground#ffa000
  • list.inactiveSelectionForeground#ffa000
  • menu.selectionForeground#ffa000
  • menubar.selectionForeground#ffa000
  • notificationLink.foreground#ffa000
  • panelTitle.activeBorder#ffa000
  • pickerGroup.foreground#ffa000
  • progressBar.background#ffa000
  • scrollbarSlider.activeBackground#ffa00050
  • settings.headerForeground#ffa000
  • settings.modifiedItemIndicator#ffa000
  • statusBar.background#262626
  • statusBar.debuggingBackground#872615
  • statusBar.noFolderBackground#401500
  • tab.activeBorder#ffa000
  • terminal.background#000000
  • textLink.foreground#ffa000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#877770
string#c8574b
constant.numeric#ff8700
constant.language#bb9970
constant.character, constant.other#bb9970
variable
keyword#dd7050
storage#bb8770
storage.type#bb5026
entity.name.class#bb8726
entity.other.inherited-class#bb8740
entity.name.function#dda415
variable.parameter#bb8760
entity.name.tag#bb4040
entity.other.attribute-name#aa8726
support.function#bb8715
support.constant#dd8740
support.type, support.class#bb8726
support.other.variable
invalid#878787
invalid.deprecated#dd8787
meta.structure.dictionary.json string.quoted.double.json#bb4026
meta.diff, meta.diff.header#75715E
markup.deleted#871515
markup.inserted#268726
markup.changed#876026
constant.numeric.line-number.find-in-files - match#FF8715A0
entity.name.filename.find-in-files#aa7026
token.info-token#264087
token.warn-token#876026
token.error-token#871515
token.debug-token#aa8787
Material Lava Fire Dark by Martin1887 - VS Code Theme