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.activeBorder#a13c32
  • activityBar.background#2a1915
  • activityBar.foreground#d4827c
  • activityBarBadge.background#a13c32
  • activityBarBadge.foreground#e9d9c9
  • badge.background#a13c32
  • badge.foreground#e9d9c9
  • button.background#a13c32
  • button.foreground#e9d9c9
  • dropdown.background#231815
  • dropdown.foreground#c9bab0
  • editor.background#1c1414
  • editor.foreground#d4c7b9
  • editor.lineHighlightBackground#3c2622
  • editor.selectionBackground#4e342e
  • editorCursor.foreground#d4827c
  • editorGroupHeader.tabsBackground#231815
  • editorHoverWidget.background#231815
  • editorHoverWidget.border#3c2622
  • editorWidget.background#231815
  • focusBorder#a13c32
  • input.background#231815
  • input.foreground#c9bab0
  • input.placeholderForeground#a18d84
  • list.activeSelectionBackground#3c2622
  • list.activeSelectionForeground#d4827c
  • list.hoverBackground#3c2622
  • list.inactiveSelectionBackground#32211e
  • list.inactiveSelectionForeground#d4827c
  • sideBar.background#231815
  • sideBar.foreground#c9bab0
  • sideBarSectionHeader.background#2a1915
  • sideBarSectionHeader.foreground#d4827c
  • sideBarTitle.foreground#d4827c
  • statusBar.background#2a1915
  • statusBar.debuggingBackground#a13c32
  • statusBar.foreground#c9bab0
  • statusBar.noFolderBackground#2a1915
  • tab.activeBackground#2a1915
  • tab.activeForeground#d4827c
  • tab.inactiveBackground#1c1414
  • tab.inactiveForeground#a18d84
  • terminal.ansiBlack#1c1414
  • terminal.ansiBlue#5c5088
  • terminal.ansiBrightBlack#8a7570
  • terminal.ansiBrightBlue#9590b3
  • terminal.ansiBrightCyan#b0acc9
  • terminal.ansiBrightGreen#b0a68d
  • terminal.ansiBrightMagenta#c498b3
  • terminal.ansiBrightRed#d4827c
  • terminal.ansiBrightWhite#e9d9c9
  • terminal.ansiBrightYellow#e6cc94
  • terminal.ansiCyan#807c99
  • terminal.ansiGreen#8c7c60
  • terminal.ansiMagenta#976983
  • terminal.ansiRed#a13c32
  • terminal.ansiWhite#d4c7b9
  • terminal.ansiYellow#c9a554
  • terminal.background#1c1414
  • terminal.foreground#d4c7b9
  • titleBar.activeBackground#2a1915
  • titleBar.activeForeground#d4827c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8a7570
constant#c498b3
constant.numeric, constant.language#c498b3
entity.name#e6cc94
entity.name.section, entity.name.tag, entity.name.namespace, entity.name.type#d4827c
entity.other.attribute-name, entity.other.inherited-class#c9a554italic
invalid#d4c7b9
invalid.deprecated#d4c7b9
keyword, variable.language.this#d4827c
markup.inserted.diff#8c7c60
markup.deleted.diff#a13c32
markup.heading#e6cc94bold
markup.bold.markdown#d4827cbold
markup.italic.markdown#c9a554italic
meta.diff.range#9590b3
meta.tag, meta.brace#a18d84
meta.import, meta.export#d4827c
meta.directive.vue#9590b3italic
meta.property-name.css#9590b3
meta.property-value.css#e6cc94
meta.tag.other.html#d4c7b9
punctuation#a18d84
punctuation.accessor#d4827c
punctuation.definition.string#c9a554
punctuation.definition.tag#807c99
storage.type, storage.modifier#d4827c
string#c9a554
support#b0acc9
support.constant#c498b3
support.function#e6cc94italic
entity.name.function, meta.function-call.generic#e6cc94italic
variable#b0acc9italic
variable.other, variable.language, variable.function, variable.argument#b0acc9
variable.parameter#9590b3
support.function.builtin.python#e6cc94italic
meta.function-call.python, meta.function-call.generic.python#e6cc94italic
support.function.builtin.python, support.function.python#e6cc94italic
support.type.python#e6cc94italic
Red Vintage Theme by Crnobog - VS Code Theme