Skip to main content
Coding Theme

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#090C14
  • activityBarBadge.background#2979FF
  • dropdown.background#282e3e
  • editor.background#161C2B
  • editor.foreground#FFFFFF
  • editor.lineHighlightBorder#297bff4b
  • editor.rangeHighlightBackground#297bff4b
  • editor.selectionBackground#297bff4b
  • editorGroupHeader.tabsBackground#161C2B
  • editorHoverWidget.background#161C2B
  • editorLineNumber.foreground#297bff4b
  • editorSuggestWidget.highlightForeground#2979FF
  • editorWidget.background#161C2B
  • focusBorder#AB9DF2
  • foreground#FFFFFF
  • input.background#282e3e
  • inputOption.activeBorder#2979FF
  • list.activeSelectionBackground#0F131E
  • list.activeSelectionForeground#2979FF
  • list.highlightForeground#2979FF
  • list.hoverBackground#0F131E
  • list.hoverForeground#2979FF
  • list.inactiveFocusBackground#0F131E
  • list.inactiveFocusForeground#2979FF
  • list.inactiveSelectionBackground#0F131E
  • list.inactiveSelectionForeground#2979FF
  • panel.background#161C2B
  • progressBar.background#2979FF
  • scrollbarSlider.activeBackground#2979FF50
  • sideBar.background#0F131E
  • sideBar.border#000000
  • sideBar.foreground#CBC8DB80
  • sideBarSectionHeader.background#0F131E
  • sideBarSectionHeader.foreground#2979FF
  • statusBar.background#090C14
  • tab.activeBackground#161C2B
  • tab.activeForeground#2979FF
  • tab.inactiveBackground#161C2B
  • titleBar.activeBackground#090C14

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
Global settings#FFFFFF
string#FE6B8F
constant.language.boolean#8B78EA
constant.numeric#FFD96C
variable, support.variable, support.class, support.type, support.constant, meta.definition.variable, entity.name#AFCCE9
keyword, modifier, variable.language.this, support.type.object, constant.language#8B78EAitalic
entity.name.function, support.function#FFD96C
storage.type, storage.modifier#8B78EAitalic
support.module, support.node#FD9F71italic
support.type#AEDD7E
entity.name.type, entity.other.inherited-class#AEDD7E
comment#4b5775italic
entity.name.type.class#AEDD7Eunderline
variable.object.property#AEDD7E
meta.definition.method entity.name.function#AEDD7E
meta.function entity.name.function#AEDD7E
template.expression.begin, template.expression.end#8B78EA
entity.name.tag.yaml#FFD96C
meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json#FFD96C
constant.language.json#8B78EA
entity.other.attribute-name.class#8B78EA
entity.other.attribute-name.id#FE6B8F
source.css entity.name.tag#AEDD7E
meta.tag, punctuation.definition.tag#8B78EA
entity.name.tag#ffebff
entity.other.attribute-name#FFD96Citalic
markup.heading#8B78EA
text.html.markdown meta.link.inline, meta.link.reference#ffebff
text.html.markdown beginning.punctuation.definition.list#8B78EA
markup.italic#ffebffitalic
markup.bold#ffebffbold
markup.bold markup.italic, markup.italic markup.bold#ffebffitalic bold
keyword.other.definition.ini#ffebff
entity.name.section.group-title.ini#8B78EA
source.cs meta.class.identifier storage.type#AEDD7Eunderline
source.cs meta.method.identifier entity.name.function#AEDD7E
source.cs meta.method-call meta.method, source.cs entity.name.function#FFD96C
source.cs storage.type#AEDD7E
source.cs meta.method.return-type#AEDD7E
source.cs meta.preprocessor#4b5775
source.cs entity.name.type.namespace#FFFFFF
Global settings#FFFFFF