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#C4693D
  • activityBar.background#241810
  • activityBar.foreground#FFFFFF
  • activityBar.inactiveForeground#7A6A5A
  • activityBarBadge.background#C4693D
  • activityBarBadge.foreground#FFFFFF
  • badge.background#C4693D
  • badge.foreground#FFFFFF
  • button.background#C4693D
  • button.foreground#FFFFFF
  • button.hoverBackground#D47A4E
  • dropdown.background#3D2B1E
  • dropdown.border#4D3828
  • dropdown.foreground#E8DCC8
  • editor.background#3D2B1E
  • editor.foreground#E8DCC8
  • editor.lineHighlightBackground#4D3828
  • editor.selectionBackground#C4693D80
  • editor.selectionHighlightBackground#C4693D40
  • editorCursor.foreground#FFFFFF
  • editorGroupHeader.tabsBackground#2E1E14
  • editorLineNumber.foreground#6A5A4A
  • gitDecoration.addedResourceForeground#C4A87C
  • gitDecoration.conflictingResourceForeground#C792EA
  • gitDecoration.deletedResourceForeground#E85D3A
  • gitDecoration.modifiedResourceForeground#C4693D
  • input.background#241810
  • input.border#4D3828
  • input.foreground#E8DCC8
  • input.placeholderForeground#7A6A5A
  • inputOption.activeBorder#C4693D
  • list.activeSelectionBackground#4D3828
  • list.activeSelectionForeground#FFFFFF
  • list.focusBackground#4D3828
  • list.hoverBackground#4D3828
  • list.hoverForeground#E8DCC8
  • list.inactiveSelectionBackground#4D3828
  • minimap.background#2E1E14
  • minimap.findMatchHighlight#C4693D80
  • panel.background#2E1E14
  • panel.border#4D3828
  • peekView.background#3D2B1E
  • peekView.border#C4693D
  • peekViewEditor.background#241810
  • peekViewResult.background#2E1E14
  • quickInput.background#3D2B1E
  • quickInput.foreground#E8DCC8
  • scrollbar.shadow#00000044
  • scrollbarSlider.activeBackground#C4693DAA
  • scrollbarSlider.background#4D382880
  • scrollbarSlider.hoverBackground#4D3828AA
  • sideBar.background#2E1E14
  • sideBar.foreground#C8BAA8
  • sideBarSectionHeader.background#3D2B1E
  • sideBarTitle.foreground#E8DCC8
  • statusBar.background#241810
  • statusBar.foreground#FFFFFF
  • statusBarItem.activeBackground#C4693D66
  • statusBarItem.hoverBackground#4D3828
  • tab.activeBackground#3D2B1E
  • tab.activeForeground#FFFFFF
  • tab.hoverBackground#4D3828
  • tab.inactiveBackground#2E1E14
  • tab.inactiveForeground#7A6A5A
  • terminal.ansiBlack#2D2D2D
  • terminal.ansiBlue#7EC8E3
  • terminal.ansiBrightBlack#505050
  • terminal.ansiBrightBlue#8ED8F3
  • terminal.ansiBrightCyan#6AFFFF
  • terminal.ansiBrightGreen#D4B88C
  • terminal.ansiBrightMagenta#D4A0FF
  • terminal.ansiBrightRed#FF6B4A
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#D47A4E
  • terminal.ansiCyan#4AE0E0
  • terminal.ansiGreen#C4A87C
  • terminal.ansiMagenta#C792EA
  • terminal.ansiRed#E85D3A
  • terminal.ansiWhite#E8DCC8
  • terminal.ansiYellow#C4693D
  • terminal.background#241810
  • terminal.foreground#E8DCC8
  • titleBar.activeBackground#241810
  • titleBar.activeForeground#FFFFFF
  • titleBar.inactiveBackground#1E1410
  • titleBar.inactiveForeground#7A6A5A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7A6A5Aitalic
keyword, storage.type, storage.modifier#C4693D
string, string.quoted, string.regexp#C4A87C
constant.numeric, constant.language#E8A85C
entity.name.function, meta.function-call, support.function#E8A85C
entity.name.type, entity.name.class, support.type#E8A85C
variable, variable.parameter#E8DCC8
variable.other.constant#C4A87C
support.type.property-name.css#E8A85Citalic
meta.tag, entity.name.tag#C4693D
entity.other.attribute-name#C4A87C
punctuation, meta.brace, meta.brace.round#8A7A6A
markup.heading, markup.heading entity.name#E8A85Cbold
markup.list#C4A87C
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.fenced_code.block#C4A87C
constant.character.escape#4AE0E0
support.type.property-name.json#E8A85C
constant.language.json#C4693D
Minecraft Theme by Mateo Ryhr - VS Code Theme