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#7AF8FF0D
- activityBar.activeBorder#FF7200
- activityBar.background#352236
- activityBar.foreground#7AF8FF
- activityBar.inactiveForeground#9F9FA9
- activityBarBadge.background#7AF8FF
- activityBarBadge.foreground#291D39
- activityBarTop.activeBorder#7AF8FF
- activityBarTop.background#352236
- activityBarTop.foreground#7AF8FF
- activityBarTop.inactiveForeground#9F9FA9
- badge.background#7AF8FF
- badge.foreground#291D39
- breadcrumb.background#291D39
- breadcrumb.foreground#9F9FA9
- button.background#7AF8FF
- button.foreground#291D39
- button.hoverBackground#92F9FF
- button.secondaryBackground#38445D
- button.secondaryForeground#EFFEFF
- button.secondaryHoverBackground#3C2A3D
- commandCenter.background#352236
- commandCenter.border#564A5A
- commandCenter.foreground#EFFEFF
- debugConsole.errorForeground#FF7779
- debugConsole.warningForeground#F8C257
- descriptionForeground#9F9FA9
- diffEditor.insertedLineBackground#82DA880D
- diffEditor.insertedTextBackground#82DA8821
- diffEditor.removedLineBackground#FF77790D
- diffEditor.removedTextBackground#FF777921
- disabledForeground#9F9FA9
- dropdown.background#352236
- dropdown.border#564A5A
- dropdown.foreground#EFFEFF
- editor.background#291D39
- editor.findMatchBackground#58302C
- editor.findMatchBorder#FF7200
- editor.findMatchHighlightBackground#7AF8FF28
- editor.findMatchHighlightBorder#7AF8FF55
- editor.foreground#EFFEFF
- editor.inactiveSelectionBackground#7AF8FF28
- editor.lineHighlightBackground#30223B
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#38445D
- editor.selectionForeground#EFFEFF
- editor.selectionHighlightBackground#7AF8FF28
- editor.selectionHighlightBorder#7AF8FF44
- editor.wordHighlightBackground#7AF8FF28
- editor.wordHighlightStrongBackground#7AF8FF28
- editorBracketHighlight.foreground1#7AF8FF
- editorBracketHighlight.foreground2#7998FF
- editorBracketHighlight.foreground3#8198F6
- editorBracketHighlight.foreground4#FFCD01
- editorBracketHighlight.foreground5#8EA8FF
- editorBracketHighlight.foreground6#EFFEFF
- editorCodeLens.foreground#9F9FA9
- editorCursor.foreground#FF7200
- editorError.foreground#FF7779
- editorGhostText.background#00000000
- editorGhostText.foreground#9F9FA9
- editorGroup.border#564A5A
- editorGroupHeader.tabsBackground#3C2A3D
- editorGutter.addedBackground#82DA88
- editorGutter.deletedBackground#FF7779
- editorGutter.foldingControlForeground#9F9FA9
- editorGutter.modifiedBackground#8198F6
- editorHint.foreground#9F9FA9
- editorHoverWidget.background#352236
- editorHoverWidget.border#FF7200
- editorHoverWidget.foreground#EFFEFF
- editorIndentGuide.activeBackground1#7AF8FF66
- editorIndentGuide.background1#564A5A
- editorInfo.foreground#8198F6
- editorInlayHint.background#352236
- editorInlayHint.foreground#9F9FA9
- editorLineNumber.activeForeground#7AF8FF
- editorLineNumber.foreground#9F9FA9
- editorLink.activeForeground#7AF8FF
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#FF7779
- editorOverviewRuler.infoForeground#8198F6
- editorOverviewRuler.warningForeground#F8C257
- editorRuler.foreground#564A5A
- editorStickyScroll.background#291D39
- editorStickyScroll.border#564A5A
- editorStickyScrollHover.background#352236
- editorSuggestWidget.background#352236
- editorSuggestWidget.border#564A5A
- editorSuggestWidget.foreground#EFFEFF
- editorSuggestWidget.highlightForeground#7AF8FF
- editorSuggestWidget.selectedBackground#38445D
- editorSuggestWidget.selectedForeground#EFFEFF
- editorUnicodeHighlight.background#FFCD0112
- editorUnicodeHighlight.border#FFCD01
- editorWarning.foreground#F8C257
- editorWhitespace.foreground#564A5A
- editorWidget.background#352236
- editorWidget.border#564A5A
- editorWidget.foreground#EFFEFF
- focusBorder#7AF8FF
- foreground#EFFEFF
- gitDecoration.addedResourceForeground#82DA88
- gitDecoration.deletedResourceForeground#FF7779
- gitDecoration.ignoredResourceForeground#9F9FA9
- gitDecoration.modifiedResourceForeground#8198F6
- input.background#352236
- input.border#564A5A
- input.foreground#EFFEFF
- input.placeholderForeground#9F9FA9
- inputOption.activeBackground#7AF8FF28
- inputOption.activeBorder#7AF8FF
- inputOption.activeForeground#EFFEFF
- list.activeSelectionBackground#38445D
- list.activeSelectionForeground#EFFEFF
- list.focusBackground#38445D
- list.focusForeground#EFFEFF
- list.focusHighlightForeground#7AF8FF
- list.focusOutline#7AF8FF66
- list.highlightForeground#7AF8FF
- list.hoverBackground#7AF8FF14
- list.hoverForeground#EFFEFF
- list.inactiveSelectionBackground#38445D
- list.inactiveSelectionForeground#EFFEFF
- menu.background#352236
- menu.border#564A5A
- menu.foreground#EFFEFF
- merge.currentContentBackground#8EA8FF14
- merge.currentHeaderBackground#8EA8FF30
- merge.incomingContentBackground#D875FF14
- merge.incomingHeaderBackground#D875FF30
- minimap.selectionHighlight#7AF8FF77
- notebook.cellBorderColor#564A5A
- notebook.cellEditorBackground#291D39
- notebook.focusedCellBorder#7AF8FF
- notebook.selectedCellBackground#38445D
- notificationCenterHeader.background#352236
- notifications.background#352236
- notifications.border#564A5A
- notifications.foreground#EFFEFF
- panel.background#2A213D
- panel.border#564A5A
- panelTitle.activeBorder#7AF8FF
- panelTitle.activeForeground#7AF8FF
- panelTitle.inactiveForeground#9F9FA9
- peekView.border#7AF8FF
- peekViewEditor.background#352236
- peekViewResult.background#352236
- peekViewResult.fileForeground#EFFEFF
- peekViewResult.lineForeground#EFFEFF
- pickerGroup.foreground#7AF8FF
- progressBar.background#7AF8FF
- quickInput.background#352236
- quickInput.foreground#EFFEFF
- quickInputList.focusBackground#38445D
- quickInputList.focusForeground#EFFEFF
- scrollbarSlider.activeBackground#7AF8FF66
- scrollbarSlider.background#564A5A99
- scrollbarSlider.hoverBackground#9F9FA966
- settings.dropdownBackground#352236
- settings.modifiedItemIndicator#7AF8FF
- sideBar.background#352236
- sideBar.border#564A5A
- sideBar.foreground#EFFEFF
- sideBarSectionHeader.background#352236
- sideBarSectionHeader.border#564A5A
- sideBarSectionHeader.foreground#EFFEFF
- sideBarTitle.foreground#EFFEFF
- statusBar.background#4C3038
- statusBar.border#564A5A
- statusBar.debuggingBackground#7AF8FF
- statusBar.debuggingForeground#291D39
- statusBar.foreground#EFFEFF
- statusBar.noFolderBackground#4C3038
- statusBarItem.hoverBackground#7AF8FF14
- statusBarItem.hoverForeground#EFFEFF
- statusBarItem.prominentBackground#38445D
- statusBarItem.prominentForeground#EFFEFF
- statusBarItem.remoteBackground#7AF8FF
- statusBarItem.remoteForeground#291D39
- tab.activeBackground#291D39
- tab.activeBorder#7AF8FF
- tab.activeBorderTop#00000000
- tab.activeForeground#EFFEFF
- tab.border#564A5A
- tab.hoverBackground#38445D
- tab.inactiveBackground#352236
- tab.inactiveForeground#9F9FA9
- tab.unfocusedActiveBorder#564A5A
- terminal.ansiBlack#9F9FA9
- terminal.ansiBlue#82A6E0
- terminal.ansiBrightBlack#9F9FA9
- terminal.ansiBrightBlue#9BB8E6
- terminal.ansiBrightCyan#90D8DA
- terminal.ansiBrightGreen#9BE1A0
- terminal.ansiBrightMagenta#E091FF
- terminal.ansiBrightRed#FF9294
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F9CE79
- terminal.ansiCyan#74CED1
- terminal.ansiGreen#82DA88
- terminal.ansiMagenta#D875FF
- terminal.ansiRed#FF7779
- terminal.ansiWhite#EFFEFF
- terminal.ansiYellow#F8C257
- terminal.background#2A213D
- terminal.foreground#EFFEFF
- terminal.selectionBackground#38445D
- terminalCursor.background#291D39
- terminalCursor.foreground#FF7200
- testing.iconFailed#FF7779
- testing.iconPassed#82DA88
- textBlockQuote.background#352236
- textBlockQuote.border#7AF8FF
- textCodeBlock.background#352236
- textLink.activeForeground#8198F6
- textLink.foreground#7AF8FF
- titleBar.activeBackground#352236
- titleBar.activeForeground#EFFEFF
- titleBar.border#564A5A
- titleBar.inactiveBackground#291D39
- titleBar.inactiveForeground#9F9FA9
- toolbar.hoverBackground#7AF8FF14
- tree.indentGuidesStroke#564A5A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9F9FA9 | — |
| keyword, storage | #D875FF | — |
| keyword.operator | #EFFEFF | — |
| string | #8EA8FF | — |
| constant.numeric, constant.language, constant.character, constant.other | #FFCD01 | — |
| entity.name.function, support.function | #7998FF | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #8198F6 | — |
| variable, meta.definition.variable | #EFFEFF | — |
| variable.parameter | #EFFEFF | — |
| support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #8198F6 | — |
| punctuation | #EFFEFF | — |
| punctuation.section.interpolation, keyword.other.template, meta.interpolation punctuation | #7AF8FF | — |
| constant.character.escape | #7AF8FF | — |
| entity.name.tag | #D875FF | — |
| storage.type.terraform, keyword.control.terraform, keyword.other.terraform | #D875FF | — |
| variable.other.property.terraform, variable.other.readwrite.terraform | #EFFEFF | — |
| support.function.builtin.shell, support.function.powershell | #7998FF | — |
| markup.heading, entity.name.section | #7AF8FF | bold |
| markup.bold | #EFFEFF | bold |
| markup.italic | #EFFEFF | italic |
| markup.inline.raw, markup.fenced_code.block | #8EA8FF | — |
| markup.underline.link | #7AF8FF | — |
| markup.inserted | #82DA88 | — |
| markup.deleted | #FF7779 | — |
| invalid | #FF7779 | — |
| support.type.property-name.json, entity.name.tag.yaml, entity.name.tag.yml | #8198F6 | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #D875FF | — |
| string.regexp, constant.other.character-class.regexp | #8EA8FF | — |