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#292144
  • activityBarBadge.background#fd81b5
  • editor.background#2A0E22
  • editor.foreground#FFE6F2
  • editor.lineHighlightBackground#12030a
  • editor.selectionBackground#231854
  • editorBracketMatch.background#FF9EC655
  • editorBracketMatch.border#FF9EC6
  • editorCursor.foreground#FF9EC6
  • editorGroupHeader.border#FF9EC6
  • editorGroupHeader.tabsBackground#372351
  • editorGroupHeader.tabsBorder#FF9EC6
  • editorIndentGuide.activeBackground1#FF9EC6
  • editorIndentGuide.background1#4A2A3B
  • editorLineNumber.activeForeground#FF9EC6
  • editorLineNumber.foreground#FFB8D977
  • list.activeSelectionBackground#1c030e
  • list.activeSelectionForeground#FFB8D9
  • list.focusBackground#3D1A31
  • list.focusForeground#FFB8D9
  • list.hoverBackground#2c0419
  • list.hoverForeground#FF9EC6
  • list.inactiveSelectionBackground#4A2A3B
  • list.inactiveSelectionForeground#D495B3
  • sideBar.background#832b63
  • sideBarSectionHeader.background#622042
  • sideBarTitle.foreground#fcfcfc
  • statusBar.background#292144
  • statusBarItem.hoverBackground#FF00AA30
  • statusBarItem.remoteBackground#FF00AA
  • statusBarItem.remoteForeground#FFFFFF
  • tab.activeBackground#622042
  • tab.activeBorder#FF007B
  • tab.hoverBackground#200513
  • tab.inactiveBackground#643149
  • tab.inactiveForeground#fffefe
  • titleBar.activeBackground#292144

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D495B3italic
variable, variable.other#FFE6F2
keyword, storage.type, storage.modifier#FF9EC6bold
keyword.operator#FFB8D9
entity.name.function, support.function#C3A6FFbold
entity.name.class, support.class#FFC9DE
string, string.quoted#FFD6EB
constant.numeric#FFB8D9
entity.name.tag#FF9EC6
entity.other.attribute-name#C3A6FFitalic
support.type.property-name.css#FFB8D9
support.constant.property-value.css#FFD6EB
markup.heading#FF9EC6bold
markup.underline.link#C3A6FFunderline
support.type.property-name.json#FFB8D9
markup.inserted#C3A6FF
markup.deleted#FF9EC6
string.regexp#FFD6EB
punctuation.definition.template-expression#FFB8D9
support.type.primitive.ts#C3A6FF
punctuation.separator, punctuation.terminator#FFE6F2
punctuation.section.embedded#FF9EC6
TCS_Baba by Sarah - VS Code Theme