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#000000
  • activityBar.foreground#cbc1d5
  • activityBarBadge.background#222226
  • activityBarBadge.foreground#cbc1d5
  • contrastBorder#363636
  • debugToolBar.background#0a0814
  • dropdown.background#212026
  • dropdown.border#363636
  • dropdown.foreground#cbc1d5
  • editor.background#090909
  • editor.foreground#7d7d7d
  • editor.inactiveSelectionBackground#3b314d
  • editor.lineHighlightBackground#252525
  • editor.selectionBackground#252525
  • editor.selectionHighlightBackground#252525
  • editorBracketMatch.background#353535
  • editorBracketMatch.border#000000
  • editorCursor.foreground#8258a7
  • editorGroupHeader.noTabsBackground#292b2e
  • editorGroupHeader.tabsBackground#292b2e
  • editorIndentGuide.background#212026
  • editorLineNumber.foreground#b0cdce
  • list.activeSelectionBackground#100a14
  • list.activeSelectionForeground#b2b2b2
  • list.dropBackground#100a14
  • list.focusBackground#100a14
  • list.highlightForeground#686868
  • list.hoverBackground#100a14
  • list.inactiveSelectionBackground#212026
  • notification.background#34323e
  • notification.foreground#5e5079
  • sideBar.background#000000
  • sideBarSectionHeader.background#5d4d7a
  • sideBarTitle.foreground#fdfdfd
  • statusBar.background#000000
  • statusBar.debuggingBackground#5d4d7a
  • statusBar.foreground#cbc1d5
  • statusBar.noFolderBackground#000000
  • statusBarItem.activeBackground#827591
  • statusBarItem.hoverBackground#827591
  • statusBarItem.prominentBackground#827591
  • statusBarItem.prominentHoverBackground#827591
  • tab.activeBackground#b0cdce
  • tab.activeForeground#000000
  • tab.border#000000
  • tab.inactiveBackground#212026
  • tab.inactiveForeground#a094a2
  • terminal.ansiBlack#b2b2b2
  • terminal.ansiBlue#3a81c3
  • terminal.ansiBrightBlack#b2b2b2
  • terminal.ansiBrightBlue#d7dfff
  • terminal.ansiBrightCyan#28def0
  • terminal.ansiBrightGreen#86dc2f
  • terminal.ansiBrightMagenta#a31db1
  • terminal.ansiBrightRed#f2241f
  • terminal.ansiBrightWhite#b2b2b2
  • terminal.ansiBrightYellow#b1951d
  • terminal.ansiCyan#21b8c7
  • terminal.ansiGreen#67b11d
  • terminal.ansiMagenta#800080
  • terminal.ansiRed#ba2f59
  • terminal.ansiWhite#b2b2b2
  • terminal.ansiYellow#b1951d
  • widget.shadow#5d4d7a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#6688cc
comment#ff4f4f
string#ff7ddf
constant.numeric#a45bad
constant.language#a45bad
constant.character, constant.other#a45bad
variable#2bd5a6
keyword#4f97d7
storage#4f97d7
storage.type#ce537aitalic
entity.name.class, entity.name.type#4f97d7bold
entity.other.inherited-class#4a33ccitalic underline
entity.name.function#4a33cc
variable.parameter#7590db
entity.name.tag#4f97d7
entity.other.attribute-name#bc6ec5
support.function#bc6ec5bold
support.constant#a45bad
support.type, support.class#ce537aitalic
invalid#e0211d
meta.diff, meta.diff.header#E0EDDDitalic
markup.deleted#dc322f
markup.changed#993399
markup.inserted#219186
markup.quote#22aa44
markup.bold, markup.italic#22aa44
markup.inline.raw#9966b8
markup.heading.setext#ddbb88
source.java storage.modifier.import, source.java storage.modifier.package, source.java entity.name.type.class, source.java storage.type, source.java meta.definition.class.implemented.interfaces, source.java entity.other.inherited-class#ce537a
meta.method.body.java, meta.function-call.java#cbc1d5ff
source.java keyword.operator.assignment, source.java keyword.operator.arithmetic, source.java storage.type.function.arrow.java, source.java punctuation.definition.parameters.begin.bracket.round, source.java punctuation.definition.parameters.end.bracket.round#cbc1d5ff
source.java begin.bracket.curly, source.java end.bracket.curly#4f97d7
source.java entity.name.function meta#ce537a
source.java keyword.other.documentation.javadoc.java#9966b8
source.cpp keyword.control.directive#9966b8
source.cpp storage.type, source.cpp storage.modifier#4f97d7
source.clojure meta.symbol#cbc1d5ff
source.clojure entity.global, source.clojure meta.definition.global#ce537a
source.clojure constant.keyword#9966b8
source.clojure meta.symbol meta.expression, source.clojure meta.vector#ce537a
Gothic Luminescence by penrodlol - VS Code Theme