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#E85D3A
  • activityBar.background#1E0A0A
  • activityBar.foreground#FFFFFF
  • activityBar.inactiveForeground#6B3A2E
  • activityBarBadge.background#E85D3A
  • activityBarBadge.foreground#FFFFFF
  • badge.background#E85D3A
  • badge.foreground#FFFFFF
  • button.background#E85D3A
  • button.foreground#FFFFFF
  • button.hoverBackground#FF6D4A
  • dropdown.background#2E1111
  • dropdown.border#4A1A1A
  • dropdown.foreground#E8D0C0
  • editor.background#2E1111
  • editor.foreground#E8D0C0
  • editor.lineHighlightBackground#4A1A1A
  • editor.selectionBackground#E85D3A80
  • editor.selectionHighlightBackground#E85D3A40
  • editorCursor.foreground#FFFFFF
  • editorGroupHeader.tabsBackground#1E0A0A
  • editorLineNumber.foreground#6B3A2E
  • gitDecoration.addedResourceForeground#FFD700
  • gitDecoration.conflictingResourceForeground#C792EA
  • gitDecoration.deletedResourceForeground#FF6B4A
  • gitDecoration.modifiedResourceForeground#E85D3A
  • input.background#1E0A0A
  • input.border#4A1A1A
  • input.foreground#E8D0C0
  • input.placeholderForeground#6B3A2E
  • inputOption.activeBorder#E85D3A
  • list.activeSelectionBackground#4A1A1A
  • list.activeSelectionForeground#FFFFFF
  • list.focusBackground#4A1A1A
  • list.hoverBackground#4A1A1A
  • list.hoverForeground#E8D0C0
  • list.inactiveSelectionBackground#4A1A1A
  • minimap.background#1E0A0A
  • minimap.findMatchHighlight#E85D3A80
  • panel.background#241010
  • panel.border#4A1A1A
  • peekView.background#2E1111
  • peekView.border#E85D3A
  • peekViewEditor.background#1E0A0A
  • peekViewResult.background#241010
  • quickInput.background#2E1111
  • quickInput.foreground#E8D0C0
  • scrollbar.shadow#00000044
  • scrollbarSlider.activeBackground#E85D3AAAA
  • scrollbarSlider.background#4A1A1A80
  • scrollbarSlider.hoverBackground#4A1A1AAA
  • sideBar.background#241010
  • sideBar.foreground#C8B8A8
  • sideBarSectionHeader.background#2E1111
  • sideBarTitle.foreground#E8D0C0
  • statusBar.background#1E0A0A
  • statusBar.foreground#FFFFFF
  • statusBarItem.activeBackground#E85D3A66
  • statusBarItem.hoverBackground#4A1A1A
  • tab.activeBackground#2E1111
  • tab.activeForeground#FFFFFF
  • tab.hoverBackground#4A1A1A
  • tab.inactiveBackground#1E0A0A
  • tab.inactiveForeground#6B3A2E
  • terminal.ansiBlack#2D2D2D
  • terminal.ansiBlue#4A9B8E
  • terminal.ansiBrightBlack#505050
  • terminal.ansiBrightBlue#5AABA0
  • terminal.ansiBrightCyan#6AFFFF
  • terminal.ansiBrightGreen#FFE04D
  • terminal.ansiBrightMagenta#D4A0FF
  • terminal.ansiBrightRed#FF6B4A
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FF7B4A
  • terminal.ansiCyan#4AE0E0
  • terminal.ansiGreen#FFD700
  • terminal.ansiMagenta#C792EA
  • terminal.ansiRed#E85D3A
  • terminal.ansiWhite#E8D0C0
  • terminal.ansiYellow#E85D3A
  • terminal.background#1E0A0A
  • terminal.foreground#E8D0C0
  • titleBar.activeBackground#1E0A0A
  • titleBar.activeForeground#FFFFFF
  • titleBar.inactiveBackground#140808
  • titleBar.inactiveForeground#6B3A2E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6B3A2Eitalic
keyword, storage.type, storage.modifier#E85D3A
string, string.quoted, string.regexp#FFD700
constant.numeric, constant.language#E85D3A
entity.name.function, meta.function-call, support.function#4AE0E0
entity.name.type, entity.name.class, support.type#FFD700
variable, variable.parameter#E8D0C0
variable.other.constant#FFD700
support.type.property-name.css#4AE0E0italic
meta.tag, entity.name.tag#E85D3A
entity.other.attribute-name#FFD700
punctuation, meta.brace, meta.brace.round#A08070
markup.heading, markup.heading entity.name#4AE0E0bold
markup.list#FFD700
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.fenced_code.block#FFD700
constant.character.escape#4AE0E0
support.type.property-name.json#4AE0E0
constant.language.json#E85D3A
Minecraft Theme by Mateo Ryhr - VS Code Theme