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#4B7B3E
  • activityBar.background#0F0F1E
  • activityBar.foreground#FFFFFF
  • activityBar.inactiveForeground#6A6A8A
  • activityBarBadge.background#4B7B3E
  • activityBarBadge.foreground#FFFFFF
  • badge.background#4B7B3E
  • badge.foreground#FFFFFF
  • button.background#4B7B3E
  • button.foreground#FFFFFF
  • button.hoverBackground#5B8C4E
  • dropdown.background#1A1A2E
  • dropdown.border#2D2D44
  • dropdown.foreground#E0E0E0
  • editor.background#1A1A2E
  • editor.foreground#E0E0E0
  • editor.lineHighlightBackground#2D2D44
  • editor.selectionBackground#4B7B3E80
  • editor.selectionHighlightBackground#4B7B3E40
  • editorCursor.foreground#FFFFFF
  • editorGroupHeader.tabsBackground#12121E
  • editorLineNumber.foreground#4A4A6A
  • gitDecoration.addedResourceForeground#5B8C4E
  • gitDecoration.conflictingResourceForeground#C792EA
  • gitDecoration.deletedResourceForeground#E85D3A
  • gitDecoration.modifiedResourceForeground#E8C547
  • input.background#0F0F1E
  • input.border#2D2D44
  • input.foreground#E0E0E0
  • input.placeholderForeground#6A6A8A
  • inputOption.activeBorder#4B7B3E
  • list.activeSelectionBackground#2D2D44
  • list.activeSelectionForeground#FFFFFF
  • list.focusBackground#2D2D44
  • list.hoverBackground#1F1F38
  • list.hoverForeground#E0E0E0
  • list.inactiveSelectionBackground#1F1F38
  • minimap.background#12121E
  • minimap.findMatchHighlight#4B7B3E80
  • panel.background#16162A
  • panel.border#2D2D44
  • peekView.background#1A1A2E
  • peekView.border#4B7B3E
  • peekViewEditor.background#0F0F1E
  • peekViewResult.background#16162A
  • quickInput.background#1A1A2E
  • quickInput.foreground#E0E0E0
  • scrollbar.shadow#00000044
  • scrollbarSlider.activeBackground#4B7B3EAA
  • scrollbarSlider.background#2D2D4480
  • scrollbarSlider.hoverBackground#2D2D44AA
  • sideBar.background#16162A
  • sideBar.foreground#C0C0C0
  • sideBarSectionHeader.background#1F1F38
  • sideBarTitle.foreground#E0E0E0
  • statusBar.background#0F0F1E
  • statusBar.foreground#FFFFFF
  • statusBarItem.activeBackground#4B7B3E66
  • statusBarItem.hoverBackground#2D2D44
  • tab.activeBackground#1A1A2E
  • tab.activeForeground#FFFFFF
  • tab.hoverBackground#1F1F38
  • tab.inactiveBackground#12121E
  • tab.inactiveForeground#6A6A8A
  • terminal.ansiBlack#2D2D2D
  • terminal.ansiBlue#4A9BE8
  • terminal.ansiBrightBlack#505050
  • terminal.ansiBrightBlue#6AB0FF
  • terminal.ansiBrightCyan#6AFFFF
  • terminal.ansiBrightGreen#5B8C4E
  • terminal.ansiBrightMagenta#D4A0FF
  • terminal.ansiBrightRed#FF6B4A
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FFD966
  • terminal.ansiCyan#4AE0E0
  • terminal.ansiGreen#4B7B3E
  • terminal.ansiMagenta#C792EA
  • terminal.ansiRed#E85D3A
  • terminal.ansiWhite#E0E0E0
  • terminal.ansiYellow#E8C547
  • terminal.background#0F0F1E
  • terminal.foreground#E0E0E0
  • titleBar.activeBackground#0F0F1E
  • titleBar.activeForeground#FFFFFF
  • titleBar.inactiveBackground#0A0A14
  • titleBar.inactiveForeground#6A6A8A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6A6A8Aitalic
keyword, storage.type, storage.modifier#C792EA
string, string.quoted, string.regexp#C3E88D
constant.numeric, constant.language#F78C6C
entity.name.function, meta.function-call, support.function#82AAFF
entity.name.type, entity.name.class, support.type#FFCB6B
variable, variable.parameter#E0E0E0
variable.other.constant#FFCB6B
support.type.property-name.css#82AAFFitalic
meta.tag, entity.name.tag#C792EA
entity.other.attribute-name#C3E88D
punctuation, meta.brace, meta.brace.round#A0A0C0
markup.heading, markup.heading entity.name#82AAFFbold
markup.list#C3E88D
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.fenced_code.block#C3E88D
constant.character.escape#4AE0E0
support.type.property-name.json#82AAFF
constant.language.json#C792EA