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