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#FF5076
- activityBar.background#361420
- activityBar.foreground#34FE4F
- activityBar.inactiveForeground#9B9A93
- activityBarBadge.background#34FE4F
- activityBarBadge.foreground#2A131D
- activityBarTop.activeBorder#34FE4F
- activityBarTop.background#361420
- activityBarTop.foreground#34FE4F
- activityBarTop.inactiveForeground#9B9A93
- badge.background#34FE4F
- badge.foreground#2A131D
- breadcrumb.background#2A131D
- breadcrumb.foreground#9B9A93
- button.background#34FE4F
- button.foreground#2A131D
- button.hoverBackground#59FE6F
- button.secondaryBackground#2C3D26
- button.secondaryForeground#E7FFEA
- button.secondaryHoverBackground#3C1C27
- commandCenter.background#361420
- commandCenter.border#563E44
- commandCenter.foreground#E7FFEA
- debugConsole.errorForeground#FF6D82
- debugConsole.warningForeground#F8B861
- descriptionForeground#9B9A93
- diffEditor.insertedLineBackground#82D0920D
- diffEditor.insertedTextBackground#82D09221
- diffEditor.removedLineBackground#FF6D820D
- diffEditor.removedTextBackground#FF6D8221
- disabledForeground#9B9A93
- dropdown.background#361420
- dropdown.border#563E44
- dropdown.foreground#E7FFEA
- editor.background#2A131D
- editor.findMatchBackground#592031
- editor.findMatchBorder#FF5076
- editor.findMatchHighlightBackground#34FE4F28
- editor.findMatchHighlightBorder#34FE4F55
- editor.foreground#E7FFEA
- editor.inactiveSelectionBackground#34FE4F28
- editor.lineHighlightBackground#311621
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#2C3D26
- editor.selectionForeground#E7FFEA
- editor.selectionHighlightBackground#34FE4F28
- editor.selectionHighlightBorder#34FE4F44
- editor.wordHighlightBackground#34FE4F28
- editor.wordHighlightStrongBackground#34FE4F28
- editorBracketHighlight.foreground1#34FE4F
- editorBracketHighlight.foreground2#34FE4F
- editorBracketHighlight.foreground3#DA6F9F
- editorBracketHighlight.foreground4#FAB23F
- editorBracketHighlight.foreground5#D1FE49
- editorBracketHighlight.foreground6#E7FFEA
- editorCodeLens.foreground#9B9A93
- editorCursor.foreground#FF5076
- editorError.foreground#FF6D82
- editorGhostText.background#00000000
- editorGhostText.foreground#9B9A93
- editorGroup.border#563E44
- editorGroupHeader.tabsBackground#3C1C27
- editorGutter.addedBackground#82D092
- editorGutter.deletedBackground#FF6D82
- editorGutter.foldingControlForeground#9B9A93
- editorGutter.modifiedBackground#DA6F9F
- editorHint.foreground#9B9A93
- editorHoverWidget.background#361420
- editorHoverWidget.border#FF5076
- editorHoverWidget.foreground#E7FFEA
- editorIndentGuide.activeBackground1#34FE4F66
- editorIndentGuide.background1#563E44
- editorInfo.foreground#DA6F9F
- editorInlayHint.background#361420
- editorInlayHint.foreground#9B9A93
- editorLineNumber.activeForeground#34FE4F
- editorLineNumber.foreground#9B9A93
- editorLink.activeForeground#34FE4F
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#FF6D82
- editorOverviewRuler.infoForeground#DA6F9F
- editorOverviewRuler.warningForeground#F8B861
- editorRuler.foreground#563E44
- editorStickyScroll.background#2A131D
- editorStickyScroll.border#563E44
- editorStickyScrollHover.background#361420
- editorSuggestWidget.background#361420
- editorSuggestWidget.border#563E44
- editorSuggestWidget.foreground#E7FFEA
- editorSuggestWidget.highlightForeground#34FE4F
- editorSuggestWidget.selectedBackground#2C3D26
- editorSuggestWidget.selectedForeground#E7FFEA
- editorUnicodeHighlight.background#FAB23F12
- editorUnicodeHighlight.border#FAB23F
- editorWarning.foreground#F8B861
- editorWhitespace.foreground#563E44
- editorWidget.background#361420
- editorWidget.border#563E44
- editorWidget.foreground#E7FFEA
- focusBorder#34FE4F
- foreground#E7FFEA
- gitDecoration.addedResourceForeground#82D092
- gitDecoration.deletedResourceForeground#FF6D82
- gitDecoration.ignoredResourceForeground#9B9A93
- gitDecoration.modifiedResourceForeground#DA6F9F
- input.background#361420
- input.border#563E44
- input.foreground#E7FFEA
- input.placeholderForeground#9B9A93
- inputOption.activeBackground#34FE4F28
- inputOption.activeBorder#34FE4F
- inputOption.activeForeground#E7FFEA
- list.activeSelectionBackground#2C3D26
- list.activeSelectionForeground#E7FFEA
- list.focusBackground#2C3D26
- list.focusForeground#E7FFEA
- list.focusHighlightForeground#34FE4F
- list.focusOutline#34FE4F66
- list.highlightForeground#34FE4F
- list.hoverBackground#34FE4F14
- list.hoverForeground#E7FFEA
- list.inactiveSelectionBackground#2C3D26
- list.inactiveSelectionForeground#E7FFEA
- menu.background#361420
- menu.border#563E44
- menu.foreground#E7FFEA
- merge.currentContentBackground#D1FE4914
- merge.currentHeaderBackground#D1FE4930
- merge.incomingContentBackground#FF507614
- merge.incomingHeaderBackground#FF507630
- minimap.selectionHighlight#34FE4F77
- notebook.cellBorderColor#563E44
- notebook.cellEditorBackground#2A131D
- notebook.focusedCellBorder#34FE4F
- notebook.selectedCellBackground#2C3D26
- notificationCenterHeader.background#361420
- notifications.background#361420
- notifications.border#563E44
- notifications.foreground#E7FFEA
- panel.background#2A171E
- panel.border#563E44
- panelTitle.activeBorder#34FE4F
- panelTitle.activeForeground#34FE4F
- panelTitle.inactiveForeground#9B9A93
- peekView.border#34FE4F
- peekViewEditor.background#361420
- peekViewResult.background#361420
- peekViewResult.fileForeground#E7FFEA
- peekViewResult.lineForeground#E7FFEA
- pickerGroup.foreground#34FE4F
- progressBar.background#34FE4F
- quickInput.background#361420
- quickInput.foreground#E7FFEA
- quickInputList.focusBackground#2C3D26
- quickInputList.focusForeground#E7FFEA
- scrollbarSlider.activeBackground#34FE4F66
- scrollbarSlider.background#563E4499
- scrollbarSlider.hoverBackground#9B9A9366
- settings.dropdownBackground#361420
- settings.modifiedItemIndicator#34FE4F
- sideBar.background#361420
- sideBar.border#563E44
- sideBar.foreground#E7FFEA
- sideBarSectionHeader.background#361420
- sideBarSectionHeader.border#563E44
- sideBarSectionHeader.foreground#E7FFEA
- sideBarTitle.foreground#E7FFEA
- statusBar.background#4C1C2A
- statusBar.border#563E44
- statusBar.debuggingBackground#34FE4F
- statusBar.debuggingForeground#2A131D
- statusBar.foreground#E7FFEA
- statusBar.noFolderBackground#4C1C2A
- statusBarItem.hoverBackground#34FE4F14
- statusBarItem.hoverForeground#E7FFEA
- statusBarItem.prominentBackground#2C3D26
- statusBarItem.prominentForeground#E7FFEA
- statusBarItem.remoteBackground#34FE4F
- statusBarItem.remoteForeground#2A131D
- tab.activeBackground#2A131D
- tab.activeBorder#34FE4F
- tab.activeBorderTop#00000000
- tab.activeForeground#E7FFEA
- tab.border#563E44
- tab.hoverBackground#2C3D26
- tab.inactiveBackground#361420
- tab.inactiveForeground#9B9A93
- tab.unfocusedActiveBorder#563E44
- terminal.ansiBlack#9B9A93
- terminal.ansiBlue#829CEA
- terminal.ansiBrightBlack#9B9A93
- terminal.ansiBrightBlue#9BB0EE
- terminal.ansiBrightCyan#90D0E1
- terminal.ansiBrightGreen#9BD9A8
- terminal.ansiBrightMagenta#FF7391
- terminal.ansiBrightRed#FF8A9B
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F9C681
- terminal.ansiCyan#74C4DA
- terminal.ansiGreen#82D092
- terminal.ansiMagenta#FF5076
- terminal.ansiRed#FF6D82
- terminal.ansiWhite#E7FFEA
- terminal.ansiYellow#F8B861
- terminal.background#2A171E
- terminal.foreground#E7FFEA
- terminal.selectionBackground#2C3D26
- terminalCursor.background#2A131D
- terminalCursor.foreground#FF5076
- testing.iconFailed#FF6D82
- testing.iconPassed#82D092
- textBlockQuote.background#361420
- textBlockQuote.border#34FE4F
- textCodeBlock.background#361420
- textLink.activeForeground#DA6F9F
- textLink.foreground#34FE4F
- titleBar.activeBackground#361420
- titleBar.activeForeground#E7FFEA
- titleBar.border#563E44
- titleBar.inactiveBackground#2A131D
- titleBar.inactiveForeground#9B9A93
- toolbar.hoverBackground#34FE4F14
- tree.indentGuidesStroke#563E44
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9B9A93 | — |
| keyword, storage | #FF5076 | — |
| keyword.operator | #E7FFEA | — |
| string | #D1FE49 | — |
| constant.numeric, constant.language, constant.character, constant.other | #FAB23F | — |
| entity.name.function, support.function | #34FE4F | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #DA6F9F | — |
| variable, meta.definition.variable | #E7FFEA | — |
| variable.parameter | #E7FFEA | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #DA6F9F | — |
| punctuation | #E7FFEA | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #34FE4F | — |
| constant.character.escape | #34FE4F | — |
| entity.name.tag | #FF5076 | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #FF5076 | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #E7FFEA | — |
| support.function.builtin.shell, support.function.powershell | #34FE4F | — |
| 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 | #82D092 | — |
| markup.deleted | #FF6D82 | — |
| invalid | #FF6D82 | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #DA6F9F | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #FF5076 | — |
| string.regexp, constant.other.character-class.regexp | #D1FE49 | — |