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.background#801902
  • activityBar.border#801902
  • activityBar.foreground#fff8e6
  • activityBar.inactiveForeground#d38f2c
  • activityBarBadge.background#c5461d
  • activityBarBadge.foreground#fff8e6
  • badge.background#c5461d
  • badge.foreground#fff8e6
  • button.background#801902
  • button.foreground#fff8e6
  • button.hoverBackground#c5461d
  • disabledForeground#801902
  • dropdown.background#fff8e6
  • dropdown.border#f5f379
  • dropdown.foreground#281c15
  • editor.background#fffeb0
  • editor.findMatchBackground#f5f37980
  • editor.findMatchHighlightBackground#f5f37940
  • editor.foreground#4f2613
  • editor.hoverHighlightBackground#d38f2c40
  • editor.inactiveSelectionBackground#d38f2c40
  • editor.selectionBackground#d38f2c80
  • editor.selectionHighlightBackground#c5461d40
  • editor.wordHighlightBackground#f5f37940
  • editor.wordHighlightStrongBackground#f5f37980
  • editorBracketMatch.background#fff8e6
  • editorBracketMatch.border#c5461d
  • editorCursor.foreground#c5461d
  • editorGroupHeader.noTabsBackground#fff8e6
  • editorGroupHeader.tabsBackground#fff8e6
  • editorGroupHeader.tabsBorder#801902
  • editorGutter.addedBackground#d38f2c
  • editorGutter.background#fff8e6
  • editorGutter.deletedBackground#c5461d
  • editorGutter.modifiedBackground#f5f379
  • editorIndentGuide.activeBackground#80190280
  • editorIndentGuide.background#80190233
  • editorLineNumber.activeForeground#801902
  • editorLineNumber.foreground#d38f2c
  • editorOverviewRuler.border#ffffff00
  • editorOverviewRuler.errorForeground#c5461d
  • editorOverviewRuler.findMatchForeground#f5f37980
  • editorOverviewRuler.infoForeground#801902
  • editorOverviewRuler.warningForeground#6d6c4a
  • editorRuler.foreground#d38f2c
  • editorWhitespace.foreground#80190240
  • focusBorder#c5461d
  • foreground#281c15
  • gitDecoration.deletedResourceForeground#c5461d
  • gitDecoration.ignoredResourceForeground#dea44c
  • gitDecoration.modifiedResourceForeground#d38f2c
  • gitDecoration.renamedResourceForeground#c5461d
  • gitDecoration.untrackedResourceForeground#801902
  • input.background#fff8e6
  • input.border#f5f379
  • input.foreground#281c15
  • input.placeholderForeground#80190280
  • list.activeSelectionBackground#f5f37980
  • list.activeSelectionForeground#281c15
  • list.errorForeground#801902
  • list.focusBackground#f5f37980
  • list.focusForeground#281c15
  • list.highlightForeground#c5461d
  • list.hoverBackground#d38f2c80
  • list.hoverForeground#281c15
  • list.inactiveSelectionBackground#d38f2c40
  • list.inactiveSelectionForeground#281c15
  • list.warningForeground#efcf3f
  • panel.background#fff8e6
  • panel.border#f5f379
  • panelTitle.activeBorder#c5461d
  • panelTitle.activeForeground#281c15
  • panelTitle.inactiveForeground#281c1599
  • peekView.border#c5461d
  • peekViewEditor.background#fff8e6
  • peekViewEditor.matchHighlightBackground#f5f37980
  • peekViewResult.background#fff8e6
  • peekViewResult.selectionBackground#d38f2c80
  • peekViewTitle.background#f5f379
  • progressBar.background#c5461d
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#801902
  • scrollbarSlider.background#80190240
  • scrollbarSlider.hoverBackground#80190280
  • sideBar.background#d38f2c
  • sideBar.border#801902
  • sideBar.foreground#3c1c0d
  • sideBarSectionHeader.background#801902
  • sideBarSectionHeader.border#801902
  • sideBarSectionHeader.foreground#fff8e6
  • sideBarTitle.foreground#fff8e6
  • statusBar.background#d38f2c
  • statusBar.border#d38f2c
  • statusBar.debuggingBackground#c5461d
  • statusBar.debuggingForeground#fff8e6
  • statusBar.foreground#fff8e6
  • statusBar.noFolderBackground#801902
  • statusBar.noFolderForeground#fff8e6
  • statusBarItem.remoteBackground#c5461d
  • statusBarItem.remoteForeground#fff8e6
  • tab.activeBackground#fff8e6
  • tab.activeBorderTop#c5461d
  • tab.activeForeground#281c15
  • tab.border#801902
  • tab.inactiveBackground#d38f2c
  • tab.inactiveForeground#80190299
  • tab.unfocusedActiveBorderTop#c5461d80
  • terminal.ansiBlack#281c15
  • terminal.ansiBlue#801902
  • terminal.ansiBrightBlack#801902
  • terminal.ansiBrightBlue#801902
  • terminal.ansiBrightCyan#d38f2c
  • terminal.ansiBrightGreen#d38f2c
  • terminal.ansiBrightMagenta#c5461d
  • terminal.ansiBrightRed#c5461d
  • terminal.ansiBrightWhite#fff8e6
  • terminal.ansiBrightYellow#f5f379
  • terminal.ansiCyan#d38f2c
  • terminal.ansiGreen#d38f2c
  • terminal.ansiMagenta#c5461d
  • terminal.ansiRed#c5461d
  • terminal.ansiWhite#801902
  • terminal.ansiYellow#f5f379
  • terminal.background#fffeb0
  • terminal.foreground#281c15
  • terminalCursor.foreground#c5461d
  • titleBar.activeBackground#801902
  • titleBar.activeForeground#fff8e6
  • titleBar.border#801902
  • titleBar.inactiveBackground#d38f2c
  • titleBar.inactiveForeground#281c15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D38F2Citalic
string, punctuation.definition.string#C2AB5F
constant.numeric#F5F379
constant.language, constant.character, constant.other#C5461Dbold
variable#281C15
variable.language#C5461Ditalic
keyword, storage#C5461Dbold
storage.type#D38F2Citalic
entity.name.type, entity.name.class, support.class, entity.name.function, support.function#801902bold
entity.other.inherited-class#801902italic
variable.parameter#281C15italic
entity.name.tag#C5461Dbold
entity.other.attribute-name#F5F379italic
support.function, support.constant, support.type, support.class, support.variable#D38F2C
invalid#FFF8E6
invalid.deprecated#281C15
support.type.property-name.json#C5461D
string.quoted.double.json#C2AB5F
constant.language.json#D38F2C
markup.heading#C5461Dbold
markup.underline.link#F5F379underline
markup.bold#281C15bold
markup.italic#281C15italic
markup.inline.raw#F5F379
token.info-token#316BCD
token.warn-token#CD9731
token.error-token#CD3131
token.debug-token#800080