Elemental Spectrum — Themes & Icons
Publisher: ToxicEpochThemes in package: 50
Fifty luminous mineral palettes, fifty sculpted icon collections, and a focused developer workspace.
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.activeBorder#78dec0
- activityBar.background#0d2824
- activityBar.border#365e50
- activityBar.foreground#78dec0
- activityBar.inactiveForeground#90b6a4
- activityBarBadge.background#78dec0
- activityBarBadge.foreground#091f1c
- badge.background#78dec0
- badge.foreground#091f1c
- breadcrumb.background#18312c
- breadcrumb.foreground#b8d7c7
- button.background#78dec0
- button.foreground#091f1c
- button.hoverBackground#89e1c7
- button.secondaryBackground#29453a
- button.secondaryForeground#e4f3e9
- button.secondaryHoverBackground#203b33
- charts.blue#9fcaff
- charts.green#a9ddb4
- charts.orange#d2e29c
- charts.purple#f0b7d4
- charts.red#ff9faa
- charts.yellow#efd18e
- contrastActiveBorder#78dec0
- debugConsole.errorForeground#ff9faa
- debugConsole.infoForeground#9fcaff
- debugConsole.sourceForeground#b8d7c7
- debugConsole.warningForeground#efd18e
- debugExceptionWidget.background#18312c
- debugExceptionWidget.border#ff9faa
- debugIcon.breakpointForeground#ff9faa
- debugIcon.disconnectForeground#ff9faa
- debugIcon.pauseForeground#d2e29c
- debugIcon.startForeground#a9ddb4
- debugIcon.stepIntoForeground#d2e29c
- debugIcon.stepOutForeground#d2e29c
- debugIcon.stepOverForeground#d2e29c
- debugIcon.stopForeground#ff9faa
- debugToolBar.background#18312c
- descriptionForeground#90b6a4
- diffEditor.insertedLineBackground#a9ddb40c
- diffEditor.insertedTextBackground#a9ddb41c
- diffEditor.removedLineBackground#ff9faa0c
- diffEditor.removedTextBackground#ff9faa1c
- disabledForeground#90b6a4
- dropdown.background#18312c
- dropdown.border#365e50
- dropdown.foreground#e4f3e9
- editor.background#091f1c
- editor.findMatchBackground#253a2e
- editor.findMatchBorder#d2e29c
- editor.findMatchHighlightBackground#253a2e
- editor.findMatchHighlightBorder#d2e29c
- editor.findRangeHighlightBorder#d2e29c
- editor.focusedStackFrameHighlightBackground#a9ddb418
- editor.foreground#e4f3e9
- editor.inactiveSelectionBackground#29453a
- editor.lineHighlightBackground#203b33
- editor.selectionBackground#29453a
- editor.selectionForeground#e4f3e9
- editor.selectionHighlightBackground#78dec016
- editor.stackFrameHighlightBackground#d2e29c18
- editor.wordHighlightBackground#78dec016
- editor.wordHighlightStrongBackground#78dec016
- editorBracketHighlight.foreground1#78dec0
- editorBracketHighlight.foreground2#d2e29c
- editorBracketHighlight.foreground3#9fcaff
- editorBracketHighlight.foreground4#f0b7d4
- editorBracketHighlight.foreground5#f5c19a
- editorBracketHighlight.foreground6#b9c4ed
- editorBracketHighlight.unexpectedBracket.foreground#ff9faa
- editorBracketMatch.background#203b33
- editorBracketMatch.border#90b6a4
- editorCursor.foreground#78dec0
- editorError.foreground#ff9faa
- editorGroup.border#365e50
- editorGroupHeader.tabsBackground#18312c
- editorGroupHeader.tabsBorder#365e50
- editorGutter.addedBackground#a9ddb4
- editorGutter.deletedBackground#ff9faa
- editorGutter.modifiedBackground#d2e29c
- editorHint.foreground#a9ddb4
- editorHoverWidget.background#18312c
- editorHoverWidget.border#365e50
- editorHoverWidget.foreground#e4f3e9
- editorIndentGuide.activeBackground1#90b6a4
- editorIndentGuide.background1#38544c
- editorInfo.foreground#9fcaff
- editorLineNumber.activeForeground#78dec0
- editorLineNumber.foreground#90b6a4
- editorOverviewRuler.addedForeground#a9ddb4
- editorOverviewRuler.deletedForeground#ff9faa
- editorOverviewRuler.errorForeground#ff9faa
- editorOverviewRuler.modifiedForeground#d2e29c
- editorOverviewRuler.warningForeground#efd18e
- editorRuler.foreground#38544c
- editorWarning.foreground#efd18e
- editorWhitespace.foreground#38544c
- editorWidget.background#18312c
- editorWidget.border#365e50
- editorWidget.foreground#e4f3e9
- errorForeground#ff9faa
- focusBorder#78dec0
- foreground#e4f3e9
- gitDecoration.addedResourceForeground#a9ddb4
- gitDecoration.conflictingResourceForeground#ff9faa
- gitDecoration.deletedResourceForeground#ff9faa
- gitDecoration.ignoredResourceForeground#90b6a4
- gitDecoration.modifiedResourceForeground#d2e29c
- gitDecoration.renamedResourceForeground#9fcaff
- gitDecoration.untrackedResourceForeground#a9ddb4
- input.background#18312c
- input.border#365e50
- input.foreground#e4f3e9
- input.placeholderForeground#90b6a4
- inputOption.activeBackground#29453a
- inputOption.activeBorder#78dec0
- inputOption.activeForeground#e4f3e9
- inputOption.hoverBackground#203b33
- inputValidation.errorBackground#222c2a
- inputValidation.errorBorder#ff9faa
- inputValidation.errorForeground#e4f3e9
- inputValidation.infoBackground#183033
- inputValidation.infoBorder#9fcaff
- inputValidation.infoForeground#e4f3e9
- inputValidation.warningBackground#203127
- inputValidation.warningBorder#efd18e
- inputValidation.warningForeground#e4f3e9
- list.activeSelectionBackground#29453a
- list.activeSelectionForeground#e4f3e9
- list.errorForeground#ff9faa
- list.filterMatchBackground#29453a
- list.focusBackground#29453a
- list.focusForeground#e4f3e9
- list.focusHighlightForeground#78dec0
- list.focusOutline#78dec0
- list.highlightForeground#e4f3e9
- list.hoverBackground#203b33
- list.hoverForeground#e4f3e9
- list.inactiveSelectionBackground#29453a
- list.inactiveSelectionForeground#e4f3e9
- list.warningForeground#efd18e
- menu.background#18312c
- menu.border#365e50
- menu.foreground#e4f3e9
- menu.selectionBackground#29453a
- menu.selectionForeground#e4f3e9
- menu.separatorBackground#365e50
- minimap.errorHighlight#ff9faa
- minimap.warningHighlight#efd18e
- notebook.cellEditorBackground#091f1c
- notificationCenterHeader.background#0d2824
- notificationCenterHeader.foreground#b8d7c7
- notifications.background#18312c
- notifications.border#365e50
- notifications.foreground#e4f3e9
- notificationsErrorIcon.foreground#ff9faa
- notificationsInfoIcon.foreground#9fcaff
- notificationsWarningIcon.foreground#efd18e
- panel.background#18312c
- panel.border#365e50
- panelTitle.activeBorder#78dec0
- panelTitle.activeForeground#e4f3e9
- panelTitle.inactiveForeground#b8d7c7
- peekView.border#78dec0
- peekViewEditor.background#18312c
- peekViewEditor.matchHighlightBackground#29453a
- peekViewResult.background#18312c
- peekViewResult.fileForeground#e4f3e9
- peekViewResult.lineForeground#e4f3e9
- peekViewResult.matchHighlightBackground#29453a
- peekViewResult.selectionBackground#29453a
- peekViewResult.selectionForeground#e4f3e9
- peekViewTitle.background#18312c
- peekViewTitleDescription.foreground#b8d7c7
- peekViewTitleLabel.foreground#e4f3e9
- pickerGroup.border#365e50
- pickerGroup.foreground#78dec0
- problemsErrorIcon.foreground#ff9faa
- problemsInfoIcon.foreground#9fcaff
- problemsWarningIcon.foreground#efd18e
- progressBar.background#78dec0
- quickInput.background#18312c
- quickInput.foreground#e4f3e9
- quickInputList.focusBackground#29453a
- quickInputList.focusForeground#e4f3e9
- scrollbar.shadow#091f1c99
- scrollbarSlider.activeBackground#90b6a480
- scrollbarSlider.background#90b6a440
- scrollbarSlider.hoverBackground#90b6a460
- selection.background#29453a
- sideBar.background#0d2824
- sideBar.border#365e50
- sideBar.foreground#b8d7c7
- sideBarSectionHeader.background#0d2824
- sideBarSectionHeader.foreground#e4f3e9
- sideBarTitle.foreground#e4f3e9
- statusBar.background#0d2824
- statusBar.border#365e50
- statusBar.debuggingBackground#29453a
- statusBar.debuggingForeground#e4f3e9
- statusBar.foreground#e4f3e9
- statusBar.noFolderBackground#0d2824
- statusBar.noFolderForeground#e4f3e9
- statusBarItem.hoverBackground#203b33
- statusBarItem.remoteBackground#78dec0
- statusBarItem.remoteForeground#091f1c
- tab.activeBackground#091f1c
- tab.activeBorderTop#78dec0
- tab.activeForeground#e4f3e9
- tab.border#365e50
- tab.hoverBackground#203b33
- tab.inactiveBackground#18312c
- tab.inactiveForeground#90b6a4
- tab.unfocusedActiveForeground#b8d7c7
- tab.unfocusedInactiveForeground#90b6a4
- terminal.ansiBlack#90b6a4
- terminal.ansiBlue#9fcaff
- terminal.ansiBrightBlack#9abdac
- terminal.ansiBrightBlue#acd7ff
- terminal.ansiBrightCyan#85ebcd
- terminal.ansiBrightGreen#b6eac1
- terminal.ansiBrightMagenta#fdc4e1
- terminal.ansiBrightRed#ffacb7
- terminal.ansiBrightWhite#c5e4d4
- terminal.ansiBrightYellow#fcde9b
- terminal.ansiCyan#78dec0
- terminal.ansiGreen#a9ddb4
- terminal.ansiMagenta#f0b7d4
- terminal.ansiRed#ff9faa
- terminal.ansiWhite#b8d7c7
- terminal.ansiYellow#efd18e
- terminal.background#091f1c
- terminal.border#365e50
- terminal.findMatchBackground#29453a
- terminal.findMatchBorder#d2e29c
- terminal.findMatchHighlightBackground#203b33
- terminal.findMatchHighlightBorder#78dec0
- terminal.foreground#e4f3e9
- terminal.selectionBackground#29453a
- terminalCursor.background#091f1c
- terminalCursor.foreground#78dec0
- testing.iconFailed#ff9faa
- testing.iconPassed#a9ddb4
- testing.iconQueued#90b6a4
- testing.iconSkipped#90b6a4
- testing.iconUnset#90b6a4
- testing.runAction#a9ddb4
- textBlockQuote.background#203b33
- textBlockQuote.border#78dec0
- textCodeBlock.background#203b33
- textLink.activeForeground#78dec0
- textLink.foreground#78dec0
- textPreformat.foreground#d2e29c
- titleBar.activeBackground#0d2824
- titleBar.activeForeground#e4f3e9
- titleBar.border#365e50
- titleBar.inactiveBackground#0d2824
- titleBar.inactiveForeground#90b6a4
- toolbar.hoverBackground#203b33
- widget.border#365e50
- widget.shadow#091f1c99
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #90b6a4 | italic |
| keyword, storage.type, storage.modifier | #78dec0 | — |
| string, markup.inline.raw, markup.fenced_code | #d2e29c | — |
| entity.name.function, support.function, variable.function, meta.function-call | #9fcaff | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #f0b7d4 | — |
| constant.numeric | #f5c19a | — |
| constant.language, variable.other.constant, constant.other | #f5c19a | — |
| keyword.operator | #b9c4ed | — |
| variable, variable.other.readwrite | #e4f3e9 | — |
| variable.parameter | #b8d7c7 | — |
| variable.other.property, support.variable.property, support.type.property-name | #9fcaff | — |
| punctuation, meta.brace | #b8d7c7 | — |
| entity.name.tag | #78dec0 | — |
| entity.other.attribute-name | #d2e29c | — |
| string.regexp | #f0b7d4 | — |
| constant.character.escape | #b9c4ed | — |
| markup.heading, entity.name.section | #78dec0 | bold |
| markup.italic | — | italic |
| markup.bold | — | bold |
| invalid | #ff9faa | underline |
| markup.inserted | #a9ddb4 | — |
| markup.deleted | #ff9faa | — |