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#8B9D6B
  • activityBar.background#1E2814
  • activityBar.foreground#FFFFFF
  • activityBar.inactiveForeground#6A7A5A
  • activityBarBadge.background#8B9D6B
  • activityBarBadge.foreground#FFFFFF
  • badge.background#8B9D6B
  • badge.foreground#FFFFFF
  • button.background#8B9D6B
  • button.foreground#FFFFFF
  • button.hoverBackground#9BAF7B
  • dropdown.background#2E3B1E
  • dropdown.border#3D4035
  • dropdown.foreground#E8E0D0
  • editor.background#2E3B1E
  • editor.foreground#E8E0D0
  • editor.lineHighlightBackground#3D4035
  • editor.selectionBackground#8B9D6B80
  • editor.selectionHighlightBackground#8B9D6B40
  • editorCursor.foreground#FFFFFF
  • editorGroupHeader.tabsBackground#222D16
  • editorLineNumber.foreground#5A6A4A
  • gitDecoration.addedResourceForeground#9BAF7B
  • gitDecoration.conflictingResourceForeground#C792EA
  • gitDecoration.deletedResourceForeground#E85D3A
  • gitDecoration.modifiedResourceForeground#E8D44D
  • input.background#1E2814
  • input.border#3D4035
  • input.foreground#E8E0D0
  • input.placeholderForeground#6A7A5A
  • inputOption.activeBorder#8B9D6B
  • list.activeSelectionBackground#3D4035
  • list.activeSelectionForeground#FFFFFF
  • list.focusBackground#3D4035
  • list.hoverBackground#354026
  • list.hoverForeground#E8E0D0
  • list.inactiveSelectionBackground#354026
  • minimap.background#222D16
  • minimap.findMatchHighlight#8B9D6B80
  • panel.background#263018
  • panel.border#3D4035
  • peekView.background#2E3B1E
  • peekView.border#8B9D6B
  • peekViewEditor.background#1E2814
  • peekViewResult.background#263018
  • quickInput.background#2E3B1E
  • quickInput.foreground#E8E0D0
  • scrollbar.shadow#00000044
  • scrollbarSlider.activeBackground#8B9D6BAA
  • scrollbarSlider.background#3D403580
  • scrollbarSlider.hoverBackground#3D4035AA
  • sideBar.background#263018
  • sideBar.foreground#C8C0B0
  • sideBarSectionHeader.background#2E3B1E
  • sideBarTitle.foreground#E8E0D0
  • statusBar.background#1E2814
  • statusBar.foreground#FFFFFF
  • statusBarItem.activeBackground#8B9D6B66
  • statusBarItem.hoverBackground#3D4035
  • tab.activeBackground#2E3B1E
  • tab.activeForeground#FFFFFF
  • tab.hoverBackground#354026
  • tab.inactiveBackground#222D16
  • tab.inactiveForeground#6A7A5A
  • terminal.ansiBlack#2D2D2D
  • terminal.ansiBlue#7EC8E3
  • terminal.ansiBrightBlack#505050
  • terminal.ansiBrightBlue#8ED8F3
  • terminal.ansiBrightCyan#6AFFFF
  • terminal.ansiBrightGreen#9BAF7B
  • terminal.ansiBrightMagenta#D4A0FF
  • terminal.ansiBrightRed#FF6B4A
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FFDF66
  • terminal.ansiCyan#4AE0E0
  • terminal.ansiGreen#8B9D6B
  • terminal.ansiMagenta#C792EA
  • terminal.ansiRed#E85D3A
  • terminal.ansiWhite#E8E0D0
  • terminal.ansiYellow#E8D44D
  • terminal.background#1E2814
  • terminal.foreground#E8E0D0
  • titleBar.activeBackground#1E2814
  • titleBar.activeForeground#FFFFFF
  • titleBar.inactiveBackground#1A2410
  • titleBar.inactiveForeground#6A7A5A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6A7A5Aitalic
keyword, storage.type, storage.modifier#7EC8E3
string, string.quoted, string.regexp#8B9D6B
constant.numeric, constant.language#E8D44D
entity.name.function, meta.function-call, support.function#7EC8E3
entity.name.type, entity.name.class, support.type#E8D44D
variable, variable.parameter#E8E0D0
variable.other.constant#E8D44D
support.type.property-name.css#7EC8E3italic
meta.tag, entity.name.tag#7EC8E3
entity.other.attribute-name#8B9D6B
punctuation, meta.brace, meta.brace.round#8A9A7A
markup.heading, markup.heading entity.name#7EC8E3bold
markup.list#8B9D6B
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.fenced_code.block#8B9D6B
constant.character.escape#4AE0E0
support.type.property-name.json#7EC8E3
constant.language.json#7EC8E3
Minecraft Theme by Mateo Ryhr - VS Code Theme