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#333842
  • activityBar.foreground#D7DAE0
  • activityBarBadge.background#528BFF
  • activityBarBadge.foreground#D7DAE0
  • badge.background#528BFF
  • badge.foreground#D7DAE0
  • button.background#4D78CC
  • button.foreground#FFFFFF
  • button.hoverBackground#6087CF
  • diffEditor.insertedTextBackground#00809B33
  • dropdown.background#353b45
  • dropdown.border#181A1F
  • editor.background#282C34
  • editor.foreground#D1D1D1
  • editor.lineHighlightBackground#2C313A
  • editor.selectionBackground#3E4451
  • editorCursor.foreground#d1d1d1
  • editorGroup.background#21252B
  • editorGroup.border#181A1F
  • editorGroupHeader.tabsBackground#21252B
  • editorHoverWidget.background#21252B
  • editorHoverWidget.border#181A1F
  • editorIndentGuide.background#3C4049
  • editorLineNumber.foreground#636D83
  • editorSuggestWidget.background#21252B
  • editorSuggestWidget.border#181A1F
  • editorSuggestWidget.selectedBackground#2C313A
  • editorWhitespace.foreground#3C4049
  • editorWidget.background#21252B
  • extensionButton.prominentBackground#2BA143
  • extensionButton.prominentHoverBackground#37AF4E
  • focusBorder#528BFF
  • input.background#1B1D23
  • input.border#181A1F
  • list.activeSelectionBackground#2C313A
  • list.activeSelectionForeground#D7DAE0
  • list.focusBackground#2C313A
  • list.highlightForeground#D7DAE0
  • list.hoverBackground#2C313A66
  • list.inactiveSelectionBackground#2C313A
  • list.inactiveSelectionForeground#D7DAE0
  • notification.background#21252B
  • peekView.border#528BFF
  • peekViewEditor.background#1B1D23
  • peekViewResult.background#21252B
  • peekViewResult.selectionBackground#2C313A
  • peekViewTitle.background#1B1D23
  • pickerGroup.border#528BFF
  • scrollbarSlider.activeBackground#747D9180
  • scrollbarSlider.background#4E566680
  • scrollbarSlider.hoverBackground#5A637580
  • sideBar.background#21252B
  • sideBarSectionHeader.background#333842
  • statusBar.background#21252B
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#9DA5B4
  • statusBar.noFolderBackground#21252B
  • statusBarItem.hoverBackground#2C313A
  • tab.activeBackground#282C34
  • tab.border#181A1F
  • tab.inactiveBackground#21252B
  • titleBar.activeBackground#21252B
  • titleBar.activeForeground#9DA5B4
  • titleBar.inactiveBackground#21252B
  • titleBar.inactiveForeground#9DA5B4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#e67e22
meta.embedded, source.groovy.embedded#d7dae0
comment#606060italic
string#d7b510
punctuation.definition.template-expression, punctuation.section.embedded#d6564a
meta.template.expression#e67e22
constant.numeric#9e79e1
constant.language#9e79e1
constant.character, constant.other#9e79e1
variable#e67e22
keyword#d6564a
storage#d6564a
storage.type#348ecaitalic
entity.name.type, entity.name.class#2eae64bold
entity.other.inherited-class#2eae64italic underline
entity.name.function#3498db
variable.parameter#FD971Fitalic
entity.name.tag#d6564a
entity.other.attribute-name#2eae64
support.function#348eca
support.constant#348eca
support.type, support.class#348eca
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
meta.structure.dictionary.json string.quoted.double.json#CFCFC2
meta.diff, meta.diff.header#75715E
markup.deleted#d6564a
markup.inserted#2eae64
markup.changed#d7b510
constant.numeric.line-number.find-in-files - match##9e79e1A0
entity.name.filename.find-in-files#d7b510
markup.quote#d6564a
markup.list#d7b510
markup.bold, markup.italic#348eca
markup.inline.raw#FD971F
markup.heading#2eae64
markup.heading.setext#2eae64
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#ae81ff
support#fd971f
entity.other.inherited-class#d6564a
variable.language#d6564a