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#FF7A45
  • activityBar.background#100A08
  • activityBar.foreground#F0DFC8
  • activityBar.inactiveForeground#A47B60
  • activityBarBadge.background#FF7A45
  • activityBarBadge.foreground#100A08
  • badge.background#FF7A45
  • badge.foreground#100A08
  • button.background#FF7A45
  • button.foreground#100A08
  • button.hoverBackground#FF8A4C
  • button.secondaryBackground#261913
  • button.secondaryForeground#F0DFC8
  • descriptionForeground#A47B60
  • diffEditor.insertedLineBackground#A8C66C12
  • diffEditor.insertedTextBackground#A8C66C22
  • diffEditor.removedLineBackground#E5625512
  • diffEditor.removedTextBackground#E5625522
  • disabledForeground#A47B6099
  • dropdown.background#261913
  • dropdown.border#493023
  • dropdown.foreground#F0DFC8
  • editor.background#19100D
  • editor.findMatchBackground#FF7A4555
  • editor.findMatchBorder#FF7A45
  • editor.findMatchHighlightBackground#F3B5622E
  • editor.foreground#F0DFC8
  • editor.inactiveSelectionBackground#6F3A2345
  • editor.lineHighlightBackground#2D1B13
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6F3A2370
  • editor.selectionHighlightBackground#FF7A4522
  • editor.wordHighlightBackground#FF7A4520
  • editor.wordHighlightStrongBackground#FFD08A24
  • editorBracketMatch.background#FF7A4524
  • editorBracketMatch.border#F7C873
  • editorCursor.foreground#FF7A45
  • editorError.foreground#FF5D52
  • editorGroupHeader.tabsBackground#100A08
  • editorGroupHeader.tabsBorder#493023
  • editorGutter.addedBackground#A8C66C
  • editorGutter.background#19100D
  • editorGutter.deletedBackground#E56255
  • editorGutter.modifiedBackground#F0A35A
  • editorHint.foreground#A47B60
  • editorHoverWidget.background#261913
  • editorHoverWidget.border#493023
  • editorIndentGuide.activeBackground1#A47B60
  • editorIndentGuide.background1#49302370
  • editorInfo.foreground#D7C77C
  • editorLineNumber.activeForeground#F0DFC8
  • editorLineNumber.foreground#6B4938
  • editorRuler.foreground#49302370
  • editorSuggestWidget.background#261913
  • editorSuggestWidget.border#493023
  • editorSuggestWidget.foreground#F0DFC8
  • editorSuggestWidget.highlightForeground#FF7A45
  • editorSuggestWidget.selectedBackground#2D1B13
  • editorWarning.foreground#F3B562
  • editorWhitespace.foreground#6B493870
  • editorWidget.background#261913
  • editorWidget.border#493023
  • editorWidget.foreground#F0DFC8
  • errorForeground#FF5D52
  • focusBorder#FF7A45
  • foreground#F0DFC8
  • gitDecoration.addedResourceForeground#A8C66C
  • gitDecoration.deletedResourceForeground#E56255
  • gitDecoration.ignoredResourceForeground#876A56
  • gitDecoration.modifiedResourceForeground#F0A35A
  • gitDecoration.untrackedResourceForeground#A8C66C
  • icon.foreground#A47B60
  • input.background#100A08
  • input.border#493023
  • input.foreground#F0DFC8
  • input.placeholderForeground#A47B60
  • inputOption.activeBorder#FF7A45
  • inputValidation.errorBorder#FF5D52
  • inputValidation.infoBorder#D7C77C
  • inputValidation.warningBorder#F3B562
  • list.activeSelectionBackground#2D1B13
  • list.activeSelectionForeground#F0DFC8
  • list.focusAndSelectionOutline#FF7A45
  • list.hoverBackground#261913
  • list.inactiveSelectionBackground#261913
  • menu.background#261913
  • menu.border#493023
  • menu.foreground#F0DFC8
  • menu.selectionBackground#2D1B13
  • menu.selectionForeground#F0DFC8
  • panel.background#100A08
  • panel.border#493023
  • panelTitle.activeBorder#FF7A45
  • panelTitle.activeForeground#F0DFC8
  • panelTitle.inactiveForeground#A47B60
  • peekView.border#FF7A45
  • peekViewEditor.background#100A08
  • peekViewEditor.matchHighlightBackground#F3B56235
  • peekViewResult.background#211510
  • peekViewResult.matchHighlightBackground#FF7A4535
  • peekViewResult.selectionBackground#2D1B13
  • peekViewTitle.background#261913
  • progressBar.background#FF7A45
  • scrollbar.shadow#100A08
  • scrollbarSlider.activeBackground#FF7A4570
  • scrollbarSlider.background#A47B6035
  • scrollbarSlider.hoverBackground#A47B6055
  • sideBar.background#211510
  • sideBar.border#493023
  • sideBar.foreground#F0DFC8
  • sideBarSectionHeader.background#261913
  • sideBarSectionHeader.foreground#F0DFC8
  • sideBarTitle.foreground#F0DFC8
  • statusBar.background#211510
  • statusBar.border#493023
  • statusBar.debuggingBackground#F0A35A
  • statusBar.debuggingForeground#100A08
  • statusBar.foreground#F0DFC8
  • statusBar.noFolderBackground#261913
  • tab.activeBackground#19100D
  • tab.activeBorderTop#FF7A45
  • tab.activeForeground#F0DFC8
  • tab.border#493023
  • tab.inactiveBackground#211510
  • tab.inactiveForeground#A47B60
  • terminal.ansiBlack#100A08
  • terminal.ansiBlue#D7C77C
  • terminal.ansiBrightBlack#6B4938
  • terminal.ansiBrightBlue#FF8A4C
  • terminal.ansiBrightCyan#F7C873
  • terminal.ansiBrightGreen#C8D47A
  • terminal.ansiBrightMagenta#E6A276
  • terminal.ansiBrightRed#E56255
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#E9C46A
  • terminal.ansiCyan#FFD08A
  • terminal.ansiGreen#A8C66C
  • terminal.ansiMagenta#FF6F59
  • terminal.ansiRed#FF5D52
  • terminal.ansiWhite#F0DFC8
  • terminal.ansiYellow#F3B562
  • terminal.background#100A08
  • terminal.foreground#F0DFC8
  • terminalCursor.foreground#FF7A45
  • textLink.activeForeground#FFD08A
  • textLink.foreground#FF7A45
  • titleBar.activeBackground#100A08
  • titleBar.activeForeground#F0DFC8
  • titleBar.border#493023
  • titleBar.inactiveBackground#100A08
  • titleBar.inactiveForeground#A47B60

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#876A56italic
string, string.quoted, string.template, punctuation.definition.string#C8D47A
constant.numeric, constant.language, constant.character, constant.other#FF6F59
keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new#FF8A4C
keyword.operator, punctuation.separator, punctuation.accessor, punctuation.definition.tag#F7C873
entity.name.function, support.function, meta.function-call, variable.function#FFD08A
entity.name.type, entity.name.class, entity.name.interface, support.type, support.class#E9C46A
variable.parameter, meta.function.parameters variable#EAD8C1
variable.other.property, meta.object-literal.key, support.variable.property, entity.other.attribute-name#E6A276
variable, variable.other, identifier#F0DFC8
entity.name.tag, meta.tag#FF8A4C
invalid, invalid.illegal, invalid.deprecated#FF5D52underline
markup.heading, entity.name.section#FFD08Abold
markup.bold#E9C46Abold
markup.italic#E6A276italic
markup.underline.link, string.other.link#FF7A45underline
markup.inserted#A8C66C
markup.changed#F0A35A
markup.deleted#E56255
Retro Terminal Theme by LowEntropy - VS Code Theme