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#FFD96C
  • 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#FFF
  • statusBar.background#090C14
  • tab.activeBackground#090C14
  • tab.activeForeground#fff
  • 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#B3A6A6
keyword, modifier, variable.language.this, support.type.object, constant.language#8B78EA
entity.name.function, support.function#FFD96C
storage.type, storage.modifier#FFFbold
support.module, support.node#FD9F71
support.type#FE6B8F
entity.name.type, entity.other.inherited-class#00FAAC
comment#4b5775
entity.name.type.class#00FAAC
variable.object.property#00FAAC
meta.definition.method entity.name.function#00FAAC
meta.function entity.name.function#00FAAC
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#FFF
meta.tag, punctuation.definition.tag#8B78EA
entity.name.tag#FFF
entity.other.attribute-name#FFD96C
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#00FAACunderline
source.cs meta.method.identifier entity.name.function#00FAAC
source.cs meta.method-call meta.method, source.cs entity.name.function#FFD96C
source.cs storage.type#00FAAC
source.cs meta.method.return-type#00FAAC
source.cs meta.preprocessor#4b5775
source.cs entity.name.type.namespace#FFFFFF
Global settings#FFFFFF
ThemeDatabase All Themes by enes ozturk - VS Code Theme