Skip to main content
Coding Theme

Spacemacs

Publisher: cometeerThemes in package: 2

Spacemacs themes for Visual Studio Code

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#efeae9
  • activityBar.foreground#655370
  • activityBarBadge.background#e7e5eb
  • activityBarBadge.foreground#655370
  • contrastBorder#b3b9be
  • dropdown.background#efeae9
  • dropdown.border#b3b9be
  • dropdown.foreground#655370
  • editor.background#fbf8ef
  • editor.foreground#655370
  • editor.inactiveSelectionBackground#e7e7fc
  • editor.lineHighlightBackground#efeae9
  • editor.selectionBackground#d3d3e7
  • editor.selectionHighlightBackground#e7e7fc
  • editorBracketMatch.background#ddd8eb
  • editorBracketMatch.border#9380b2
  • editorCursor.foreground#100a14
  • editorGroup.border#b3b9be
  • editorGroupHeader.noTabsBackground#fbf8ef
  • editorGroupHeader.tabsBackground#fbf8ef
  • editorIndentGuide.background#efeae9
  • editorLineNumber.foreground#b3b9be
  • list.activeSelectionBackground#d2ceda
  • list.activeSelectionForeground#655370
  • list.dropBackground#d2ceda
  • list.focusBackground#d2ceda
  • list.highlightForeground#655370
  • list.hoverBackground#efeae9
  • list.inactiveSelectionBackground#efeae9
  • sideBar.background#fbf8ef
  • sideBarSectionHeader.background#efeae9
  • sideBarTitle.foreground#655370
  • statusBar.background#e7e5eb
  • statusBar.debuggingBackground#d3d3e7
  • statusBar.foreground#655370
  • statusBar.noFolderBackground#e7e5eb
  • statusBarItem.activeBackground#9380b2
  • statusBarItem.hoverBackground#9380b2
  • statusBarItem.prominentBackground#9380b2
  • statusBarItem.prominentHoverBackground#9380b2
  • tab.activeBackground#fbf8ef
  • tab.activeForeground#655370
  • tab.border#b3b9be
  • tab.inactiveBackground#efeae9
  • tab.inactiveForeground#a094a2
  • terminal.ansiBlack#100a14
  • terminal.ansiBlue#3a81c3
  • terminal.ansiBrightBlack#262626
  • terminal.ansiBrightBlue#d7dfff
  • terminal.ansiBrightCyan#28def0
  • terminal.ansiBrightGreen#86dc2f
  • terminal.ansiBrightMagenta#a31db1
  • terminal.ansiBrightRed#f2241f
  • terminal.ansiBrightWhite#100a14
  • terminal.ansiBrightYellow#b1951d
  • terminal.ansiCyan#21b8c7
  • terminal.ansiGreen#67b11d
  • terminal.ansiMagenta#800080
  • terminal.ansiRed#ba2f59
  • terminal.ansiWhite#100a14
  • terminal.ansiYellow#b1951d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#6688cc
comment#2aa1ae
string#2d9574
constant.numeric#4e3163
constant.language#4e3163
constant.character, constant.other#4e3163
variable#715ab1
keyword#3a81c3
storage#225588
storage.type#6c3163italic
entity.name.class, entity.name.type#3a81c3bold
entity.other.inherited-class#3a81c3italic underline
entity.name.function#6c3163
variable.parameter#715ab1
entity.name.tag#3a81c3
entity.other.attribute-name#6c3163
support.function#6c3163bold
support.constant#4e3163
support.type, support.class#9966b8italic
invalid#e0211d
meta.diff, meta.diff.header#E0EDDDitalic
markup.deleted#dc322f
markup.changed#cb4b16
markup.inserted#219186
markup.quote#22aa44
markup.bold, markup.italic#22aa44
markup.inline.raw#9966b8
markup.heading.setext#ddbb88

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...