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#3D8B37
  • activityBar.background#0E1A0E
  • activityBar.foreground#FFFFFF
  • activityBar.inactiveForeground#4A5A3A
  • activityBarBadge.background#3D8B37
  • activityBarBadge.foreground#FFFFFF
  • badge.background#3D8B37
  • badge.foreground#FFFFFF
  • button.background#3D8B37
  • button.foreground#FFFFFF
  • button.hoverBackground#5A8A5A
  • dropdown.background#1E2E1E
  • dropdown.border#2E3E2E
  • dropdown.foreground#C8D0B0
  • editor.background#1E2E1E
  • editor.foreground#C8D0B0
  • editor.lineHighlightBackground#2E3E2E
  • editor.selectionBackground#5A8A5A80
  • editor.selectionHighlightBackground#5A8A5A40
  • editorCursor.foreground#FFFFFF
  • editorGroupHeader.tabsBackground#162416
  • editorLineNumber.foreground#3A4A3A
  • gitDecoration.addedResourceForeground#5A8A5A
  • gitDecoration.conflictingResourceForeground#C792EA
  • gitDecoration.deletedResourceForeground#8B3A3A
  • gitDecoration.modifiedResourceForeground#C4A87C
  • input.background#0E1A0E
  • input.border#2E3E2E
  • input.foreground#C8D0B0
  • input.placeholderForeground#4A5A3A
  • inputOption.activeBorder#3D8B37
  • list.activeSelectionBackground#2E3E2E
  • list.activeSelectionForeground#FFFFFF
  • list.focusBackground#2E3E2E
  • list.hoverBackground#263626
  • list.hoverForeground#C8D0B0
  • list.inactiveSelectionBackground#263626
  • minimap.background#162416
  • minimap.findMatchHighlight#5A8A5A80
  • panel.background#141E14
  • panel.border#2E3E2E
  • peekView.background#1E2E1E
  • peekView.border#3D8B37
  • peekViewEditor.background#0E1A0E
  • peekViewResult.background#141E14
  • quickInput.background#1E2E1E
  • quickInput.foreground#C8D0B0
  • scrollbar.shadow#00000044
  • scrollbarSlider.activeBackground#3D8B37AA
  • scrollbarSlider.background#2E3E2E80
  • scrollbarSlider.hoverBackground#2E3E2EAA
  • sideBar.background#141E14
  • sideBar.foreground#A8B0A0
  • sideBarSectionHeader.background#1E2E1E
  • sideBarTitle.foreground#C8D0B0
  • statusBar.background#0E1A0E
  • statusBar.foreground#FFFFFF
  • statusBarItem.activeBackground#5A8A5A66
  • statusBarItem.hoverBackground#2E3E2E
  • tab.activeBackground#1E2E1E
  • tab.activeForeground#FFFFFF
  • tab.hoverBackground#2E3E2E
  • tab.inactiveBackground#162416
  • tab.inactiveForeground#4A5A3A
  • terminal.ansiBlack#2D2D2D
  • terminal.ansiBlue#7EC8E3
  • terminal.ansiBrightBlack#505050
  • terminal.ansiBrightBlue#8ED8F3
  • terminal.ansiBrightCyan#6AFFFF
  • terminal.ansiBrightGreen#5A8A5A
  • terminal.ansiBrightMagenta#D4A0FF
  • terminal.ansiBrightRed#A84A4A
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#D4B88C
  • terminal.ansiCyan#4AE0E0
  • terminal.ansiGreen#3D8B37
  • terminal.ansiMagenta#C792EA
  • terminal.ansiRed#8B3A3A
  • terminal.ansiWhite#C8D0B0
  • terminal.ansiYellow#C4A87C
  • terminal.background#0E1A0E
  • terminal.foreground#C8D0B0
  • titleBar.activeBackground#0E1A0E
  • titleBar.activeForeground#FFFFFF
  • titleBar.inactiveBackground#0C160C
  • titleBar.inactiveForeground#4A5A3A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4A5A3Aitalic
keyword, storage.type, storage.modifier#8B3A3A
string, string.quoted, string.regexp#C8D0B0
constant.numeric, constant.language#7EC8E3
entity.name.function, meta.function-call, support.function#5A8A5A
entity.name.type, entity.name.class, support.type#C4A87C
variable, variable.parameter#C8D0B0
variable.other.constant#C4A87C
support.type.property-name.css#5A8A5Aitalic
meta.tag, entity.name.tag#5A8A5A
entity.other.attribute-name#C8D0B0
punctuation, meta.brace, meta.brace.round#4A5A3A
markup.heading, markup.heading entity.name#5A8A5Abold
markup.list#C8D0B0
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.fenced_code.block#C8D0B0
constant.character.escape#4AE0E0
support.type.property-name.json#5A8A5A
constant.language.json#5A8A5A