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.activeBorder#B080FF
  • activityBar.background#0E0E1E
  • activityBar.foreground#FFFFFF
  • activityBar.inactiveForeground#4A3A6A
  • activityBarBadge.background#B080FF
  • activityBarBadge.foreground#FFFFFF
  • badge.background#B080FF
  • badge.foreground#FFFFFF
  • button.background#B080FF
  • button.foreground#FFFFFF
  • button.hoverBackground#C090FF
  • dropdown.background#1A1A2E
  • dropdown.border#2A1A3E
  • dropdown.foreground#E0D8F0
  • editor.background#1A1A2E
  • editor.foreground#E0D8F0
  • editor.lineHighlightBackground#2A1A3E
  • editor.selectionBackground#B080FF80
  • editor.selectionHighlightBackground#B080FF40
  • editorCursor.foreground#FFFFFF
  • editorGroupHeader.tabsBackground#121222
  • editorLineNumber.foreground#4A3A6A
  • gitDecoration.addedResourceForeground#E8A0C0
  • gitDecoration.conflictingResourceForeground#4AE0E0
  • gitDecoration.deletedResourceForeground#E85D3A
  • gitDecoration.modifiedResourceForeground#B080FF
  • input.background#0E0E1E
  • input.border#2A1A3E
  • input.foreground#E0D8F0
  • input.placeholderForeground#4A3A6A
  • inputOption.activeBorder#B080FF
  • list.activeSelectionBackground#2A1A3E
  • list.activeSelectionForeground#FFFFFF
  • list.focusBackground#2A1A3E
  • list.hoverBackground#2A1A3E
  • list.hoverForeground#E0D8F0
  • list.inactiveSelectionBackground#2A1A3E
  • minimap.background#121222
  • minimap.findMatchHighlight#B080FF80
  • panel.background#141428
  • panel.border#2A1A3E
  • peekView.background#1A1A2E
  • peekView.border#B080FF
  • peekViewEditor.background#0E0E1E
  • peekViewResult.background#141428
  • quickInput.background#1A1A2E
  • quickInput.foreground#E0D8F0
  • scrollbar.shadow#00000044
  • scrollbarSlider.activeBackground#B080FFAA
  • scrollbarSlider.background#2A1A3E80
  • scrollbarSlider.hoverBackground#2A1A3EAA
  • sideBar.background#141428
  • sideBar.foreground#C8C0D8
  • sideBarSectionHeader.background#1A1A2E
  • sideBarTitle.foreground#E0D8F0
  • statusBar.background#0E0E1E
  • statusBar.foreground#FFFFFF
  • statusBarItem.activeBackground#B080FF66
  • statusBarItem.hoverBackground#2A1A3E
  • tab.activeBackground#1A1A2E
  • tab.activeForeground#FFFFFF
  • tab.hoverBackground#2A1A3E
  • tab.inactiveBackground#121222
  • tab.inactiveForeground#4A3A6A
  • terminal.ansiBlack#2D2D2D
  • terminal.ansiBlue#4AE0E0
  • terminal.ansiBrightBlack#505050
  • terminal.ansiBrightBlue#6AFFFF
  • terminal.ansiBrightCyan#6AFFFF
  • terminal.ansiBrightGreen#E8B0D0
  • terminal.ansiBrightMagenta#C090FF
  • terminal.ansiBrightRed#FF6B4A
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#C090FF
  • terminal.ansiCyan#4AE0E0
  • terminal.ansiGreen#E8A0C0
  • terminal.ansiMagenta#B080FF
  • terminal.ansiRed#E85D3A
  • terminal.ansiWhite#E0D8F0
  • terminal.ansiYellow#B080FF
  • terminal.background#0E0E1E
  • terminal.foreground#E0D8F0
  • titleBar.activeBackground#0E0E1E
  • titleBar.activeForeground#FFFFFF
  • titleBar.inactiveBackground#0A0A14
  • titleBar.inactiveForeground#4A3A6A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4A3A6Aitalic
keyword, storage.type, storage.modifier#B080FF
string, string.quoted, string.regexp#E8A0C0
constant.numeric, constant.language#4AE0E0
entity.name.function, meta.function-call, support.function#B080FF
entity.name.type, entity.name.class, support.type#E8E0D0
variable, variable.parameter#E0D8F0
variable.other.constant#E8E0D0
support.type.property-name.css#B080FFitalic
meta.tag, entity.name.tag#B080FF
entity.other.attribute-name#E8A0C0
punctuation, meta.brace, meta.brace.round#6A5A8A
markup.heading, markup.heading entity.name#B080FFbold
markup.list#E8A0C0
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.fenced_code.block#E8A0C0
constant.character.escape#4AE0E0
support.type.property-name.json#B080FF
constant.language.json#B080FF
Minecraft Theme by Mateo Ryhr - VS Code Theme