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#000
  • activityBar.border#111
  • activityBar.foreground#aaa
  • activityBar.inactiveForeground#333
  • activityBarBadge.background#111
  • badge.background#111
  • dropdown.background#000
  • dropdown.border#333
  • editor.background#000
  • editor.findMatchBackground#5098
  • editor.findMatchHighlightBackground#0AF8
  • editor.foreground#ddd
  • editor.lineHighlightBackground#050505
  • editorGroup.border#333
  • editorGroupHeader.tabsBackground#000
  • editorHoverWidget.background#111
  • editorHoverWidget.border#333
  • editorIndentGuide.activeBackground#000
  • editorIndentGuide.background#0C0C0C
  • editorLineNumber.activeForeground#aaa
  • editorLineNumber.foreground#333
  • editorSuggestWidget.background#111
  • editorSuggestWidget.border#333
  • editorWidget.background#111
  • focusBorder#333
  • foreground#aaa
  • input.background#000
  • list.activeSelectionBackground#333
  • list.hoverBackground#050505
  • list.inactiveSelectionBackground#111
  • panel.border#333
  • panelTitle.activeBorder#aaa
  • panelTitle.activeForeground#aaa
  • panelTitle.inactiveForeground#333
  • peekViewEditor.background#000
  • progressBar.background#aaa
  • selection.background#aaa
  • sideBar.background#000
  • sideBar.border#111
  • sideBarSectionHeader.background#111
  • statusBar.background#000
  • statusBar.border#050505
  • statusBar.foreground#666
  • statusBar.noFolderBackground#000
  • tab.activeBackground#151515
  • tab.activeBorder#6b4affaa
  • tab.border#333
  • tab.hoverBackground#050505
  • tab.hoverBorder#6b4aff33
  • tab.inactiveBackground#000
  • titleBar.activeBackground#000
  • titleBar.inactiveBackground#000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable.other.object, comment, punctuation.definition.comment, storage.type.primitive.cpp, string.comment, string.quoted.docstring.multi, string.quoted.docstring.multi storage.type.string, support.type, storage.type, variable.other.propertyitalic
comment, string.comment, punctuation.definition.comment, string.quoted.docstring.multi, string.quoted.docstring.multi storage.type.string#333
constant.other.color.rgb-value.hex.css, meta.template.expression.js, punctuation.definition.constant.css, punctuation.definition.string.end.json, punctuation.definition.string.begin.json, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, source.css constant, source.json string, source.json punctuation.definition.string, source.stylus constant, string, string.embedded, string.template.js, structure.dictionary.property-name.json, support.function.misc.scss#AA88FF
keyword, keyword.operator, storage.type.primitive.cpp, storage.type.namespace.definition.cpp, storage.type.built-in, storage.type.template.cpp, storage.type.struct.cpp, storage.type.class.cpp, storage.type.enum, storage.type.integral, storage.type.function, support.type, punctuation.section.angle-brackets, storage.modifier.reference, storage.modifier.pointer, storage.type.namespace.directive#66EF61
constant.character, variable.language, constant.language#ccff00italic
constant.numeric, keyword.other.unit.suffix.integer#E51A67
keyword.control, keyword.other, keyword.operator.delete#6b4aff
support.function, function.support.builtin, function.support.core, entity.name.function, entity.name.scope-resolution.function.definition, punctuation.separator.scope-resolution.function.definition.cpp, keyword.other.static_assert.cpp#00AEFF
variable.parameter#AAAitalic
source.json, support.dictionary.json, support.type.property-name.json#DDD
storage.type.modifier, storage.modifier, storage.type.template.argument.typename, storage.source.cmake#2361d4
entity.other.attribute-name#8DF
entity.name.class, punctuation.definition.string.begin, punctuation.definition.string.end#FFF