Skip to main content
Coding Theme

Warm Burnout

Publisher: Felipe F LimaThemes in package: 2

The theme for developers who are already burned out but still have deadlines. Mostly warm palette, one cool type accent, WCAG-audited contrast.

GitHub (opens repository in a new tab)

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.

  • actionBar.toggledBackground#0000000d
  • activityBar.activeBorder#b8522e
  • activityBar.background#E6E0D4
  • activityBar.border#DDD6CA
  • activityBar.foreground#5c5750cc
  • activityBar.inactiveForeground#5c575060
  • activityBarBadge.background#b8522e
  • activityBarBadge.foreground#ffffff
  • activityBarTop.activeBorder#b8522e
  • activityBarTop.foreground#5c5750
  • badge.background#b8522e
  • badge.foreground#ffffff
  • button.background#b8522e
  • button.border#0000001a
  • button.foreground#ffffff
  • button.hoverBackground#a04828
  • button.secondaryBackground#0000000d
  • button.secondaryForeground#3a3630
  • button.secondaryHoverBackground#0000001a
  • button.separator#ffffff4d
  • chat.checkpointSeparator#544c40
  • chat.editedFileForeground#2868a0
  • chat.requestBackground#EDE6DA
  • chat.requestBorder#DDD6CA
  • chat.requestBubbleBackground#00000008
  • chat.requestBubbleHoverBackground#0000000d
  • chat.slashCommandBackground#2060a033
  • chat.slashCommandForeground#2060a0
  • commandCenter.activeBackground#0000000d
  • commandCenter.activeBorder#00000000
  • commandCenter.activeForeground#5c5750
  • commandCenter.background#F5EDE0
  • commandCenter.border#DDD6CA
  • commandCenter.foreground#5c5750
  • commandCenter.inactiveBorder#DDD6CA
  • debugConsoleInputIcon.foreground#b8522e
  • debugExceptionWidget.background#F0E8DC
  • debugExceptionWidget.border#DDD6CA
  • debugIcon.breakpointDisabledForeground#8f441880
  • debugIcon.breakpointForeground#8f4418
  • debugToolBar.background#F0E8DC
  • descriptionForeground#5c5750
  • diffEditor.diagonalFill#00000008
  • diffEditor.insertedTextBackground#22641440
  • diffEditor.removedTextBackground#c4304040
  • disabledForeground#5c575050
  • dropdown.background#F0E8DC
  • dropdown.border#DDD6CA
  • dropdown.foreground#5c5750
  • editor.background#F5EDE0
  • editor.findMatchBackground#E0C890
  • editor.findMatchHighlightBackground#E0C890A0
  • editor.foreground#3a3630
  • editor.inactiveSelectionBackground#8aa8b83a
  • editor.lineHighlightBackground#00000014
  • editor.rangeHighlightBackground#E0C89033
  • editor.selectionBackground#8aa8b860
  • editor.selectionHighlightBackground#70bf5626
  • editor.selectionHighlightBorder#70bf5600
  • editor.snippetTabstopHighlightBackground#70bf5633
  • editor.wordHighlightBackground#73b8ff14
  • editor.wordHighlightBorder#73b8ff80
  • editor.wordHighlightStrongBackground#70bf5614
  • editor.wordHighlightStrongBorder#70bf5680
  • editorBracketHighlight.foreground1#7a5a1c
  • editorBracketHighlight.foreground2#285464
  • editorBracketHighlight.foreground3#7e4060
  • editorBracketHighlight.foreground4#4d5c1a
  • editorBracketHighlight.foreground5#8f4418
  • editorBracketHighlight.foreground6#286a48
  • editorBracketHighlight.unexpectedBracket.foreground#b03434
  • editorBracketMatch.background#a0988870
  • editorBracketMatch.border#a0988870
  • editorBracketPairGuide.activeBackground1#7a5a1c80
  • editorBracketPairGuide.activeBackground2#28546480
  • editorBracketPairGuide.activeBackground3#7e406080
  • editorBracketPairGuide.activeBackground4#4d5c1a80
  • editorBracketPairGuide.activeBackground5#8f441880
  • editorBracketPairGuide.activeBackground6#286a4880
  • editorCodeLens.foreground#6e6454
  • editorCursor.foreground#8a6600
  • editorError.foreground#b03434
  • editorGroup.background#F0E8DC
  • editorGroup.border#DDD6CA
  • editorGroupHeader.noTabsBackground#EDE6DA
  • editorGroupHeader.tabsBackground#EDE6DA
  • editorGroupHeader.tabsBorder#DDD6CA
  • editorGutter.addedBackground#226414
  • editorGutter.deletedBackground#c43040
  • editorGutter.modifiedBackground#2868a0
  • editorHoverWidget.background#F0E8DC
  • editorHoverWidget.border#DDD6CA
  • editorIndentGuide.activeBackground#a09888a1
  • editorIndentGuide.background#a0988842
  • editorInlayHint.foreground#3a363060
  • editorLineNumber.activeForeground#6a6258
  • editorLineNumber.foreground#8a8070
  • editorLink.activeForeground#b8522e
  • editorMarkerNavigation.background#F0E8DC
  • editorOverviewRuler.addedForeground#226414
  • editorOverviewRuler.border#DDD6CA
  • editorOverviewRuler.bracketMatchForeground#a09888b3
  • editorOverviewRuler.deletedForeground#c43040
  • editorOverviewRuler.errorForeground#b03434
  • editorOverviewRuler.findMatchForeground#E0C890
  • editorOverviewRuler.modifiedForeground#2868a0
  • editorOverviewRuler.warningForeground#b8522e
  • editorOverviewRuler.wordHighlightForeground#73b8ff66
  • editorOverviewRuler.wordHighlightStrongForeground#70bf5666
  • editorRuler.foreground#a0988842
  • editorStickyScroll.border#DDD6CA
  • editorStickyScroll.shadow#00000020
  • editorStickyScrollHover.background#00000008
  • editorSuggestWidget.background#F0E8DC
  • editorSuggestWidget.border#DDD6CA
  • editorSuggestWidget.highlightForeground#b8522e
  • editorSuggestWidget.selectedBackground#0000000d
  • editorWarning.foreground#b8522e
  • editorWhitespace.foreground#a09888
  • editorWidget.background#F0E8DC
  • editorWidget.border#DDD6CA
  • editorWidget.resizeBorder#F0E8DC
  • errorForeground#b03434
  • extensionButton.prominentBackground#b8522e
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#a04828
  • focusBorder#b8522e
  • foreground#5c5750
  • gitDecoration.conflictingResourceForeground
  • gitDecoration.deletedResourceForeground#c43040
  • gitDecoration.ignoredResourceForeground#5c575060
  • gitDecoration.modifiedResourceForeground#2868a0
  • gitDecoration.submoduleResourceForeground#7030a0
  • gitDecoration.untrackedResourceForeground#226414
  • icon.foreground#5c5750
  • inlineChat.background#F0E8DC
  • inlineChat.border#DDD6CA
  • inlineChat.foreground#3a3630
  • inlineChat.shadow#00000033
  • inlineChatDiff.inserted#22641433
  • inlineChatDiff.removed#c4304033
  • inlineChatInput.background#FAF6F0
  • inlineChatInput.border#DDD6CA
  • inlineChatInput.focusBorder#b8522eb3
  • inlineChatInput.placeholderForeground#5c575050
  • inlineEdit.gutterIndicator.background#00000008
  • inlineEdit.gutterIndicator.primaryBackground#b8522e1a
  • inlineEdit.gutterIndicator.primaryBorder#b8522e
  • inlineEdit.gutterIndicator.primaryForeground#b8522e
  • inlineEdit.gutterIndicator.secondaryBackground#5c57501a
  • inlineEdit.gutterIndicator.secondaryBorder#5c575060
  • inlineEdit.gutterIndicator.secondaryForeground#5c5750
  • inlineEdit.gutterIndicator.successfulBackground#2264141a
  • inlineEdit.gutterIndicator.successfulBorder#226414
  • inlineEdit.gutterIndicator.successfulForeground#226414
  • inlineEdit.modifiedBackground#2264141a
  • inlineEdit.modifiedBorder#22641480
  • inlineEdit.modifiedChangedLineBackground#22641426
  • inlineEdit.modifiedChangedTextBackground#22641440
  • inlineEdit.originalBackground#c430401a
  • inlineEdit.originalBorder#c4304080
  • inlineEdit.originalChangedLineBackground#c4304026
  • inlineEdit.originalChangedTextBackground#c4304040
  • input.background#FAF6F0
  • input.border#DDD6CA
  • input.foreground#3a3630
  • input.placeholderForeground#5c575050
  • inputOption.activeBackground#b8522e1a
  • inputOption.activeBorder#b8522e33
  • inputOption.activeForeground#b8522e
  • inputOption.hoverBackground#0000000d
  • inputValidation.errorBackground#FAF6F0
  • inputValidation.errorBorder#b03434
  • inputValidation.infoBackground#FAF6F0
  • inputValidation.infoBorder#2060a0
  • inputValidation.warningBackground#FAF6F0
  • inputValidation.warningBorder#8a6000
  • keybindingLabel.background#0000000d
  • keybindingLabel.border#00000014
  • keybindingLabel.bottomBorder#00000014
  • keybindingLabel.foreground#3a3630
  • list.activeSelectionBackground#0000000d
  • list.activeSelectionForeground#3a3630
  • list.deemphasizedForeground#b03434
  • list.errorForeground#b03434
  • list.filterMatchBackground#E0C89080
  • list.filterMatchBorder#E0C89080
  • list.focusBackground#0000000d
  • list.focusForeground#3a3630
  • list.focusOutline#0000000d
  • list.highlightForeground#b8522e
  • list.hoverBackground#00000008
  • list.inactiveSelectionBackground#00000008
  • list.inactiveSelectionForeground#5c5750
  • list.invalidItemForeground#5c57504d
  • listFilterWidget.background#F0E8DC
  • listFilterWidget.noMatchesOutline#b03434
  • listFilterWidget.outline#b8522e
  • menu.background#F0E8DC
  • menu.border#DDD6CA
  • menu.foreground#5c5750
  • menu.selectionBackground#0000000d
  • menu.selectionBorder#00000000
  • menu.separatorBackground#DDD6CA
  • minimap.background#F5EDE0
  • minimap.errorHighlight#b03434
  • minimap.findMatchHighlight#E0C890
  • minimap.selectionHighlight#8aa8b840
  • minimapGutter.addedBackground#226414
  • minimapGutter.deletedBackground#c43040
  • minimapGutter.modifiedBackground#2868a0
  • multiDiffEditor.background#EDE6DA
  • multiDiffEditor.border#DDD6CA
  • multiDiffEditor.headerBackground#F0E8DC
  • panel.background#EDE6DA
  • panel.border#DDD6CA
  • panelStickyScroll.border#DDD6CA
  • panelStickyScroll.shadow#00000020
  • panelTitle.activeBorder#b8522e
  • panelTitle.activeForeground#3a3630
  • panelTitle.inactiveForeground#5c5750
  • peekView.border#00000014
  • peekViewEditor.background#F0E8DC
  • peekViewEditor.matchHighlightBackground#E0C89080
  • peekViewEditor.matchHighlightBorder#E0C89080
  • peekViewResult.background#F0E8DC
  • peekViewResult.fileForeground#3a3630
  • peekViewResult.lineForeground#5c5750
  • peekViewResult.matchHighlightBackground#E0C89080
  • peekViewResult.selectionBackground#0000000d
  • peekViewTitle.background#0000000d
  • peekViewTitleDescription.foreground#5c5750
  • peekViewTitleLabel.foreground#3a3630
  • pickerGroup.border#DDD6CA
  • pickerGroup.foreground#5c575060
  • profileBadge.background#b8522e
  • profileBadge.foreground#ffffff
  • progressBar.background#b8522e
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#5c575090
  • scrollbarSlider.background#5c575030
  • scrollbarSlider.hoverBackground#5c575060
  • selection.background#8aa8b840
  • settings.headerForeground#3a3630
  • settings.modifiedItemIndicator#2868a0
  • sideBar.background#EDE6DA
  • sideBar.border#DDD6CA
  • sideBarSectionHeader.background#EDE6DA
  • sideBarSectionHeader.border#DDD6CA
  • sideBarSectionHeader.foreground#5c5750
  • sideBarStickyScroll.border#DDD6CA
  • sideBarStickyScroll.shadow#00000020
  • sideBarTitle.foreground#5c5750
  • statusBar.background#EDE6DA
  • statusBar.border#DDD6CA
  • statusBar.debuggingBackground#f29668
  • statusBar.debuggingForeground#3a3630
  • statusBar.foreground#5c5750
  • statusBar.noFolderBackground#F0E8DC
  • statusBarItem.activeBackground#00000014
  • statusBarItem.hoverBackground#0000000d
  • statusBarItem.prominentBackground#0000000d
  • statusBarItem.prominentHoverBackground#00000014
  • statusBarItem.remoteBackground#b8522e
  • statusBarItem.remoteForeground#ffffff
  • symbolIcon.arrayForeground#285464
  • symbolIcon.booleanForeground#7e4060
  • symbolIcon.classForeground#285464
  • symbolIcon.colorForeground#7a5a1c
  • symbolIcon.constantForeground#7e4060
  • symbolIcon.constructorForeground#855700
  • symbolIcon.enumeratorForeground#285464
  • symbolIcon.enumeratorMemberForeground#7e4060
  • symbolIcon.eventForeground#7a5a1c
  • symbolIcon.fieldForeground#883850
  • symbolIcon.fileForeground#5c5750
  • symbolIcon.folderForeground#5c5750
  • symbolIcon.functionForeground#855700
  • symbolIcon.interfaceForeground#285464
  • symbolIcon.keyForeground#8e4632
  • symbolIcon.keywordForeground#924800
  • symbolIcon.methodForeground#855700
  • symbolIcon.moduleForeground#4d5c1a
  • symbolIcon.namespaceForeground#4d5c1a
  • symbolIcon.nullForeground#7e4060
  • symbolIcon.numberForeground#7e4060
  • symbolIcon.objectForeground#285464
  • symbolIcon.operatorForeground#8f4418
  • symbolIcon.packageForeground#4d5c1a
  • symbolIcon.propertyForeground#883850
  • symbolIcon.referenceForeground#285464
  • symbolIcon.snippetForeground#7a5a1c
  • symbolIcon.stringForeground#4d5c1a
  • symbolIcon.structForeground#285464
  • symbolIcon.textForeground#3a3630
  • symbolIcon.typeParameterForeground#285464
  • symbolIcon.unitForeground#7e4060
  • symbolIcon.variableForeground#3a3630
  • tab.activeBackground#F5EDE0
  • tab.activeBorder#F5EDE0
  • tab.activeBorderTop#b8522e
  • tab.activeForeground#3a3630
  • tab.border#00000000
  • tab.inactiveBackground#EDE6DA
  • tab.inactiveForeground#5c5750
  • tab.unfocusedActiveBorderTop#5c575060
  • tab.unfocusedActiveForeground#5c5750
  • tab.unfocusedInactiveForeground#5c5750
  • terminal.ansiBlack#3a3630
  • terminal.ansiBlue#2060a0
  • terminal.ansiBrightBlack#686868
  • terminal.ansiBrightBlue#2870b0
  • terminal.ansiBrightCyan#208870
  • terminal.ansiBrightGreen#3a7a20
  • terminal.ansiBrightMagenta#9a38a0
  • terminal.ansiBrightRed#c83028
  • terminal.ansiBrightWhite#FAF6F0
  • terminal.ansiBrightYellow#9a7008
  • terminal.ansiCyan#146858
  • terminal.ansiGreen#2d6a14
  • terminal.ansiMagenta#8a3090
  • terminal.ansiRed#b82820
  • terminal.ansiWhite#c0b8aa
  • terminal.ansiYellow#8a6000
  • terminal.background#EDE6DA
  • terminal.foreground#3a3630
  • terminalCommandGuide.foreground#5c57504d
  • terminalStickyScroll.border#DDD6CA
  • terminalStickyScroll.shadow#00000020
  • terminalStickyScrollHover.background#00000008
  • textBlockQuote.background#F0E8DC
  • textLink.activeForeground#b8522e
  • textLink.foreground#b8522e
  • textPreformat.foreground#3a3630
  • titleBar.activeBackground#EDE6DA
  • titleBar.activeForeground#5c5750
  • titleBar.border#DDD6CA
  • titleBar.inactiveBackground#EDE6DA
  • titleBar.inactiveForeground#5c5750b3
  • toolbar.hoverBackground#0000000d
  • tree.indentGuidesStroke#5c575030
  • walkThrough.embeddedEditorBackground#F0E8DC
  • welcomePage.buttonBackground#b8522e40
  • welcomePage.progress.background#F0E8DC
  • welcomePage.tileBackground#EDE6DA
  • welcomePage.tileShadow#00000033
  • widget.border#0000000d
  • widget.shadow#00000033

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#3a3630—
comment#544c40italic
string, constant.other.symbol#4d5c1a—
string.regexp, constant.character, constant.other#286a48—
constant.numeric#7e4060—
constant.language#7e4060—
variable, variable.parameter.function-call#3a3630—
variable.member#883850—
variable.language#8e4632italic
storage#924800bold
keyword#924800bold
keyword.operator#8f4418—
punctuation.separator, punctuation.terminator#3a3630d9—
punctuation.section#3a3630—
punctuation.accessor#8f4418—
punctuation.definition.template-expression#924800—
punctuation.section.embedded#924800—
meta.embedded#3a3630—
source.java storage.type, source.haskell storage.type, source.c storage.type#285464—
entity.other.inherited-class#285464—
storage.type.function#924800—
source.java storage.type.primitive#285464—
entity.name.function#855700—
variable.parameter, meta.parameter#7e4060—
variable.function, variable.annotation, meta.function-call.generic, support.function.go#855700—
support.function, support.macro#883850—
entity.name.import, entity.name.package#4d5c1a—
entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.interface, entity.name.union, entity.name.trait#285464italic
entity.name.tag, meta.tag.sgml#8e4632bold
support.class.component#285464—
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag#8e4632—
entity.other.attribute-name#855700—
entity.other.attribute-name.pseudo-class#286a48—
support.constant#8f4418italic
support.type, support.class, source.go storage.type#285464—
meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation, entity.name.function.decorator#7a5a1citalic
invalid#b03434—
meta.diff, meta.diff.header#6a5050—
source.ruby variable.other.readwrite#855700—
source.css entity.name.tag, source.sass entity.name.tag, source.scss entity.name.tag, source.less entity.name.tag, source.stylus entity.name.tag#74501c—
source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type#544c40—
support.type.property-name#74501citalic
constant.numeric.line-number.find-in-files - match#544c40—
constant.numeric.line-number.match#924800—
entity.name.filename.find-in-files#4d5c1a—
message.error#b03434—
markup.heading, markup.heading entity.name#4d5c1abold
markup.underline.link, string.other.link#8e4632—
markup.italic, emphasis#883850italic
markup.bold#883850bold
markup.underline—underline
markup.italic markup.bold, markup.bold markup.italic—bold italic
markup.raw——
markup.raw.inline——
meta.separator#544c40bold
markup.quote#286a48italic
markup.list punctuation.definition.list.begin#855700—
markup.inserted#226414—
markup.changed#8a6000—
markup.deleted#c43040—
markup.strike#7a5a1c—
markup.strong—bold
markup.table#74501c—
text.html.markdown markup.inline.raw#8f4418—
text.html.markdown meta.dummy.line-break#544c40—
punctuation.definition.markdown#544c40—

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Warm Burnout - Coding Theme