Hellfire Theme
Publisher: Alex CharbonneauThemes in package: 1
A blazing red and black VS Code theme with animated fire background (requires Custom CSS and JS Loader).
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#0a0000
- activityBar.border#220000
- activityBar.foreground#ff5533
- activityBar.inactiveForeground#884433
- activityBarBadge.background#cc1100
- activityBarBadge.foreground#ffffff
- badge.background#cc1100
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#ff7755
- breadcrumb.background#0a0000
- breadcrumb.focusForeground#ff5533
- breadcrumb.foreground#884422
- breadcrumbPicker.background#0f0000
- button.background#880000
- button.foreground#ffffff
- button.hoverBackground#aa1100
- button.secondaryBackground#330000
- button.secondaryForeground#ff7755
- button.secondaryHoverBackground#550000
- descriptionForeground#884422
- diffEditor.insertedLineBackground#1a330033
- diffEditor.insertedTextBackground#1a330055
- diffEditor.removedLineBackground#33000033
- diffEditor.removedTextBackground#33000055
- dropdown.background#0f0000
- dropdown.border#440000
- dropdown.foreground#f0c090
- dropdown.listBackground#0f0000
- editor.background#0a0000
- editor.findMatchBackground#cc220060
- editor.findMatchHighlightBackground#992200aa
- editor.foreground#f0c090
- editor.inactiveSelectionBackground#3d000055
- editor.lineHighlightBackground#1f0000
- editor.lineHighlightBorder#330000
- editor.selectionBackground#6b000080
- editor.selectionHighlightBackground#4d000050
- editor.wordHighlightBackground#5c000060
- editor.wordHighlightStrongBackground#7a000070
- editorBracketHighlight.foreground1#ff4400
- editorBracketHighlight.foreground2#ff8800
- editorBracketHighlight.foreground3#ffcc00
- editorBracketHighlight.foreground4#ff6600
- editorBracketHighlight.foreground5#ff2200
- editorBracketHighlight.foreground6#ffaa00
- editorBracketPairGuide.activeBackground1#ff440040
- editorBracketPairGuide.activeBackground2#ff880040
- editorBracketPairGuide.activeBackground3#ffcc0040
- editorCodeLens.foreground#662222
- editorCursor.background#000000
- editorCursor.foreground#ff4400
- editorGroupHeader.tabsBackground#080000
- editorGroupHeader.tabsBorder#1a0000
- editorGutter.addedBackground#226600
- editorGutter.background#080000
- editorGutter.deletedBackground#880000
- editorGutter.modifiedBackground#884400
- editorHoverWidget.background#0f0000
- editorHoverWidget.border#550000
- editorIndentGuide.activeBackground1#661111
- editorIndentGuide.background1#2a0a0a
- editorLineNumber.activeForeground#ff5522
- editorLineNumber.foreground#5a1a1a
- editorOverviewRuler.addedForeground#226600cc
- editorOverviewRuler.deletedForeground#880000cc
- editorOverviewRuler.modifiedForeground#884400cc
- editorRuler.foreground#2d0909
- editorSuggestWidget.background#0f0000
- editorSuggestWidget.border#550000
- editorSuggestWidget.focusHighlightForeground#ff8844
- editorSuggestWidget.highlightForeground#ff6622
- editorSuggestWidget.selectedBackground#3d0000
- editorWhitespace.foreground#3a1010
- editorWidget.background#100000
- editorWidget.border#660000
- errorForeground#ff2200
- focusBorder#660000
- foreground#cc8866
- gitDecoration.addedResourceForeground#88cc22
- gitDecoration.conflictingResourceForeground#ff2255
- gitDecoration.deletedResourceForeground#ff2200
- gitDecoration.ignoredResourceForeground#884444
- gitDecoration.modifiedResourceForeground#ff8800
- gitDecoration.stageDeletedResourceForeground#ff5533
- gitDecoration.stageModifiedResourceForeground#ffaa22
- gitDecoration.untrackedResourceForeground#cc6600
- icon.foreground#ff5533
- input.background#0f0000
- input.border#440000
- input.foreground#f0c090
- input.placeholderForeground#662233
- inputOption.activeBackground#3d0000
- inputOption.activeBorder#880000
- inputOption.activeForeground#ff9977
- list.activeSelectionBackground#3d0000
- list.activeSelectionForeground#ffaa88
- list.errorForeground#ff2200
- list.focusBackground#3d0000
- list.focusForeground#ffaa88
- list.highlightForeground#ff5533
- list.hoverBackground#1f0000
- list.hoverForeground#ff7755
- list.inactiveSelectionBackground#280000
- list.inactiveSelectionForeground#cc8866
- list.warningForeground#ff8800
- listFilterWidget.background#1a0000
- listFilterWidget.noMatchesOutline#880000
- listFilterWidget.outline#550000
- minimap.background#080000cc
- minimap.errorHighlight#ff220099
- minimap.findMatchHighlight#cc440099
- minimap.selectionHighlight#6b000099
- minimap.warningHighlight#ff880099
- minimapSlider.activeBackground#88000090
- minimapSlider.background#44000050
- minimapSlider.hoverBackground#66000070
- notificationCenter.border#440000
- notificationCenterHeader.background#1a0000
- notificationCenterHeader.foreground#ff5533
- notifications.background#0f0000
- notifications.border#330000
- notifications.foreground#cc8866
- notificationsErrorIcon.foreground#ff2200
- notificationsInfoIcon.foreground#ff5533
- notificationsWarningIcon.foreground#ff8800
- panel.background#0a0000
- panel.border#330000
- panelTitle.activeBorder#ff4400
- panelTitle.activeForeground#ff5533
- panelTitle.inactiveForeground#bb6644
- peekView.border#660000
- peekViewEditor.background#0c0000
- peekViewEditor.matchHighlightBackground#882200aa
- peekViewResult.background#0f0000
- peekViewResult.fileForeground#ff7755
- peekViewResult.lineForeground#cc8866
- peekViewResult.matchHighlightBackground#66110099
- peekViewResult.selectionBackground#3d0000
- peekViewResult.selectionForeground#ff9977
- peekViewTitle.background#1a0000
- peekViewTitleDescription.foreground#cc6644
- peekViewTitleLabel.foreground#ff7755
- progressBar.background#cc1100
- quickInput.background#0f0000
- quickInput.foreground#f0c090
- quickInputList.focusBackground#3d0000
- quickInputList.focusForeground#ffaa88
- quickInputList.focusIconForeground#ff7755
- scrollbar.shadow#00000080
- scrollbarSlider.activeBackground#bb000080
- scrollbarSlider.background#55000040
- scrollbarSlider.hoverBackground#88000060
- selection.background#6b000080
- sideBar.background#0d0000
- sideBar.border#1a0000
- sideBar.foreground#cc8866
- sideBarSectionHeader.background#1a0000
- sideBarSectionHeader.border#330000
- sideBarSectionHeader.foreground#ff4422
- sideBarTitle.foreground#ff5533
- statusBar.background#1a0000
- statusBar.border#330000
- statusBar.debuggingBackground#660000
- statusBar.debuggingForeground#ffddcc
- statusBar.foreground#ff7755
- statusBar.noFolderBackground#200000
- statusBarItem.errorBackground#aa1100
- statusBarItem.hoverBackground#3d0000
- statusBarItem.remoteBackground#880000
- statusBarItem.remoteForeground#ffddcc
- statusBarItem.warningBackground#884400
- symbolIcon.classForeground#ff6600
- symbolIcon.constructorForeground#ff5500
- symbolIcon.enumForeground#ff6622
- symbolIcon.enumMemberForeground#ff9955
- symbolIcon.functionForeground#ff4400
- symbolIcon.interfaceForeground#ff7744
- symbolIcon.keywordForeground#ff2200
- symbolIcon.moduleForeground#ff3311
- symbolIcon.numberForeground#ff6633
- symbolIcon.propertyForeground#ffbb66
- symbolIcon.stringForeground#ff8844
- symbolIcon.variableForeground#ffaa44
- tab.activeBackground#1a0000
- tab.activeBorder#ff4400
- tab.activeBorderTop#00000000
- tab.activeForeground#ff7755
- tab.border#1a0000
- tab.hoverBackground#1f0000
- tab.hoverForeground#ff9977
- tab.inactiveBackground#0d0000
- tab.inactiveForeground#aa6655
- tab.unfocusedActiveBackground#120000
- tab.unfocusedActiveForeground#bb6644
- tab.unfocusedInactiveForeground#996655
- terminal.ansiBlack#1a0000
- terminal.ansiBlue#ff4422
- terminal.ansiBrightBlack#550000
- terminal.ansiBrightBlue#ff6644
- terminal.ansiBrightCyan#ff8855
- terminal.ansiBrightGreen#aaee44
- terminal.ansiBrightMagenta#ee4477
- terminal.ansiBrightRed#ff5533
- terminal.ansiBrightWhite#fff0e0
- terminal.ansiBrightYellow#ffaa22
- terminal.ansiCyan#ff6633
- terminal.ansiGreen#88cc22
- terminal.ansiMagenta#cc2255
- terminal.ansiRed#ff2200
- terminal.ansiWhite#f0c090
- terminal.ansiYellow#ff8800
- terminal.background#080000
- terminal.foreground#f0c090
- terminal.selectionBackground#6b000066
- terminalCursor.foreground#ff4400
- textBlockQuote.background#0f0000
- textBlockQuote.border#660000
- textCodeBlock.background#0f0000
- textLink.activeForeground#ff8866
- textLink.foreground#ff6644
- textPreformat.foreground#ff8844
- titleBar.activeBackground#0f0000
- titleBar.activeForeground#ff7755
- titleBar.border#220000
- titleBar.inactiveBackground#0a0000
- titleBar.inactiveForeground#aa6644
- widget.shadow#000000aa
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #cc7744 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.other.important | #ff3311 | bold |
| storage, storage.type, storage.modifier | #ff5522 | bold |
| keyword.operator | #ff6633 | — |
| string, string.quoted, string.template, string.interpolated | #ffaa55 | — |
| constant.character.escape, string.regexp, keyword.operator.quantifier.regexp | #ff7722 | — |
| constant.numeric | #ff6644 | — |
| constant.language | #ff4422 | bold |
| entity.name.function, support.function, meta.function-call entity.name.function | #ff7744 | — |
| variable.parameter | #ffcc88 | italic |
| entity.name.class, entity.name.type, support.class, support.type | #ff8855 | — |
| entity.name.type.alias, entity.name.type.class, entity.name.type.interface | #ff9966 | — |
| entity.other.inherited-class | #ff7744 | italic |
| variable, variable.other.readwrite | #f0c090 | — |
| variable.other.property, variable.other.object.property, support.variable.property | #ffbb77 | — |
| variable.other.constant, constant.other | #ff9944 | bold |
| punctuation, meta.brace, punctuation.bracket, punctuation.separator, punctuation.terminator | #cc5533 | — |
| entity.name.tag, support.class.component | #ff4422 | bold |
| entity.other.attribute-name | #ff8844 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #ff5533 | — |
| support.type.property-name.css | #ff9966 | — |
| constant.numeric.css, keyword.other.unit.css, support.constant.property-value.css | #ffbb55 | — |
| entity.name.section.markdown, markup.heading | #ff5522 | bold |
| markup.bold | #ff7744 | bold |
| markup.italic | #ff9966 | italic |
| markup.inline.raw, markup.fenced_code | #ff8844 | — |
| markup.underline.link | #ff6633 | — |
| entity.name.module, support.module, keyword.control.import, keyword.control.export, keyword.control.from | #ff4411 | bold |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #ff3300 | italic |
| support.type.property-name.json, string.json meta.structure.dictionary.json | #ff7744 | — |
| invalid | #ff0000 | bold underline |
| invalid.deprecated | #cc3300 | strikethrough |