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#FFCD010D
- activityBar.activeBorder#F45227
- activityBar.background#161524
- activityBar.foreground#FFCD01
- activityBar.inactiveForeground#9B9790
- activityBarBadge.background#FFCD01
- activityBarBadge.foreground#0E1425
- activityBarTop.activeBorder#FFCD01
- activityBarTop.background#161524
- activityBarTop.foreground#FFCD01
- activityBarTop.inactiveForeground#9B9790
- badge.background#FFCD01
- badge.foreground#0E1425
- breadcrumb.background#0E1425
- breadcrumb.foreground#9B9790
- button.background#FFCD01
- button.foreground#0E1425
- button.hoverBackground#FFD62F
- button.secondaryBackground#39351F
- button.secondaryForeground#FFF9E1
- button.secondaryHoverBackground#1E1D2B
- commandCenter.background#161524
- commandCenter.border#403E46
- commandCenter.foreground#FFF9E1
- debugConsole.errorForeground#FD7079
- debugConsole.warningForeground#F6BB58
- descriptionForeground#9B9790
- diffEditor.insertedLineBackground#80D3890D
- diffEditor.insertedTextBackground#80D38921
- diffEditor.removedLineBackground#FD70790D
- diffEditor.removedTextBackground#FD707921
- disabledForeground#9B9790
- dropdown.background#161524
- dropdown.border#403E46
- dropdown.foreground#FFF9E1
- editor.background#0E1425
- editor.findMatchBackground#412225
- editor.findMatchBorder#F45227
- editor.findMatchHighlightBackground#FFCD0128
- editor.findMatchHighlightBorder#FFCD0155
- editor.foreground#FFF9E1
- editor.inactiveSelectionBackground#FFCD0128
- editor.lineHighlightBackground#141727
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#39351F
- editor.selectionForeground#FFF9E1
- editor.selectionHighlightBackground#FFCD0128
- editor.selectionHighlightBorder#FFCD0144
- editor.wordHighlightBackground#FFCD0128
- editor.wordHighlightStrongBackground#FFCD0128
- editorBracketHighlight.foreground1#FFCD01
- editorBracketHighlight.foreground2#FFCD01
- editorBracketHighlight.foreground3#7388CD
- editorBracketHighlight.foreground4#6884F5
- editorBracketHighlight.foreground5#FF7200
- editorBracketHighlight.foreground6#FFF9E1
- editorCodeLens.foreground#9B9790
- editorCursor.foreground#F45227
- editorError.foreground#FD7079
- editorGhostText.background#00000000
- editorGhostText.foreground#9B9790
- editorGroup.border#403E46
- editorGroupHeader.tabsBackground#1E1D2B
- editorGutter.addedBackground#80D389
- editorGutter.deletedBackground#FD7079
- editorGutter.foldingControlForeground#9B9790
- editorGutter.modifiedBackground#7388CD
- editorHint.foreground#9B9790
- editorHoverWidget.background#161524
- editorHoverWidget.border#F45227
- editorHoverWidget.foreground#FFF9E1
- editorIndentGuide.activeBackground1#FFCD0166
- editorIndentGuide.background1#403E46
- editorInfo.foreground#7388CD
- editorInlayHint.background#161524
- editorInlayHint.foreground#9B9790
- editorLineNumber.activeForeground#FFCD01
- editorLineNumber.foreground#9B9790
- editorLink.activeForeground#FFCD01
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#FD7079
- editorOverviewRuler.infoForeground#7388CD
- editorOverviewRuler.warningForeground#F6BB58
- editorRuler.foreground#403E46
- editorStickyScroll.background#0E1425
- editorStickyScroll.border#403E46
- editorStickyScrollHover.background#161524
- editorSuggestWidget.background#161524
- editorSuggestWidget.border#403E46
- editorSuggestWidget.foreground#FFF9E1
- editorSuggestWidget.highlightForeground#FFCD01
- editorSuggestWidget.selectedBackground#39351F
- editorSuggestWidget.selectedForeground#FFF9E1
- editorUnicodeHighlight.background#6884F512
- editorUnicodeHighlight.border#6884F5
- editorWarning.foreground#F6BB58
- editorWhitespace.foreground#403E46
- editorWidget.background#161524
- editorWidget.border#403E46
- editorWidget.foreground#FFF9E1
- focusBorder#FFCD01
- foreground#FFF9E1
- gitDecoration.addedResourceForeground#80D389
- gitDecoration.deletedResourceForeground#FD7079
- gitDecoration.ignoredResourceForeground#9B9790
- gitDecoration.modifiedResourceForeground#7388CD
- input.background#161524
- input.border#403E46
- input.foreground#FFF9E1
- input.placeholderForeground#9B9790
- inputOption.activeBackground#FFCD0128
- inputOption.activeBorder#FFCD01
- inputOption.activeForeground#FFF9E1
- list.activeSelectionBackground#39351F
- list.activeSelectionForeground#FFF9E1
- list.focusBackground#39351F
- list.focusForeground#FFF9E1
- list.focusHighlightForeground#FFCD01
- list.focusOutline#FFCD0166
- list.highlightForeground#FFCD01
- list.hoverBackground#FFCD0114
- list.hoverForeground#FFF9E1
- list.inactiveSelectionBackground#39351F
- list.inactiveSelectionForeground#FFF9E1
- menu.background#161524
- menu.border#403E46
- menu.foreground#FFF9E1
- merge.currentContentBackground#FF720014
- merge.currentHeaderBackground#FF720030
- merge.incomingContentBackground#F4522714
- merge.incomingHeaderBackground#F4522730
- minimap.selectionHighlight#FFCD0177
- notebook.cellBorderColor#403E46
- notebook.cellEditorBackground#0E1425
- notebook.focusedCellBorder#FFCD01
- notebook.selectedCellBackground#39351F
- notificationCenterHeader.background#161524
- notifications.background#161524
- notifications.border#403E46
- notifications.foreground#FFF9E1
- panel.background#121724
- panel.border#403E46
- panelTitle.activeBorder#FFCD01
- panelTitle.activeForeground#FFCD01
- panelTitle.inactiveForeground#9B9790
- peekView.border#FFCD01
- peekViewEditor.background#161524
- peekViewResult.background#161524
- peekViewResult.fileForeground#FFF9E1
- peekViewResult.lineForeground#FFF9E1
- pickerGroup.foreground#FFCD01
- progressBar.background#FFCD01
- quickInput.background#161524
- quickInput.foreground#FFF9E1
- quickInputList.focusBackground#39351F
- quickInputList.focusForeground#FFF9E1
- scrollbarSlider.activeBackground#FFCD0166
- scrollbarSlider.background#403E4699
- scrollbarSlider.hoverBackground#9B979066
- settings.dropdownBackground#161524
- settings.modifiedItemIndicator#FFCD01
- sideBar.background#161524
- sideBar.border#403E46
- sideBar.foreground#FFF9E1
- sideBarSectionHeader.background#161524
- sideBarSectionHeader.border#403E46
- sideBarSectionHeader.foreground#FFF9E1
- sideBarTitle.foreground#FFF9E1
- statusBar.background#FFCD01
- statusBar.border#403E46
- statusBar.debuggingBackground#FFCD01
- statusBar.debuggingForeground#0E1425
- statusBar.foreground#0E1425
- statusBar.noFolderBackground#FFCD01
- statusBarItem.hoverBackground#FFCD0114
- statusBarItem.hoverForeground#0E1425
- statusBarItem.prominentBackground#39351F
- statusBarItem.prominentForeground#FFF9E1
- statusBarItem.remoteBackground#FFCD01
- statusBarItem.remoteForeground#0E1425
- tab.activeBackground#0E1425
- tab.activeBorder#FFCD01
- tab.activeBorderTop#00000000
- tab.activeForeground#FFF9E1
- tab.border#403E46
- tab.hoverBackground#39351F
- tab.inactiveBackground#161524
- tab.inactiveForeground#9B9790
- tab.unfocusedActiveBorder#403E46
- terminal.ansiBlack#9B9790
- terminal.ansiBlue#809FE1
- terminal.ansiBrightBlack#9B9790
- terminal.ansiBrightBlue#99B2E7
- terminal.ansiBrightCyan#8ED2DA
- terminal.ansiBrightGreen#99DCA1
- terminal.ansiBrightMagenta#F67552
- terminal.ansiBrightRed#FD8D94
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F8C979
- terminal.ansiCyan#72C7D1
- terminal.ansiGreen#80D389
- terminal.ansiMagenta#F45227
- terminal.ansiRed#FD7079
- terminal.ansiWhite#FFF9E1
- terminal.ansiYellow#F6BB58
- terminal.background#121724
- terminal.foreground#FFF9E1
- terminal.selectionBackground#39351F
- terminalCursor.background#0E1425
- terminalCursor.foreground#F45227
- testing.iconFailed#FD7079
- testing.iconPassed#80D389
- textBlockQuote.background#161524
- textBlockQuote.border#FFCD01
- textCodeBlock.background#161524
- textLink.activeForeground#7388CD
- textLink.foreground#FFCD01
- titleBar.activeBackground#1E1D2B
- titleBar.activeForeground#FFF9E1
- titleBar.border#403E46
- titleBar.inactiveBackground#0E1425
- titleBar.inactiveForeground#9B9790
- toolbar.hoverBackground#FFCD0114
- tree.indentGuidesStroke#403E46
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9B9790 | — |
| keyword, storage | #F45227 | — |
| keyword.operator | #FFF9E1 | — |
| string | #FF7200 | — |
| constant.numeric, constant.language, constant.character, constant.other | #6884F5 | — |
| entity.name.function, support.function | #FFCD01 | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #7388CD | — |
| variable, meta.definition.variable | #FFF9E1 | — |
| variable.parameter | #FFF9E1 | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #7388CD | — |
| punctuation | #FFF9E1 | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #FFCD01 | — |
| constant.character.escape | #FFCD01 | — |
| entity.name.tag | #F45227 | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #F45227 | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #FFF9E1 | — |
| support.function.builtin.shell, support.function.powershell | #FFCD01 | — |
| markup.heading, entity.name.section | #FFCD01 | bold |
| markup.bold | #FFF9E1 | bold |
| markup.italic | #FFF9E1 | italic |
| markup.inline.raw, markup.fenced_code.block | #FF7200 | — |
| markup.underline.link | #FFCD01 | — |
| markup.inserted | #80D389 | — |
| markup.deleted | #FD7079 | — |
| invalid | #FD7079 | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #7388CD | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #F45227 | — |
| string.regexp, constant.other.character-class.regexp | #FF7200 | — |