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.

  • _comment=== HOUSE BARATHEON: Ours Is the Fury ===
  • _comment2=== Palette: Storm black, royal gold, thunder yellow, iron grey ===
  • activityBar.background#08080A
  • activityBar.border#16161A
  • activityBar.foreground#DAA520
  • activityBar.inactiveForeground#3A3A42
  • activityBarBadge.background#DAA520
  • activityBarBadge.foreground#08080A
  • badge.background#DAA520
  • badge.foreground#08080A
  • button.background#DAA520
  • button.foreground#08080A
  • button.hoverBackground#E0B530
  • descriptionForeground#5A5A5A
  • editor.background#0E0E10
  • editor.findMatchBackground#DAA52055
  • editor.findMatchHighlightBackground#DAA52033
  • editor.foreground#D0C8B8
  • editor.hoverHighlightBackground#DAA52022
  • editor.lineHighlightBackground#16161A
  • editor.lineHighlightBorder#202028
  • editor.selectionBackground#DAA52050
  • editor.selectionHighlightBackground#DAA52030
  • editor.wordHighlightBackground#DAA52022
  • editor.wordHighlightStrongBackground#DAA52044
  • editorBracketHighlight.foreground1#DAA520
  • editorBracketHighlight.foreground2#A0A0A0
  • editorBracketHighlight.foreground3#FFD700
  • editorBracketHighlight.foreground4#7A8A7A
  • editorBracketHighlight.foreground5#E0C060
  • editorBracketHighlight.foreground6#B0B0B0
  • editorBracketHighlight.unexpectedBracket.foreground#FF0000
  • editorBracketMatch.background#DAA52033
  • editorBracketMatch.border#DAA520AA
  • editorCodeLens.foreground#5A5A5A
  • editorCursor.foreground#DAA520
  • editorGroupHeader.tabsBackground#08080A
  • editorGutter.addedBackground#5A9A5A
  • editorGutter.background#0E0E10
  • editorGutter.deletedBackground#8B0000
  • editorGutter.modifiedBackground#DAA520
  • editorIndentGuide.activeBackground#DAA52055
  • editorIndentGuide.background#202028
  • editorInlayHint.background#16161A
  • editorInlayHint.foreground#5A5A5A
  • editorLineNumber.activeForeground#DAA520
  • editorLineNumber.foreground#2E2E35
  • editorLink.activeForeground#DAA520
  • editorSuggestWidget.highlightForeground#DAA520
  • editorSuggestWidget.selectedBackground#DAA52044
  • editorWhitespace.foreground#202028
  • editorWidget.background#0E0E10
  • editorWidget.border#2E2E35
  • errorForeground#CC3333
  • focusBorder#DAA52088
  • gitDecoration.addedResourceForeground#5A9A5A
  • gitDecoration.deletedResourceForeground#CC3333
  • gitDecoration.ignoredResourceForeground#2E2E35
  • gitDecoration.modifiedResourceForeground#DAA520
  • icon.foreground#DAA520
  • input.background#0B0B0D
  • input.border#2E2E35
  • input.foreground#D0C8B8
  • input.placeholderForeground#3A3A42
  • list.activeSelectionBackground#DAA52044
  • list.activeSelectionForeground#DAA520
  • list.errorForeground#CC3333
  • list.highlightForeground#DAA520
  • list.hoverBackground#16161A
  • list.hoverForeground#D0C8B8
  • list.inactiveSelectionBackground#16161A
  • list.warningForeground#E0A000
  • menu.background#0E0E10
  • menu.foreground#D0C8B8
  • menu.selectionBackground#DAA52055
  • menu.selectionForeground#DAA520
  • minimap.background#08080A
  • notificationCenterHeader.foreground#DAA520
  • notifications.background#0E0E10
  • notifications.border#16161A
  • panel.background#08080A
  • panel.border#16161A
  • panelTitle.activeBorder#DAA520
  • panelTitle.activeForeground#DAA520
  • panelTitle.inactiveForeground#3A3A42
  • progressBar.background#DAA520
  • quickInput.background#0E0E10
  • quickInputList.focusBackground#DAA52044
  • scrollbarSlider.background#2E2E3555
  • scrollbarSlider.hoverBackground#DAA52044
  • settings.headerForeground#DAA520
  • sideBar.background#0B0B0D
  • sideBar.border#16161A
  • sideBar.foreground#8A8070
  • sideBarSectionHeader.background#08080A
  • sideBarSectionHeader.foreground#DAA520
  • sideBarTitle.foreground#DAA520
  • statusBar.background#08080A
  • statusBar.border#DAA52044
  • statusBar.debuggingBackground#DAA520
  • statusBar.debuggingForeground#08080A
  • statusBar.foreground#DAA520
  • statusBarItem.remoteBackground#5A5A00
  • statusBarItem.remoteForeground#DAA520
  • tab.activeBackground#0E0E10
  • tab.activeBorder#5A5A00
  • tab.activeBorderTop#DAA520
  • tab.activeForeground#DAA520
  • tab.border#16161A
  • tab.hoverBackground#16161A
  • tab.inactiveBackground#08080A
  • tab.inactiveForeground#3A3A42
  • terminal.ansiBlack#08080A
  • terminal.ansiBlue#4A5A7A
  • terminal.ansiBrightBlack#3A3A42
  • terminal.ansiBrightBlue#7A8AAA
  • terminal.ansiBrightCyan#7A9AAA
  • terminal.ansiBrightGreen#7ABA5A
  • terminal.ansiBrightMagenta#9A7A9A
  • terminal.ansiBrightRed#CC5050
  • terminal.ansiBrightWhite#D0C8B8
  • terminal.ansiBrightYellow#DAA520
  • terminal.ansiCyan#4A6A7A
  • terminal.ansiGreen#5A8A3A
  • terminal.ansiMagenta#6A4A6A
  • terminal.ansiRed#8B3030
  • terminal.ansiWhite#8A8070
  • terminal.ansiYellow#B8960C
  • terminal.background#08080A
  • terminal.foreground#D0C8B8
  • terminalCursor.foreground#DAA520
  • titleBar.activeBackground#08080A
  • titleBar.activeForeground#DAA520
  • titleBar.border#16161A
  • titleBar.inactiveBackground#060608
  • titleBar.inactiveForeground#3A3A42
  • window.activeBorder#DAA520
  • window.inactiveBorder#16161A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source, text#D0C8B8
comment, punctuation.definition.comment#404048italic
keyword, keyword.control, storage.type, storage.modifier#B0B0B0bold
keyword.operator#808080
string, string.quoted, string.template#DAA520
constant.character.escape#FFD700
punctuation.definition.template-expression#E0C060
constant.numeric#E0A000
constant, constant.language#E8E0D0bold
constant.language.boolean, constant.language.null#B0A080italic
entity.name.function, support.function#C0B070
variable.parameter#8A8070italic
storage.type.function.arrow#B0B0B0
entity.name.class, support.class#DAA520bold
entity.name.type, support.type#B0A060
variable, variable.other#7A8A7A
variable.other.property#8A8070
support.type.property-name#C0B070
variable.language.this#B0B0B0italic
keyword.control.import, keyword.control.export#B0B0B0bold
punctuation.separator, punctuation.terminator#5A5A5A
meta.brace, punctuation.definition.block#6A6A6A
meta.decorator#9A7A9Aitalic
entity.name.tag#B0B0B0
entity.other.attribute-name#DAA520italic
support.type.property-name.json#C0B070
markup.heading#DAA520bold
invalid#FF0000bold underline