Chroma Reactor — Themes & Icons
Publisher: ToxicEpochThemes in package: 50
50 neon color themes, 50 coordinated icon packs, and a developer workspace inspired by 30 traceable palettes.
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.activeBackground#FFFF710D
- activityBar.activeBorder#EE5AF7
- activityBar.background#381A45
- activityBar.foreground#FFFF71
- activityBar.inactiveForeground#A99DA5
- activityBarBadge.background#FFFF71
- activityBarBadge.foreground#2E193B
- activityBarTop.activeBorder#FFFF71
- activityBarTop.background#381A45
- activityBarTop.foreground#FFFF71
- activityBarTop.inactiveForeground#A99DA5
- badge.background#FFFF71
- badge.foreground#2E193B
- breadcrumb.background#2E193B
- breadcrumb.foreground#A99DA5
- button.background#FFFF71
- button.foreground#2E193B
- button.hoverBackground#FFFF8B
- button.secondaryBackground#544245
- button.secondaryForeground#FFFFEE
- button.secondaryHoverBackground#3F224B
- commandCenter.background#381A45
- commandCenter.border#5C4363
- commandCenter.foreground#FFFFEE
- debugConsole.errorForeground#FC6E96
- debugConsole.warningForeground#F5B974
- descriptionForeground#A99DA5
- diffEditor.insertedLineBackground#7FD0A60D
- diffEditor.insertedTextBackground#7FD0A621
- diffEditor.removedLineBackground#FC6E960D
- diffEditor.removedTextBackground#FC6E9621
- disabledForeground#A99DA5
- dropdown.background#381A45
- dropdown.border#5C4363
- dropdown.foreground#FFFFEE
- editor.background#2E193B
- editor.findMatchBackground#582764
- editor.findMatchBorder#EE5AF7
- editor.findMatchHighlightBackground#FFFF7128
- editor.findMatchHighlightBorder#FFFF7155
- editor.foreground#FFFFEE
- editor.inactiveSelectionBackground#FFFF7128
- editor.lineHighlightBackground#341C41
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#544245
- editor.selectionForeground#FFFFEE
- editor.selectionHighlightBackground#FFFF7128
- editor.selectionHighlightBorder#FFFF7144
- editor.wordHighlightBackground#FFFF7128
- editor.wordHighlightStrongBackground#FFFF7128
- editorBracketHighlight.foreground1#FFFF71
- editorBracketHighlight.foreground2#4BBBFF
- editorBracketHighlight.foreground3#BD8ABB
- editorBracketHighlight.foreground4#DD816F
- editorBracketHighlight.foreground5#FF9870
- editorBracketHighlight.foreground6#FFFFEE
- editorCodeLens.foreground#A99DA5
- editorCursor.foreground#EE5AF7
- editorError.foreground#FC6E96
- editorGhostText.background#00000000
- editorGhostText.foreground#A99DA5
- editorGroup.border#5C4363
- editorGroupHeader.tabsBackground#3F224B
- editorGutter.addedBackground#7FD0A6
- editorGutter.deletedBackground#FC6E96
- editorGutter.foldingControlForeground#A99DA5
- editorGutter.modifiedBackground#BD8ABB
- editorHint.foreground#A99DA5
- editorHoverWidget.background#381A45
- editorHoverWidget.border#EE5AF7
- editorHoverWidget.foreground#FFFFEE
- editorIndentGuide.activeBackground1#FFFF7166
- editorIndentGuide.background1#5C4363
- editorInfo.foreground#BD8ABB
- editorInlayHint.background#381A45
- editorInlayHint.foreground#A99DA5
- editorLineNumber.activeForeground#FFFF71
- editorLineNumber.foreground#A99DA5
- editorLink.activeForeground#FFFF71
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#FC6E96
- editorOverviewRuler.infoForeground#BD8ABB
- editorOverviewRuler.warningForeground#F5B974
- editorRuler.foreground#5C4363
- editorStickyScroll.background#2E193B
- editorStickyScroll.border#5C4363
- editorStickyScrollHover.background#381A45
- editorSuggestWidget.background#381A45
- editorSuggestWidget.border#5C4363
- editorSuggestWidget.foreground#FFFFEE
- editorSuggestWidget.highlightForeground#FFFF71
- editorSuggestWidget.selectedBackground#544245
- editorSuggestWidget.selectedForeground#FFFFEE
- editorUnicodeHighlight.background#DD816F12
- editorUnicodeHighlight.border#DD816F
- editorWarning.foreground#F5B974
- editorWhitespace.foreground#5C4363
- editorWidget.background#381A45
- editorWidget.border#5C4363
- editorWidget.foreground#FFFFEE
- focusBorder#FFFF71
- foreground#FFFFEE
- gitDecoration.addedResourceForeground#7FD0A6
- gitDecoration.deletedResourceForeground#FC6E96
- gitDecoration.ignoredResourceForeground#A99DA5
- gitDecoration.modifiedResourceForeground#BD8ABB
- input.background#381A45
- input.border#5C4363
- input.foreground#FFFFEE
- input.placeholderForeground#A99DA5
- inputOption.activeBackground#FFFF7128
- inputOption.activeBorder#FFFF71
- inputOption.activeForeground#FFFFEE
- list.activeSelectionBackground#544245
- list.activeSelectionForeground#FFFFEE
- list.focusBackground#544245
- list.focusForeground#FFFFEE
- list.focusHighlightForeground#FFFF71
- list.focusOutline#FFFF7166
- list.highlightForeground#FFFF71
- list.hoverBackground#FFFF7114
- list.hoverForeground#FFFFEE
- list.inactiveSelectionBackground#544245
- list.inactiveSelectionForeground#FFFFEE
- menu.background#381A45
- menu.border#5C4363
- menu.foreground#FFFFEE
- merge.currentContentBackground#FF987014
- merge.currentHeaderBackground#FF987030
- merge.incomingContentBackground#AE85FA14
- merge.incomingHeaderBackground#AE85FA30
- minimap.selectionHighlight#FFFF7177
- notebook.cellBorderColor#5C4363
- notebook.cellEditorBackground#2E193B
- notebook.focusedCellBorder#FFFF71
- notebook.selectedCellBackground#544245
- notificationCenterHeader.background#381A45
- notifications.background#381A45
- notifications.border#5C4363
- notifications.foreground#FFFFEE
- panel.background#321D3C
- panel.border#5C4363
- panelTitle.activeBorder#FFFF71
- panelTitle.activeForeground#FFFF71
- panelTitle.inactiveForeground#A99DA5
- peekView.border#FFFF71
- peekViewEditor.background#381A45
- peekViewResult.background#381A45
- peekViewResult.fileForeground#FFFFEE
- peekViewResult.lineForeground#FFFFEE
- pickerGroup.foreground#FFFF71
- progressBar.background#FFFF71
- quickInput.background#381A45
- quickInput.foreground#FFFFEE
- quickInputList.focusBackground#544245
- quickInputList.focusForeground#FFFFEE
- scrollbarSlider.activeBackground#FFFF7166
- scrollbarSlider.background#5C436399
- scrollbarSlider.hoverBackground#A99DA566
- settings.dropdownBackground#381A45
- settings.modifiedItemIndicator#FFFF71
- sideBar.background#381A45
- sideBar.border#5C4363
- sideBar.foreground#FFFFEE
- sideBarSectionHeader.background#381A45
- sideBarSectionHeader.border#5C4363
- sideBarSectionHeader.foreground#FFFFEE
- sideBarTitle.foreground#FFFFEE
- statusBar.background#4D2259
- statusBar.border#5C4363
- statusBar.debuggingBackground#FFFF71
- statusBar.debuggingForeground#2E193B
- statusBar.foreground#FFFFEE
- statusBar.noFolderBackground#4D2259
- statusBarItem.hoverBackground#FFFF7114
- statusBarItem.hoverForeground#FFFFEE
- statusBarItem.prominentBackground#544245
- statusBarItem.prominentForeground#FFFFEE
- statusBarItem.remoteBackground#FFFF71
- statusBarItem.remoteForeground#2E193B
- tab.activeBackground#2E193B
- tab.activeBorder#FFFF71
- tab.activeBorderTop#00000000
- tab.activeForeground#FFFFEE
- tab.border#5C4363
- tab.hoverBackground#544245
- tab.inactiveBackground#381A45
- tab.inactiveForeground#A99DA5
- tab.unfocusedActiveBorder#5C4363
- terminal.ansiBlack#A99DA5
- terminal.ansiBlue#7F9CFE
- terminal.ansiBrightBlack#A99DA5
- terminal.ansiBrightBlue#99B0FE
- terminal.ansiBrightCyan#8DD1F1
- terminal.ansiBrightGreen#99D9B8
- terminal.ansiBrightMagenta#BE9DFB
- terminal.ansiBrightRed#FD8BAB
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F7C790
- terminal.ansiCyan#71C5EE
- terminal.ansiGreen#7FD0A6
- terminal.ansiMagenta#AE85FA
- terminal.ansiRed#FC6E96
- terminal.ansiWhite#FFFFEE
- terminal.ansiYellow#F5B974
- terminal.background#321D3C
- terminal.foreground#FFFFEE
- terminal.selectionBackground#544245
- terminalCursor.background#2E193B
- terminalCursor.foreground#EE5AF7
- testing.iconFailed#FC6E96
- testing.iconPassed#7FD0A6
- textBlockQuote.background#381A45
- textBlockQuote.border#FFFF71
- textCodeBlock.background#381A45
- textLink.activeForeground#BD8ABB
- textLink.foreground#FFFF71
- titleBar.activeBackground#381A45
- titleBar.activeForeground#FFFFEE
- titleBar.border#5C4363
- titleBar.inactiveBackground#2E193B
- titleBar.inactiveForeground#A99DA5
- toolbar.hoverBackground#FFFF7114
- tree.indentGuidesStroke#5C4363
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #A99DA5 | — |
| keyword, storage | #AE85FA | — |
| keyword.operator | #FFFFEE | — |
| string | #FF9870 | — |
| constant.numeric, constant.language, constant.character, constant.other | #DD816F | — |
| entity.name.function, support.function | #4BBBFF | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #BD8ABB | — |
| variable, meta.definition.variable | #FFFFEE | — |
| variable.parameter | #FFFFEE | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #BD8ABB | — |
| punctuation | #FFFFEE | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #FFFF71 | — |
| constant.character.escape | #FFFF71 | — |
| entity.name.tag | #AE85FA | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #AE85FA | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #FFFFEE | — |
| support.function.builtin.shell, support.function.powershell | #4BBBFF | — |
| markup.heading, entity.name.section | #FFFF71 | bold |
| markup.bold | #FFFFEE | bold |
| markup.italic | #FFFFEE | italic |
| markup.inline.raw, markup.fenced_code.block | #FF9870 | — |
| markup.underline.link | #FFFF71 | — |
| markup.inserted | #7FD0A6 | — |
| markup.deleted | #FC6E96 | — |
| invalid | #FC6E96 | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #BD8ABB | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #AE85FA | — |
| string.regexp, constant.other.character-class.regexp | #FF9870 | — |