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.border#666665
  • editor.background#252525
  • editor.findMatchBackground#8D7682
  • editor.findMatchHighlightBackground#8D768299
  • editor.foreground#CCCCCC
  • editor.lineHighlightBackground#2D3241
  • editor.selectionBackground#0B5AB1
  • editor.selectionHighlightBackground#8D768299
  • editorBracketMatch.background#555555
  • editorBracketMatch.border#CCCCCC
  • editorCursor.foreground#CCCCCC
  • editorError.foreground#FF0000
  • editorGroup.border#666665
  • editorGutter.addedBackground#CCCCCC
  • editorGutter.background#252525
  • editorGutter.deletedBackground#FF0000
  • editorGutter.modifiedBackground#CCCCCC
  • editorHoverWidget.background#2E2E2E
  • editorHoverWidget.border#666666
  • editorIndentGuide.activeBackground1#666666
  • editorIndentGuide.background1#666666
  • editorInfo.foreground#4F4F4F
  • editorLineNumber.foreground#666666
  • editorRuler.foreground#666666
  • editorSuggestWidget.background#2E2E2E
  • editorSuggestWidget.border#666666
  • editorSuggestWidget.foreground#CCCCCC
  • editorSuggestWidget.highlightForeground#ff6d7c
  • editorSuggestWidget.selectedBackground#265AA9
  • editorWarning.foreground#FF7315
  • editorWhitespace.foreground#555555
  • editorWidget.background#2D3241
  • editorWidget.border#666666
  • panel.border#666665
  • sideBar.border#666665
  • statusBar.background#252525
  • statusBar.border#666665
  • statusBar.foreground#CCCCCC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#666666
keyword, storage.type, storage.modifier, entity.name.tag.localname.xml#f86d7cbold
keyword.operator, string.json, meta.structure.dictionary.json, support.type.property-name.json#CCCCCC
variable.language, variable.other.readwrite, variable.other, variable.other.constant#CCCCCC
constant.language, constant.numeric, constant.character, constant.other#ffc600
string, constant.other.symbol#adf195
entity.name.function, variable.function#fdfbac
punctuation.section, punctuation.definition.parameters, punctuation.definition.block, punctuation.definition.bracket, meta.brace, meta.bracket, other#CCCCCC
variable.other.property.lua#61a1f1
entity.name.type, support.type, storage.type.class, support.function#84d6f7
entity.name.class, entity.name.namespace, entity.name.tag#CCCCCC
invalid, invalid.deprecated#FF0000
markup.heading, markup.bold#FF4A6D
markup.italic#FF4A6D
markup.inserted#FFD600
markup.deleted#FF0000
markup.changed#FF7315
markup.quote#CCCCCC
Block Studio Theme by d05dev - VS Code Theme