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#34FE4F0D
- activityBar.activeBorder#EC40F5
- activityBar.background#2F123B
- activityBar.foreground#34FE4F
- activityBar.inactiveForeground#98999F
- activityBarBadge.background#34FE4F
- activityBarBadge.foreground#241130
- activityBarTop.activeBorder#34FE4F
- activityBarTop.background#2F123B
- activityBarTop.foreground#34FE4F
- activityBarTop.inactiveForeground#98999F
- badge.background#34FE4F
- badge.foreground#241130
- breadcrumb.background#241130
- breadcrumb.foreground#98999F
- button.background#34FE4F
- button.foreground#241130
- button.hoverBackground#59FE6F
- button.secondaryBackground#273C36
- button.secondaryForeground#E7FFEA
- button.secondaryHoverBackground#351A41
- commandCenter.background#2F123B
- commandCenter.border#503D5A
- commandCenter.foreground#E7FFEA
- debugConsole.errorForeground#FC6E96
- debugConsole.warningForeground#F5B974
- descriptionForeground#98999F
- diffEditor.insertedLineBackground#7FD0A60D
- diffEditor.insertedTextBackground#7FD0A621
- diffEditor.removedLineBackground#FC6E960D
- diffEditor.removedTextBackground#FC6E9621
- disabledForeground#98999F
- dropdown.background#2F123B
- dropdown.border#503D5A
- dropdown.foreground#E7FFEA
- editor.background#241130
- editor.findMatchBackground#501B5B
- editor.findMatchBorder#EC40F5
- editor.findMatchHighlightBackground#34FE4F28
- editor.findMatchHighlightBorder#34FE4F55
- editor.foreground#E7FFEA
- editor.inactiveSelectionBackground#34FE4F28
- editor.lineHighlightBackground#2A1436
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#273C36
- editor.selectionForeground#E7FFEA
- editor.selectionHighlightBackground#34FE4F28
- editor.selectionHighlightBorder#34FE4F44
- editor.wordHighlightBackground#34FE4F28
- editor.wordHighlightStrongBackground#34FE4F28
- editorBracketHighlight.foreground1#34FE4F
- editorBracketHighlight.foreground2#FAB23F
- editorBracketHighlight.foreground3#B67EB4
- editorBracketHighlight.foreground4#FF5076
- editorBracketHighlight.foreground5#D1FE49
- editorBracketHighlight.foreground6#E7FFEA
- editorCodeLens.foreground#98999F
- editorCursor.foreground#EC40F5
- editorError.foreground#FC6E96
- editorGhostText.background#00000000
- editorGhostText.foreground#98999F
- editorGroup.border#503D5A
- editorGroupHeader.tabsBackground#351A41
- editorGutter.addedBackground#7FD0A6
- editorGutter.deletedBackground#FC6E96
- editorGutter.foldingControlForeground#98999F
- editorGutter.modifiedBackground#B67EB4
- editorHint.foreground#98999F
- editorHoverWidget.background#2F123B
- editorHoverWidget.border#EC40F5
- editorHoverWidget.foreground#E7FFEA
- editorIndentGuide.activeBackground1#34FE4F66
- editorIndentGuide.background1#503D5A
- editorInfo.foreground#B67EB4
- editorInlayHint.background#2F123B
- editorInlayHint.foreground#98999F
- editorLineNumber.activeForeground#34FE4F
- editorLineNumber.foreground#98999F
- editorLink.activeForeground#34FE4F
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#FC6E96
- editorOverviewRuler.infoForeground#B67EB4
- editorOverviewRuler.warningForeground#F5B974
- editorRuler.foreground#503D5A
- editorStickyScroll.background#241130
- editorStickyScroll.border#503D5A
- editorStickyScrollHover.background#2F123B
- editorSuggestWidget.background#2F123B
- editorSuggestWidget.border#503D5A
- editorSuggestWidget.foreground#E7FFEA
- editorSuggestWidget.highlightForeground#34FE4F
- editorSuggestWidget.selectedBackground#273C36
- editorSuggestWidget.selectedForeground#E7FFEA
- editorUnicodeHighlight.background#FF507612
- editorUnicodeHighlight.border#FF5076
- editorWarning.foreground#F5B974
- editorWhitespace.foreground#503D5A
- editorWidget.background#2F123B
- editorWidget.border#503D5A
- editorWidget.foreground#E7FFEA
- focusBorder#34FE4F
- foreground#E7FFEA
- gitDecoration.addedResourceForeground#7FD0A6
- gitDecoration.deletedResourceForeground#FC6E96
- gitDecoration.ignoredResourceForeground#98999F
- gitDecoration.modifiedResourceForeground#B67EB4
- input.background#2F123B
- input.border#503D5A
- input.foreground#E7FFEA
- input.placeholderForeground#98999F
- inputOption.activeBackground#34FE4F28
- inputOption.activeBorder#34FE4F
- inputOption.activeForeground#E7FFEA
- list.activeSelectionBackground#273C36
- list.activeSelectionForeground#E7FFEA
- list.focusBackground#273C36
- list.focusForeground#E7FFEA
- list.focusHighlightForeground#34FE4F
- list.focusOutline#34FE4F66
- list.highlightForeground#34FE4F
- list.hoverBackground#34FE4F14
- list.hoverForeground#E7FFEA
- list.inactiveSelectionBackground#273C36
- list.inactiveSelectionForeground#E7FFEA
- menu.background#2F123B
- menu.border#503D5A
- menu.foreground#E7FFEA
- merge.currentContentBackground#D1FE4914
- merge.currentHeaderBackground#D1FE4930
- merge.incomingContentBackground#A578F914
- merge.incomingHeaderBackground#A578F930
- minimap.selectionHighlight#34FE4F77
- notebook.cellBorderColor#503D5A
- notebook.cellEditorBackground#241130
- notebook.focusedCellBorder#34FE4F
- notebook.selectedCellBackground#273C36
- notificationCenterHeader.background#2F123B
- notifications.background#2F123B
- notifications.border#503D5A
- notifications.foreground#E7FFEA
- panel.background#241531
- panel.border#503D5A
- panelTitle.activeBorder#34FE4F
- panelTitle.activeForeground#34FE4F
- panelTitle.inactiveForeground#98999F
- peekView.border#34FE4F
- peekViewEditor.background#2F123B
- peekViewResult.background#2F123B
- peekViewResult.fileForeground#E7FFEA
- peekViewResult.lineForeground#E7FFEA
- pickerGroup.foreground#34FE4F
- progressBar.background#34FE4F
- quickInput.background#2F123B
- quickInput.foreground#E7FFEA
- quickInputList.focusBackground#273C36
- quickInputList.focusForeground#E7FFEA
- scrollbarSlider.activeBackground#34FE4F66
- scrollbarSlider.background#503D5A99
- scrollbarSlider.hoverBackground#98999F66
- settings.dropdownBackground#2F123B
- settings.modifiedItemIndicator#34FE4F
- sideBar.background#2F123B
- sideBar.border#503D5A
- sideBar.foreground#E7FFEA
- sideBarSectionHeader.background#2F123B
- sideBarSectionHeader.border#503D5A
- sideBarSectionHeader.foreground#E7FFEA
- sideBarTitle.foreground#E7FFEA
- statusBar.background#431B4F
- statusBar.border#503D5A
- statusBar.debuggingBackground#34FE4F
- statusBar.debuggingForeground#241130
- statusBar.foreground#E7FFEA
- statusBar.noFolderBackground#431B4F
- statusBarItem.hoverBackground#34FE4F14
- statusBarItem.hoverForeground#E7FFEA
- statusBarItem.prominentBackground#273C36
- statusBarItem.prominentForeground#E7FFEA
- statusBarItem.remoteBackground#34FE4F
- statusBarItem.remoteForeground#241130
- tab.activeBackground#241130
- tab.activeBorder#34FE4F
- tab.activeBorderTop#00000000
- tab.activeForeground#E7FFEA
- tab.border#503D5A
- tab.hoverBackground#273C36
- tab.inactiveBackground#2F123B
- tab.inactiveForeground#98999F
- tab.unfocusedActiveBorder#503D5A
- terminal.ansiBlack#98999F
- terminal.ansiBlue#7F9CFE
- terminal.ansiBrightBlack#98999F
- terminal.ansiBrightBlue#99B0FE
- terminal.ansiBrightCyan#8DD1F1
- terminal.ansiBrightGreen#99D9B8
- terminal.ansiBrightMagenta#B793FA
- terminal.ansiBrightRed#FD8BAB
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F7C790
- terminal.ansiCyan#71C5EE
- terminal.ansiGreen#7FD0A6
- terminal.ansiMagenta#A578F9
- terminal.ansiRed#FC6E96
- terminal.ansiWhite#E7FFEA
- terminal.ansiYellow#F5B974
- terminal.background#241531
- terminal.foreground#E7FFEA
- terminal.selectionBackground#273C36
- terminalCursor.background#241130
- terminalCursor.foreground#EC40F5
- testing.iconFailed#FC6E96
- testing.iconPassed#7FD0A6
- textBlockQuote.background#2F123B
- textBlockQuote.border#34FE4F
- textCodeBlock.background#2F123B
- textLink.activeForeground#B67EB4
- textLink.foreground#34FE4F
- titleBar.activeBackground#2F123B
- titleBar.activeForeground#E7FFEA
- titleBar.border#503D5A
- titleBar.inactiveBackground#241130
- titleBar.inactiveForeground#98999F
- toolbar.hoverBackground#34FE4F14
- tree.indentGuidesStroke#503D5A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #98999F | — |
| keyword, storage | #A578F9 | — |
| keyword.operator | #E7FFEA | — |
| string | #D1FE49 | — |
| constant.numeric, constant.language, constant.character, constant.other | #FF5076 | — |
| entity.name.function, support.function | #FAB23F | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #B67EB4 | — |
| variable, meta.definition.variable | #E7FFEA | — |
| variable.parameter | #E7FFEA | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #B67EB4 | — |
| punctuation | #E7FFEA | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #34FE4F | — |
| constant.character.escape | #34FE4F | — |
| entity.name.tag | #A578F9 | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #A578F9 | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #E7FFEA | — |
| support.function.builtin.shell, support.function.powershell | #FAB23F | — |
| markup.heading, entity.name.section | #34FE4F | bold |
| markup.bold | #E7FFEA | bold |
| markup.italic | #E7FFEA | italic |
| markup.inline.raw, markup.fenced_code.block | #D1FE49 | — |
| markup.underline.link | #34FE4F | — |
| markup.inserted | #7FD0A6 | — |
| markup.deleted | #FC6E96 | — |
| invalid | #FC6E96 | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #B67EB4 | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #A578F9 | — |
| string.regexp, constant.other.character-class.regexp | #D1FE49 | — |