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#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
Midnight Lights Theme by KhaosAudio - VS Code Theme