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#92ddc0
- activityBar.background#0b1b17
- activityBar.border#3f6351
- activityBar.foreground#92ddc0
- activityBar.inactiveForeground#9bbdaa
- activityBarBadge.background#92ddc0
- activityBarBadge.foreground#10241f
- badge.background#92ddc0
- badge.foreground#10241f
- breadcrumb.background#1c332b
- breadcrumb.foreground#b8d7c6
- button.background#92ddc0
- button.foreground#10241f
- button.hoverBackground#9fe1c7
- button.secondaryBackground#2e4a3d
- button.secondaryForeground#e5f4eb
- button.secondaryHoverBackground#253f34
- charts.blue#b5c7f1
- charts.green#a9ddb4
- charts.orange#edcf98
- charts.purple#eab6d3
- charts.red#ff9faa
- charts.yellow#efd18e
- contrastActiveBorder#92ddc0
- debugConsole.errorForeground#ff9faa
- debugConsole.infoForeground#b5c7f1
- debugConsole.sourceForeground#b8d7c6
- debugConsole.warningForeground#efd18e
- debugExceptionWidget.background#1c332b
- debugExceptionWidget.border#ff9faa
- debugIcon.breakpointForeground#ff9faa
- debugIcon.disconnectForeground#ff9faa
- debugIcon.pauseForeground#edcf98
- debugIcon.startForeground#a9ddb4
- debugIcon.stepIntoForeground#edcf98
- debugIcon.stepOutForeground#edcf98
- debugIcon.stepOverForeground#edcf98
- debugIcon.stopForeground#ff9faa
- debugToolBar.background#1c332b
- descriptionForeground#9bbdaa
- diffEditor.insertedLineBackground#a9ddb40c
- diffEditor.insertedTextBackground#a9ddb41c
- diffEditor.removedLineBackground#ff9faa0c
- diffEditor.removedTextBackground#ff9faa1c
- disabledForeground#9bbdaa
- dropdown.background#1c332b
- dropdown.border#3f6351
- dropdown.foreground#e5f4eb
- editor.background#10241f
- editor.findMatchBackground#2f3c30
- editor.findMatchBorder#edcf98
- editor.findMatchHighlightBackground#2f3c30
- editor.findMatchHighlightBorder#edcf98
- editor.findRangeHighlightBorder#edcf98
- editor.focusedStackFrameHighlightBackground#a9ddb418
- editor.foreground#e5f4eb
- editor.inactiveSelectionBackground#2e4a3d
- editor.lineHighlightBackground#253f34
- editor.selectionBackground#2e4a3d
- editor.selectionForeground#e5f4eb
- editor.selectionHighlightBackground#92ddc016
- editor.stackFrameHighlightBackground#edcf9818
- editor.wordHighlightBackground#92ddc016
- editor.wordHighlightStrongBackground#92ddc016
- editorBracketHighlight.foreground1#92ddc0
- editorBracketHighlight.foreground2#edcf98
- editorBracketHighlight.foreground3#b5c7f1
- editorBracketHighlight.foreground4#eab6d3
- editorBracketHighlight.foreground5#c9dfaa
- editorBracketHighlight.foreground6#a7d9de
- editorBracketHighlight.unexpectedBracket.foreground#ff9faa
- editorBracketMatch.background#253f34
- editorBracketMatch.border#9bbdaa
- editorCursor.foreground#92ddc0
- editorError.foreground#ff9faa
- editorGroup.border#3f6351
- editorGroupHeader.tabsBackground#1c332b
- editorGroupHeader.tabsBorder#3f6351
- editorGutter.addedBackground#a9ddb4
- editorGutter.deletedBackground#ff9faa
- editorGutter.modifiedBackground#edcf98
- editorHint.foreground#a9ddb4
- editorHoverWidget.background#1c332b
- editorHoverWidget.border#3f6351
- editorHoverWidget.foreground#e5f4eb
- editorIndentGuide.activeBackground1#9bbdaa
- editorIndentGuide.background1#415a50
- editorInfo.foreground#b5c7f1
- editorLineNumber.activeForeground#92ddc0
- editorLineNumber.foreground#9bbdaa
- editorOverviewRuler.addedForeground#a9ddb4
- editorOverviewRuler.deletedForeground#ff9faa
- editorOverviewRuler.errorForeground#ff9faa
- editorOverviewRuler.modifiedForeground#edcf98
- editorOverviewRuler.warningForeground#efd18e
- editorRuler.foreground#415a50
- editorWarning.foreground#efd18e
- editorWhitespace.foreground#415a50
- editorWidget.background#1c332b
- editorWidget.border#3f6351
- editorWidget.foreground#e5f4eb
- errorForeground#ff9faa
- focusBorder#92ddc0
- foreground#e5f4eb
- gitDecoration.addedResourceForeground#a9ddb4
- gitDecoration.conflictingResourceForeground#ff9faa
- gitDecoration.deletedResourceForeground#ff9faa
- gitDecoration.ignoredResourceForeground#9bbdaa
- gitDecoration.modifiedResourceForeground#edcf98
- gitDecoration.renamedResourceForeground#b5c7f1
- gitDecoration.untrackedResourceForeground#a9ddb4
- input.background#1c332b
- input.border#3f6351
- input.foreground#e5f4eb
- input.placeholderForeground#9bbdaa
- inputOption.activeBackground#2e4a3d
- inputOption.activeBorder#92ddc0
- inputOption.activeForeground#e5f4eb
- inputOption.hoverBackground#253f34
- inputValidation.errorBackground#28302d
- inputValidation.errorBorder#ff9faa
- inputValidation.errorForeground#e5f4eb
- inputValidation.infoBackground#213434
- inputValidation.infoBorder#b5c7f1
- inputValidation.infoForeground#e5f4eb
- inputValidation.warningBackground#26352a
- inputValidation.warningBorder#efd18e
- inputValidation.warningForeground#e5f4eb
- list.activeSelectionBackground#2e4a3d
- list.activeSelectionForeground#e5f4eb
- list.errorForeground#ff9faa
- list.filterMatchBackground#2e4a3d
- list.focusBackground#2e4a3d
- list.focusForeground#e5f4eb
- list.focusHighlightForeground#92ddc0
- list.focusOutline#92ddc0
- list.highlightForeground#e5f4eb
- list.hoverBackground#253f34
- list.hoverForeground#e5f4eb
- list.inactiveSelectionBackground#2e4a3d
- list.inactiveSelectionForeground#e5f4eb
- list.warningForeground#efd18e
- menu.background#1c332b
- menu.border#3f6351
- menu.foreground#e5f4eb
- menu.selectionBackground#2e4a3d
- menu.selectionForeground#e5f4eb
- menu.separatorBackground#3f6351
- minimap.errorHighlight#ff9faa
- minimap.warningHighlight#efd18e
- notebook.cellEditorBackground#10241f
- notificationCenterHeader.background#0b1b17
- notificationCenterHeader.foreground#b8d7c6
- notifications.background#1c332b
- notifications.border#3f6351
- notifications.foreground#e5f4eb
- notificationsErrorIcon.foreground#ff9faa
- notificationsInfoIcon.foreground#b5c7f1
- notificationsWarningIcon.foreground#efd18e
- panel.background#1c332b
- panel.border#3f6351
- panelTitle.activeBorder#92ddc0
- panelTitle.activeForeground#e5f4eb
- panelTitle.inactiveForeground#b8d7c6
- peekView.border#92ddc0
- peekViewEditor.background#1c332b
- peekViewEditor.matchHighlightBackground#2e4a3d
- peekViewResult.background#1c332b
- peekViewResult.fileForeground#e5f4eb
- peekViewResult.lineForeground#e5f4eb
- peekViewResult.matchHighlightBackground#2e4a3d
- peekViewResult.selectionBackground#2e4a3d
- peekViewResult.selectionForeground#e5f4eb
- peekViewTitle.background#1c332b
- peekViewTitleDescription.foreground#b8d7c6
- peekViewTitleLabel.foreground#e5f4eb
- pickerGroup.border#3f6351
- pickerGroup.foreground#92ddc0
- problemsErrorIcon.foreground#ff9faa
- problemsInfoIcon.foreground#b5c7f1
- problemsWarningIcon.foreground#efd18e
- progressBar.background#92ddc0
- quickInput.background#1c332b
- quickInput.foreground#e5f4eb
- quickInputList.focusBackground#2e4a3d
- quickInputList.focusForeground#e5f4eb
- scrollbar.shadow#10241f99
- scrollbarSlider.activeBackground#9bbdaa80
- scrollbarSlider.background#9bbdaa40
- scrollbarSlider.hoverBackground#9bbdaa60
- selection.background#2e4a3d
- sideBar.background#0b1b17
- sideBar.border#3f6351
- sideBar.foreground#b8d7c6
- sideBarSectionHeader.background#0b1b17
- sideBarSectionHeader.foreground#e5f4eb
- sideBarTitle.foreground#e5f4eb
- statusBar.background#0b1b17
- statusBar.border#3f6351
- statusBar.debuggingBackground#2e4a3d
- statusBar.debuggingForeground#e5f4eb
- statusBar.foreground#e5f4eb
- statusBar.noFolderBackground#0b1b17
- statusBar.noFolderForeground#e5f4eb
- statusBarItem.hoverBackground#253f34
- statusBarItem.remoteBackground#92ddc0
- statusBarItem.remoteForeground#10241f
- tab.activeBackground#10241f
- tab.activeBorderTop#92ddc0
- tab.activeForeground#e5f4eb
- tab.border#3f6351
- tab.hoverBackground#253f34
- tab.inactiveBackground#1c332b
- tab.inactiveForeground#9bbdaa
- tab.unfocusedActiveForeground#b8d7c6
- tab.unfocusedInactiveForeground#9bbdaa
- terminal.ansiBlack#9bbdaa
- terminal.ansiBlue#b5c7f1
- terminal.ansiBrightBlack#a4c4b2
- terminal.ansiBrightBlue#c2d4fe
- terminal.ansiBrightCyan#9feacd
- terminal.ansiBrightGreen#b6eac1
- terminal.ansiBrightMagenta#f7c3e0
- terminal.ansiBrightRed#ffacb7
- terminal.ansiBrightWhite#c5e4d3
- terminal.ansiBrightYellow#fcde9b
- terminal.ansiCyan#92ddc0
- terminal.ansiGreen#a9ddb4
- terminal.ansiMagenta#eab6d3
- terminal.ansiRed#ff9faa
- terminal.ansiWhite#b8d7c6
- terminal.ansiYellow#efd18e
- terminal.background#10241f
- terminal.border#3f6351
- terminal.findMatchBackground#2e4a3d
- terminal.findMatchBorder#edcf98
- terminal.findMatchHighlightBackground#253f34
- terminal.findMatchHighlightBorder#92ddc0
- terminal.foreground#e5f4eb
- terminal.selectionBackground#2e4a3d
- terminalCursor.background#10241f
- terminalCursor.foreground#92ddc0
- testing.iconFailed#ff9faa
- testing.iconPassed#a9ddb4
- testing.iconQueued#9bbdaa
- testing.iconSkipped#9bbdaa
- testing.iconUnset#9bbdaa
- testing.runAction#a9ddb4
- textBlockQuote.background#253f34
- textBlockQuote.border#92ddc0
- textCodeBlock.background#253f34
- textLink.activeForeground#92ddc0
- textLink.foreground#92ddc0
- textPreformat.foreground#edcf98
- titleBar.activeBackground#0b1b17
- titleBar.activeForeground#e5f4eb
- titleBar.border#3f6351
- titleBar.inactiveBackground#0b1b17
- titleBar.inactiveForeground#9bbdaa
- toolbar.hoverBackground#253f34
- widget.border#3f6351
- widget.shadow#10241f99
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9bbdaa | italic |
| keyword, storage.type, storage.modifier | #92ddc0 | — |
| string, markup.inline.raw, markup.fenced_code | #edcf98 | — |
| entity.name.function, support.function, variable.function, meta.function-call | #b5c7f1 | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace | #eab6d3 | — |
| constant.numeric | #c9dfaa | — |
| constant.language, variable.other.constant, constant.other | #c9dfaa | — |
| keyword.operator | #a7d9de | — |
| variable, variable.other.readwrite | #e5f4eb | — |
| variable.parameter | #b8d7c6 | — |
| variable.other.property, support.variable.property, support.type.property-name | #b5c7f1 | — |
| punctuation, meta.brace | #b8d7c6 | — |
| entity.name.tag | #92ddc0 | — |
| entity.other.attribute-name | #edcf98 | — |
| string.regexp | #eab6d3 | — |
| constant.character.escape | #a7d9de | — |
| markup.heading, entity.name.section | #92ddc0 | bold |
| markup.italic | — | italic |
| markup.bold | — | bold |
| invalid | #ff9faa | underline |
| markup.inserted | #a9ddb4 | — |
| markup.deleted | #ff9faa | — |