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#F25FFF0D
- activityBar.activeBorder#E7E448
- activityBar.background#212C30
- activityBar.foreground#F25FFF
- activityBar.inactiveForeground#A29BAA
- activityBarBadge.background#F25FFF
- activityBarBadge.foreground#15212F
- activityBarTop.activeBorder#F25FFF
- activityBarTop.background#212C30
- activityBarTop.foreground#F25FFF
- activityBarTop.inactiveForeground#A29BAA
- badge.background#F25FFF
- badge.foreground#15212F
- breadcrumb.background#15212F
- breadcrumb.foreground#A29BAA
- button.background#F25FFF
- button.foreground#15212F
- button.hoverBackground#F47CFF
- button.secondaryBackground#3D2C54
- button.secondaryForeground#FDE8FF
- button.secondaryHoverBackground#293337
- commandCenter.background#212C30
- commandCenter.border#494E55
- commandCenter.foreground#FDE8FF
- debugConsole.errorForeground#FC8581
- debugConsole.warningForeground#F5D060
- descriptionForeground#A29BAA
- diffEditor.insertedLineBackground#7FE8910D
- diffEditor.insertedTextBackground#7FE89121
- diffEditor.removedLineBackground#FC85810D
- diffEditor.removedTextBackground#FC858121
- disabledForeground#A29BAA
- dropdown.background#212C30
- dropdown.border#494E55
- dropdown.foreground#FDE8FF
- editor.background#15212F
- editor.findMatchBackground#434C34
- editor.findMatchBorder#E7E448
- editor.findMatchHighlightBackground#F25FFF28
- editor.findMatchHighlightBorder#F25FFF55
- editor.foreground#FDE8FF
- editor.inactiveSelectionBackground#F25FFF28
- editor.lineHighlightBackground#1D2832
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#3D2C54
- editor.selectionForeground#FDE8FF
- editor.selectionHighlightBackground#F25FFF28
- editor.selectionHighlightBorder#F25FFF44
- editor.wordHighlightBackground#F25FFF28
- editor.wordHighlightStrongBackground#F25FFF28
- editorBracketHighlight.foreground1#F25FFF
- editorBracketHighlight.foreground2#0FF0FC
- editorBracketHighlight.foreground3#B58BEC
- editorBracketHighlight.foreground4#EB8357
- editorBracketHighlight.foreground5#35C824
- editorBracketHighlight.foreground6#FDE8FF
- editorCodeLens.foreground#A29BAA
- editorCursor.foreground#E7E448
- editorError.foreground#FC8581
- editorGhostText.background#00000000
- editorGhostText.foreground#A29BAA
- editorGroup.border#494E55
- editorGroupHeader.tabsBackground#293337
- editorGutter.addedBackground#7FE891
- editorGutter.deletedBackground#FC8581
- editorGutter.foldingControlForeground#A29BAA
- editorGutter.modifiedBackground#B58BEC
- editorHint.foreground#A29BAA
- editorHoverWidget.background#212C30
- editorHoverWidget.border#E7E448
- editorHoverWidget.foreground#FDE8FF
- editorIndentGuide.activeBackground1#F25FFF66
- editorIndentGuide.background1#494E55
- editorInfo.foreground#B58BEC
- editorInlayHint.background#212C30
- editorInlayHint.foreground#A29BAA
- editorLineNumber.activeForeground#F25FFF
- editorLineNumber.foreground#A29BAA
- editorLink.activeForeground#F25FFF
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#FC8581
- editorOverviewRuler.infoForeground#B58BEC
- editorOverviewRuler.warningForeground#F5D060
- editorRuler.foreground#494E55
- editorStickyScroll.background#15212F
- editorStickyScroll.border#494E55
- editorStickyScrollHover.background#212C30
- editorSuggestWidget.background#212C30
- editorSuggestWidget.border#494E55
- editorSuggestWidget.foreground#FDE8FF
- editorSuggestWidget.highlightForeground#F25FFF
- editorSuggestWidget.selectedBackground#3D2C54
- editorSuggestWidget.selectedForeground#FDE8FF
- editorUnicodeHighlight.background#EB835712
- editorUnicodeHighlight.border#EB8357
- editorWarning.foreground#F5D060
- editorWhitespace.foreground#494E55
- editorWidget.background#212C30
- editorWidget.border#494E55
- editorWidget.foreground#FDE8FF
- focusBorder#F25FFF
- foreground#FDE8FF
- gitDecoration.addedResourceForeground#7FE891
- gitDecoration.deletedResourceForeground#FC8581
- gitDecoration.ignoredResourceForeground#A29BAA
- gitDecoration.modifiedResourceForeground#B58BEC
- input.background#212C30
- input.border#494E55
- input.foreground#FDE8FF
- input.placeholderForeground#A29BAA
- inputOption.activeBackground#F25FFF28
- inputOption.activeBorder#F25FFF
- inputOption.activeForeground#FDE8FF
- list.activeSelectionBackground#3D2C54
- list.activeSelectionForeground#FDE8FF
- list.focusBackground#3D2C54
- list.focusForeground#FDE8FF
- list.focusHighlightForeground#F25FFF
- list.focusOutline#F25FFF66
- list.highlightForeground#F25FFF
- list.hoverBackground#F25FFF14
- list.hoverForeground#FDE8FF
- list.inactiveSelectionBackground#3D2C54
- list.inactiveSelectionForeground#FDE8FF
- menu.background#212C30
- menu.border#494E55
- menu.foreground#FDE8FF
- merge.currentContentBackground#35C82414
- merge.currentHeaderBackground#35C82430
- merge.incomingContentBackground#D47EDA14
- merge.incomingHeaderBackground#D47EDA30
- minimap.selectionHighlight#F25FFF77
- notebook.cellBorderColor#494E55
- notebook.cellEditorBackground#15212F
- notebook.focusedCellBorder#F25FFF
- notebook.selectedCellBackground#3D2C54
- notificationCenterHeader.background#212C30
- notifications.background#212C30
- notifications.border#494E55
- notifications.foreground#FDE8FF
- panel.background#192233
- panel.border#494E55
- panelTitle.activeBorder#F25FFF
- panelTitle.activeForeground#F25FFF
- panelTitle.inactiveForeground#A29BAA
- peekView.border#F25FFF
- peekViewEditor.background#212C30
- peekViewResult.background#212C30
- peekViewResult.fileForeground#FDE8FF
- peekViewResult.lineForeground#FDE8FF
- pickerGroup.foreground#F25FFF
- progressBar.background#F25FFF
- quickInput.background#212C30
- quickInput.foreground#FDE8FF
- quickInputList.focusBackground#3D2C54
- quickInputList.focusForeground#FDE8FF
- scrollbarSlider.activeBackground#F25FFF66
- scrollbarSlider.background#494E5599
- scrollbarSlider.hoverBackground#A29BAA66
- settings.dropdownBackground#212C30
- settings.modifiedItemIndicator#F25FFF
- sideBar.background#212C30
- sideBar.border#494E55
- sideBar.foreground#FDE8FF
- sideBarSectionHeader.background#212C30
- sideBarSectionHeader.border#494E55
- sideBarSectionHeader.foreground#FDE8FF
- sideBarTitle.foreground#FDE8FF
- statusBar.background#384138
- statusBar.border#494E55
- statusBar.debuggingBackground#F25FFF
- statusBar.debuggingForeground#15212F
- statusBar.foreground#FDE8FF
- statusBar.noFolderBackground#384138
- statusBarItem.hoverBackground#F25FFF14
- statusBarItem.hoverForeground#FDE8FF
- statusBarItem.prominentBackground#3D2C54
- statusBarItem.prominentForeground#FDE8FF
- statusBarItem.remoteBackground#F25FFF
- statusBarItem.remoteForeground#15212F
- tab.activeBackground#15212F
- tab.activeBorder#F25FFF
- tab.activeBorderTop#00000000
- tab.activeForeground#FDE8FF
- tab.border#494E55
- tab.hoverBackground#3D2C54
- tab.inactiveBackground#212C30
- tab.inactiveForeground#A29BAA
- tab.unfocusedActiveBorder#494E55
- terminal.ansiBlack#A29BAA
- terminal.ansiBlue#7FB4E9
- terminal.ansiBrightBlack#A29BAA
- terminal.ansiBrightBlue#99C3ED
- terminal.ansiBrightCyan#8DE3E1
- terminal.ansiBrightGreen#99EDA7
- terminal.ansiBrightMagenta#DD98E1
- terminal.ansiBrightRed#FD9D9A
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F7D980
- terminal.ansiCyan#71DCD9
- terminal.ansiGreen#7FE891
- terminal.ansiMagenta#D47EDA
- terminal.ansiRed#FC8581
- terminal.ansiWhite#FDE8FF
- terminal.ansiYellow#F5D060
- terminal.background#192233
- terminal.foreground#FDE8FF
- terminal.selectionBackground#3D2C54
- terminalCursor.background#15212F
- terminalCursor.foreground#E7E448
- testing.iconFailed#FC8581
- testing.iconPassed#7FE891
- textBlockQuote.background#212C30
- textBlockQuote.border#F25FFF
- textCodeBlock.background#212C30
- textLink.activeForeground#B58BEC
- textLink.foreground#F25FFF
- titleBar.activeBackground#212C30
- titleBar.activeForeground#FDE8FF
- titleBar.border#494E55
- titleBar.inactiveBackground#15212F
- titleBar.inactiveForeground#A29BAA
- toolbar.hoverBackground#F25FFF14
- tree.indentGuidesStroke#494E55
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #A29BAA | — |
| keyword, storage | #D47EDA | — |
| keyword.operator | #FDE8FF | — |
| string | #35C824 | — |
| constant.numeric, constant.language, constant.character, constant.other | #EB8357 | — |
| entity.name.function, support.function | #0FF0FC | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #B58BEC | — |
| variable, meta.definition.variable | #FDE8FF | — |
| variable.parameter | #FDE8FF | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #B58BEC | — |
| punctuation | #FDE8FF | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #F25FFF | — |
| constant.character.escape | #F25FFF | — |
| entity.name.tag | #D47EDA | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #D47EDA | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #FDE8FF | — |
| support.function.builtin.shell, support.function.powershell | #0FF0FC | — |
| markup.heading, entity.name.section | #F25FFF | bold |
| markup.bold | #FDE8FF | bold |
| markup.italic | #FDE8FF | italic |
| markup.inline.raw, markup.fenced_code.block | #35C824 | — |
| markup.underline.link | #F25FFF | — |
| markup.inserted | #7FE891 | — |
| markup.deleted | #FC8581 | — |
| invalid | #FC8581 | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #B58BEC | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #D47EDA | — |
| string.regexp, constant.other.character-class.regexp | #35C824 | — |