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#F5F2320D
- activityBar.activeBorder#04D435
- activityBar.background#09181F
- activityBar.foreground#F5F232
- activityBar.inactiveForeground#959B90
- activityBarBadge.background#F5F232
- activityBarBadge.foreground#09111E
- activityBarTop.activeBorder#F5F232
- activityBarTop.background#09181F
- activityBarTop.foreground#F5F232
- activityBarTop.inactiveForeground#959B90
- badge.background#F5F232
- badge.foreground#09111E
- breadcrumb.background#09111E
- breadcrumb.foreground#959B90
- button.background#F5F232
- button.foreground#09111E
- button.hoverBackground#F7F457
- button.secondaryBackground#333922
- button.secondaryForeground#FEFDE6
- button.secondaryHoverBackground#122026
- commandCenter.background#09181F
- commandCenter.border#354143
- commandCenter.foreground#FEFDE6
- debugConsole.errorForeground#E1837F
- debugConsole.warningForeground#DACE5D
- descriptionForeground#959B90
- diffEditor.insertedLineBackground#64E68F0D
- diffEditor.insertedTextBackground#64E68F21
- diffEditor.removedLineBackground#E1837F0D
- diffEditor.removedTextBackground#E1837F21
- disabledForeground#959B90
- dropdown.background#09181F
- dropdown.border#354143
- dropdown.foreground#FEFDE6
- editor.background#09111E
- editor.findMatchBackground#083C23
- editor.findMatchBorder#04D435
- editor.findMatchHighlightBackground#F5F23228
- editor.findMatchHighlightBorder#F5F23255
- editor.foreground#FEFDE6
- editor.inactiveSelectionBackground#F5F23228
- editor.lineHighlightBackground#0C1721
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#333922
- editor.selectionForeground#FEFDE6
- editor.selectionHighlightBackground#F5F23228
- editor.selectionHighlightBorder#F5F23244
- editor.wordHighlightBackground#F5F23228
- editor.wordHighlightStrongBackground#F5F23228
- editorBracketHighlight.foreground1#F5F232
- editorBracketHighlight.foreground2#F5F232
- editorBracketHighlight.foreground3#7E8BA0
- editorBracketHighlight.foreground4#6F89D2
- editorBracketHighlight.foreground5#04D435
- editorBracketHighlight.foreground6#FEFDE6
- editorCodeLens.foreground#959B90
- editorCursor.foreground#04D435
- editorError.foreground#E1837F
- editorGhostText.background#00000000
- editorGhostText.foreground#959B90
- editorGroup.border#354143
- editorGroupHeader.tabsBackground#122026
- editorGutter.addedBackground#64E68F
- editorGutter.deletedBackground#E1837F
- editorGutter.foldingControlForeground#959B90
- editorGutter.modifiedBackground#7E8BA0
- editorHint.foreground#959B90
- editorHoverWidget.background#09181F
- editorHoverWidget.border#04D435
- editorHoverWidget.foreground#FEFDE6
- editorIndentGuide.activeBackground1#F5F23266
- editorIndentGuide.background1#354143
- editorInfo.foreground#7E8BA0
- editorInlayHint.background#09181F
- editorInlayHint.foreground#959B90
- editorLineNumber.activeForeground#F5F232
- editorLineNumber.foreground#959B90
- editorLink.activeForeground#F5F232
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#E1837F
- editorOverviewRuler.infoForeground#7E8BA0
- editorOverviewRuler.warningForeground#DACE5D
- editorRuler.foreground#354143
- editorStickyScroll.background#09111E
- editorStickyScroll.border#354143
- editorStickyScrollHover.background#09181F
- editorSuggestWidget.background#09181F
- editorSuggestWidget.border#354143
- editorSuggestWidget.foreground#FEFDE6
- editorSuggestWidget.highlightForeground#F5F232
- editorSuggestWidget.selectedBackground#333922
- editorSuggestWidget.selectedForeground#FEFDE6
- editorUnicodeHighlight.background#6F89D212
- editorUnicodeHighlight.border#6F89D2
- editorWarning.foreground#DACE5D
- editorWhitespace.foreground#354143
- editorWidget.background#09181F
- editorWidget.border#354143
- editorWidget.foreground#FEFDE6
- focusBorder#F5F232
- foreground#FEFDE6
- gitDecoration.addedResourceForeground#64E68F
- gitDecoration.deletedResourceForeground#E1837F
- gitDecoration.ignoredResourceForeground#959B90
- gitDecoration.modifiedResourceForeground#7E8BA0
- input.background#09181F
- input.border#354143
- input.foreground#FEFDE6
- input.placeholderForeground#959B90
- inputOption.activeBackground#F5F23228
- inputOption.activeBorder#F5F232
- inputOption.activeForeground#FEFDE6
- list.activeSelectionBackground#333922
- list.activeSelectionForeground#FEFDE6
- list.focusBackground#333922
- list.focusForeground#FEFDE6
- list.focusHighlightForeground#F5F232
- list.focusOutline#F5F23266
- list.highlightForeground#F5F232
- list.hoverBackground#F5F23214
- list.hoverForeground#FEFDE6
- list.inactiveSelectionBackground#333922
- list.inactiveSelectionForeground#FEFDE6
- menu.background#09181F
- menu.border#354143
- menu.foreground#FEFDE6
- merge.currentContentBackground#04D43514
- merge.currentHeaderBackground#04D43530
- merge.incomingContentBackground#4985FE14
- merge.incomingHeaderBackground#4985FE30
- minimap.selectionHighlight#F5F23277
- notebook.cellBorderColor#354143
- notebook.cellEditorBackground#09111E
- notebook.focusedCellBorder#F5F232
- notebook.selectedCellBackground#333922
- notificationCenterHeader.background#09181F
- notifications.background#09181F
- notifications.border#354143
- notifications.foreground#FEFDE6
- panel.background#0D151E
- panel.border#354143
- panelTitle.activeBorder#F5F232
- panelTitle.activeForeground#F5F232
- panelTitle.inactiveForeground#959B90
- peekView.border#F5F232
- peekViewEditor.background#09181F
- peekViewResult.background#09181F
- peekViewResult.fileForeground#FEFDE6
- peekViewResult.lineForeground#FEFDE6
- pickerGroup.foreground#F5F232
- progressBar.background#F5F232
- quickInput.background#09181F
- quickInput.foreground#FEFDE6
- quickInputList.focusBackground#333922
- quickInputList.focusForeground#FEFDE6
- scrollbarSlider.activeBackground#F5F23266
- scrollbarSlider.background#35414399
- scrollbarSlider.hoverBackground#959B9066
- settings.dropdownBackground#09181F
- settings.modifiedItemIndicator#F5F232
- sideBar.background#09181F
- sideBar.border#354143
- sideBar.foreground#FEFDE6
- sideBarSectionHeader.background#09181F
- sideBarSectionHeader.border#354143
- sideBarSectionHeader.foreground#FEFDE6
- sideBarTitle.foreground#FEFDE6
- statusBar.background#F5F232
- statusBar.border#354143
- statusBar.debuggingBackground#F5F232
- statusBar.debuggingForeground#09111E
- statusBar.foreground#09111E
- statusBar.noFolderBackground#F5F232
- statusBarItem.hoverBackground#F5F23214
- statusBarItem.hoverForeground#09111E
- statusBarItem.prominentBackground#333922
- statusBarItem.prominentForeground#FEFDE6
- statusBarItem.remoteBackground#F5F232
- statusBarItem.remoteForeground#09111E
- tab.activeBackground#09111E
- tab.activeBorder#F5F232
- tab.activeBorderTop#00000000
- tab.activeForeground#FEFDE6
- tab.border#354143
- tab.hoverBackground#333922
- tab.inactiveBackground#09181F
- tab.inactiveForeground#959B90
- tab.unfocusedActiveBorder#354143
- terminal.ansiBlack#959B90
- terminal.ansiBlue#64B2E7
- terminal.ansiBrightBlack#959B90
- terminal.ansiBrightBlue#83C1EC
- terminal.ansiBrightCyan#78E1DF
- terminal.ansiBrightGreen#83EBA5
- terminal.ansiBrightMagenta#6D9DFE
- terminal.ansiBrightRed#E79C99
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#E1D87D
- terminal.ansiCyan#56DAD7
- terminal.ansiGreen#64E68F
- terminal.ansiMagenta#4985FE
- terminal.ansiRed#E1837F
- terminal.ansiWhite#FEFDE6
- terminal.ansiYellow#DACE5D
- terminal.background#0D151E
- terminal.foreground#FEFDE6
- terminal.selectionBackground#333922
- terminalCursor.background#09111E
- terminalCursor.foreground#04D435
- testing.iconFailed#E1837F
- testing.iconPassed#64E68F
- textBlockQuote.background#09181F
- textBlockQuote.border#F5F232
- textCodeBlock.background#09181F
- textLink.activeForeground#7E8BA0
- textLink.foreground#F5F232
- titleBar.activeBackground#122026
- titleBar.activeForeground#FEFDE6
- titleBar.border#354143
- titleBar.inactiveBackground#09111E
- titleBar.inactiveForeground#959B90
- toolbar.hoverBackground#F5F23214
- tree.indentGuidesStroke#354143
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #959B90 | — |
| keyword, storage | #4985FE | — |
| keyword.operator | #FEFDE6 | — |
| string | #04D435 | — |
| constant.numeric, constant.language, constant.character, constant.other | #6F89D2 | — |
| entity.name.function, support.function | #F5F232 | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #7E8BA0 | — |
| variable, meta.definition.variable | #FEFDE6 | — |
| variable.parameter | #FEFDE6 | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #7E8BA0 | — |
| punctuation | #FEFDE6 | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #F5F232 | — |
| constant.character.escape | #F5F232 | — |
| entity.name.tag | #4985FE | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #4985FE | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #FEFDE6 | — |
| support.function.builtin.shell, support.function.powershell | #F5F232 | — |
| markup.heading, entity.name.section | #F5F232 | bold |
| markup.bold | #FEFDE6 | bold |
| markup.italic | #FEFDE6 | italic |
| markup.inline.raw, markup.fenced_code.block | #04D435 | — |
| markup.underline.link | #F5F232 | — |
| markup.inserted | #64E68F | — |
| markup.deleted | #E1837F | — |
| invalid | #E1837F | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #7E8BA0 | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #4985FE | — |
| string.regexp, constant.other.character-class.regexp | #04D435 | — |