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#4AE04A
  • activityBar.background#0E1E0E
  • activityBar.foreground#FFFFFF
  • activityBar.inactiveForeground#3A4A3A
  • activityBarBadge.background#4AE04A
  • activityBarBadge.foreground#0E1E0E
  • badge.background#4AE04A
  • badge.foreground#0E1E0E
  • button.background#4AE04A
  • button.foreground#0E1E0E
  • button.hoverBackground#6AFF6A
  • dropdown.background#1A2E1A
  • dropdown.border#223A22
  • dropdown.foreground#C8D0C8
  • editor.background#1A2E1A
  • editor.foreground#C8D0C8
  • editor.lineHighlightBackground#223A22
  • editor.selectionBackground#4AE04A80
  • editor.selectionHighlightBackground#4AE04A40
  • editorCursor.foreground#FFFFFF
  • editorGroupHeader.tabsBackground#142414
  • editorLineNumber.foreground#3A4A3A
  • gitDecoration.addedResourceForeground#4AE04A
  • gitDecoration.conflictingResourceForeground#C792EA
  • gitDecoration.deletedResourceForeground#E85D3A
  • gitDecoration.modifiedResourceForeground#E8E040
  • input.background#0E1E0E
  • input.border#223A22
  • input.foreground#C8D0C8
  • input.placeholderForeground#3A4A3A
  • inputOption.activeBorder#4AE04A
  • list.activeSelectionBackground#223A22
  • list.activeSelectionForeground#FFFFFF
  • list.focusBackground#223A22
  • list.hoverBackground#1E321E
  • list.hoverForeground#C8D0C8
  • list.inactiveSelectionBackground#1E321E
  • minimap.background#142414
  • minimap.findMatchHighlight#4AE04A80
  • panel.background#122412
  • panel.border#223A22
  • peekView.background#1A2E1A
  • peekView.border#4AE04A
  • peekViewEditor.background#0E1E0E
  • peekViewResult.background#122412
  • quickInput.background#1A2E1A
  • quickInput.foreground#C8D0C8
  • scrollbar.shadow#00000044
  • scrollbarSlider.activeBackground#4AE04AAA
  • scrollbarSlider.background#223A2280
  • scrollbarSlider.hoverBackground#223A22AA
  • sideBar.background#122412
  • sideBar.foreground#A8B0A8
  • sideBarSectionHeader.background#1A2E1A
  • sideBarTitle.foreground#C8D0C8
  • statusBar.background#0E1E0E
  • statusBar.foreground#FFFFFF
  • statusBarItem.activeBackground#4AE04A66
  • statusBarItem.hoverBackground#223A22
  • tab.activeBackground#1A2E1A
  • tab.activeForeground#FFFFFF
  • tab.hoverBackground#223A22
  • tab.inactiveBackground#142414
  • tab.inactiveForeground#3A4A3A
  • terminal.ansiBlack#2D2D2D
  • terminal.ansiBlue#7EC8E3
  • terminal.ansiBrightBlack#505050
  • terminal.ansiBrightBlue#8ED8F3
  • terminal.ansiBrightCyan#8AFFFF
  • terminal.ansiBrightGreen#6AFF6A
  • terminal.ansiBrightMagenta#D4A0FF
  • terminal.ansiBrightRed#FF6B4A
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FFFF66
  • terminal.ansiCyan#6AFFFF
  • terminal.ansiGreen#4AE04A
  • terminal.ansiMagenta#C792EA
  • terminal.ansiRed#E85D3A
  • terminal.ansiWhite#C8D0C8
  • terminal.ansiYellow#E8E040
  • terminal.background#0E1E0E
  • terminal.foreground#C8D0C8
  • titleBar.activeBackground#0E1E0E
  • titleBar.activeForeground#FFFFFF
  • titleBar.inactiveBackground#0C1A0C
  • titleBar.inactiveForeground#3A4A3A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#3A4A3Aitalic
keyword, storage.type, storage.modifier#E8E040
string, string.quoted, string.regexp#4AE04A
constant.numeric, constant.language#7EC8E3
entity.name.function, meta.function-call, support.function#E8E040
entity.name.type, entity.name.class, support.type#7EC8E3
variable, variable.parameter#C8D0C8
variable.other.constant#7EC8E3
support.type.property-name.css#E8E040italic
meta.tag, entity.name.tag#E8E040
entity.other.attribute-name#4AE04A
punctuation, meta.brace, meta.brace.round#3A4A3A
markup.heading, markup.heading entity.name#E8E040bold
markup.list#4AE04A
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.fenced_code.block#4AE04A
constant.character.escape#6AFFFF
support.type.property-name.json#E8E040
constant.language.json#E8E040