Elemental Spectrum — Themes & Icons

Color themes

• 

  Elemental Spectrum · Chrysocolla Harbor

• 

  Elemental Spectrum · Corundum Velvet

• 

  Elemental Spectrum · Crocoite Furnace

• 

  Elemental Spectrum · Danburite Dawn

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#eed8a6
• activityBar.background#1b1519
• activityBar.border#65515b
• activityBar.foreground#eed8a6
• activityBar.inactiveForeground#bba4ac
• activityBarBadge.background#eed8a6
• activityBarBadge.foreground#231d20
• badge.background#eed8a6
• badge.foreground#231d20
• breadcrumb.background#30272c
• breadcrumb.foreground#dac4c9
• button.background#eed8a6
• button.foreground#231d20
• button.hoverBackground#f0dbb1
• button.secondaryBackground#46373e
• button.secondaryForeground#f8edeb
• button.secondaryHoverBackground#3b2d34
• charts.blue#badbe2
• charts.green#a9ddb4
• charts.orange#f2b5b1
• charts.purple#d6bdf1
• charts.red#ff9faa
• charts.yellow#efd18e
• contrastActiveBorder#eed8a6
• debugConsole.errorForeground#ff9faa
• debugConsole.infoForeground#badbe2
• debugConsole.sourceForeground#dac4c9
• debugConsole.warningForeground#efd18e
• debugExceptionWidget.background#30272c
• debugExceptionWidget.border#ff9faa
• debugIcon.breakpointForeground#ff9faa
• debugIcon.disconnectForeground#ff9faa
• debugIcon.pauseForeground#f2b5b1
• debugIcon.startForeground#a9ddb4
• debugIcon.stepIntoForeground#f2b5b1
• debugIcon.stepOutForeground#f2b5b1
• debugIcon.stepOverForeground#f2b5b1
• debugIcon.stopForeground#ff9faa
• debugToolBar.background#30272c
• descriptionForeground#bba4ac
• diffEditor.insertedLineBackground#a9ddb40c
• diffEditor.insertedTextBackground#a9ddb41c
• diffEditor.removedLineBackground#ff9faa0c
• diffEditor.removedTextBackground#ff9faa1c
• disabledForeground#bba4ac
• dropdown.background#30272c
• dropdown.border#65515b
• dropdown.foreground#f8edeb
• editor.background#231d20
• editor.findMatchBackground#403234
• editor.findMatchBorder#f2b5b1
• editor.findMatchHighlightBackground#403234
• editor.findMatchHighlightBorder#f2b5b1
• editor.findRangeHighlightBorder#f2b5b1
• editor.focusedStackFrameHighlightBackground#a9ddb418
• editor.foreground#f8edeb
• editor.inactiveSelectionBackground#46373e
• editor.lineHighlightBackground#3b2d34
• editor.selectionBackground#46373e
• editor.selectionForeground#f8edeb
• editor.selectionHighlightBackground#eed8a616
• editor.stackFrameHighlightBackground#f2b5b118
• editor.wordHighlightBackground#eed8a616
• editor.wordHighlightStrongBackground#eed8a616
• editorBracketHighlight.foreground1#eed8a6
• editorBracketHighlight.foreground2#f2b5b1
• editorBracketHighlight.foreground3#badbe2
• editorBracketHighlight.foreground4#d6bdf1
• editorBracketHighlight.foreground5#c5d4a6
• editorBracketHighlight.foreground6#e4b9d2
• editorBracketHighlight.unexpectedBracket.foreground#ff9faa
• editorBracketMatch.background#3b2d34
• editorBracketMatch.border#bba4ac
• editorCursor.foreground#eed8a6
• editorError.foreground#ff9faa
• editorGroup.border#65515b
• editorGroupHeader.tabsBackground#30272c
• editorGroupHeader.tabsBorder#65515b
• editorGutter.addedBackground#a9ddb4
• editorGutter.deletedBackground#ff9faa
• editorGutter.modifiedBackground#f2b5b1
• editorHint.foreground#a9ddb4
• editorHoverWidget.background#30272c
• editorHoverWidget.border#65515b
• editorHoverWidget.foreground#f8edeb
• editorIndentGuide.activeBackground1#bba4ac
• editorIndentGuide.background1#584c51
• editorInfo.foreground#badbe2
• editorLineNumber.activeForeground#eed8a6
• editorLineNumber.foreground#bba4ac
• editorOverviewRuler.addedForeground#a9ddb4
• editorOverviewRuler.deletedForeground#ff9faa
• editorOverviewRuler.errorForeground#ff9faa
• editorOverviewRuler.modifiedForeground#f2b5b1
• editorOverviewRuler.warningForeground#efd18e
• editorRuler.foreground#584c51
• editorWarning.foreground#efd18e
• editorWhitespace.foreground#584c51
• editorWidget.background#30272c
• editorWidget.border#65515b
• editorWidget.foreground#f8edeb
• errorForeground#ff9faa
• focusBorder#eed8a6
• foreground#f8edeb
• gitDecoration.addedResourceForeground#a9ddb4
• gitDecoration.conflictingResourceForeground#ff9faa
• gitDecoration.deletedResourceForeground#ff9faa
• gitDecoration.ignoredResourceForeground#bba4ac
• gitDecoration.modifiedResourceForeground#f2b5b1
• gitDecoration.renamedResourceForeground#badbe2
• gitDecoration.untrackedResourceForeground#a9ddb4
• input.background#30272c
• input.border#65515b
• input.foreground#f8edeb
• input.placeholderForeground#bba4ac
• inputOption.activeBackground#46373e
• inputOption.activeBorder#eed8a6
• inputOption.activeForeground#f8edeb
• inputOption.hoverBackground#3b2d34
• inputValidation.errorBackground#392a2e
• inputValidation.errorBorder#ff9faa
• inputValidation.errorForeground#f8edeb
• inputValidation.infoBackground#323033
• inputValidation.infoBorder#badbe2
• inputValidation.infoForeground#f8edeb
• inputValidation.warningBackground#372f2b
• inputValidation.warningBorder#efd18e
• inputValidation.warningForeground#f8edeb
• list.activeSelectionBackground#46373e
• list.activeSelectionForeground#f8edeb
• list.errorForeground#ff9faa
• list.filterMatchBackground#46373e
• list.focusBackground#46373e
• list.focusForeground#f8edeb
• list.focusHighlightForeground#eed8a6
• list.focusOutline#eed8a6
• list.highlightForeground#f8edeb
• list.hoverBackground#3b2d34
• list.hoverForeground#f8edeb
• list.inactiveSelectionBackground#46373e
• list.inactiveSelectionForeground#f8edeb
• list.warningForeground#efd18e
• menu.background#30272c
• menu.border#65515b
• menu.foreground#f8edeb
• menu.selectionBackground#46373e
• menu.selectionForeground#f8edeb
• menu.separatorBackground#65515b
• minimap.errorHighlight#ff9faa
• minimap.warningHighlight#efd18e
• notebook.cellEditorBackground#231d20
• notificationCenterHeader.background#1b1519
• notificationCenterHeader.foreground#dac4c9
• notifications.background#30272c
• notifications.border#65515b
• notifications.foreground#f8edeb
• notificationsErrorIcon.foreground#ff9faa
• notificationsInfoIcon.foreground#badbe2
• notificationsWarningIcon.foreground#efd18e
• panel.background#30272c
• panel.border#65515b
• panelTitle.activeBorder#eed8a6
• panelTitle.activeForeground#f8edeb
• panelTitle.inactiveForeground#dac4c9
• peekView.border#eed8a6
• peekViewEditor.background#30272c
• peekViewEditor.matchHighlightBackground#46373e
• peekViewResult.background#30272c
• peekViewResult.fileForeground#f8edeb
• peekViewResult.lineForeground#f8edeb
• peekViewResult.matchHighlightBackground#46373e
• peekViewResult.selectionBackground#46373e
• peekViewResult.selectionForeground#f8edeb
• peekViewTitle.background#30272c
• peekViewTitleDescription.foreground#dac4c9
• peekViewTitleLabel.foreground#f8edeb
• pickerGroup.border#65515b
• pickerGroup.foreground#eed8a6
• problemsErrorIcon.foreground#ff9faa
• problemsInfoIcon.foreground#badbe2
• problemsWarningIcon.foreground#efd18e
• progressBar.background#eed8a6
• quickInput.background#30272c
• quickInput.foreground#f8edeb
• quickInputList.focusBackground#46373e
• quickInputList.focusForeground#f8edeb
• scrollbar.shadow#231d2099
• scrollbarSlider.activeBackground#bba4ac80
• scrollbarSlider.background#bba4ac40
• scrollbarSlider.hoverBackground#bba4ac60
• selection.background#46373e
• sideBar.background#1b1519
• sideBar.border#65515b
• sideBar.foreground#dac4c9
• sideBarSectionHeader.background#1b1519
• sideBarSectionHeader.foreground#f8edeb
• sideBarTitle.foreground#f8edeb
• statusBar.background#1b1519
• statusBar.border#65515b
• statusBar.debuggingBackground#46373e
• statusBar.debuggingForeground#f8edeb
• statusBar.foreground#f8edeb
• statusBar.noFolderBackground#1b1519
• statusBar.noFolderForeground#f8edeb
• statusBarItem.hoverBackground#3b2d34
• statusBarItem.remoteBackground#eed8a6
• statusBarItem.remoteForeground#231d20
• tab.activeBackground#231d20
• tab.activeBorderTop#eed8a6
• tab.activeForeground#f8edeb
• tab.border#65515b
• tab.hoverBackground#3b2d34
• tab.inactiveBackground#30272c
• tab.inactiveForeground#bba4ac
• tab.unfocusedActiveForeground#dac4c9
• tab.unfocusedInactiveForeground#bba4ac
• terminal.ansiBlack#bba4ac
• terminal.ansiBlue#badbe2
• terminal.ansiBrightBlack#c2adb4
• terminal.ansiBrightBlue#c7e8ef
• terminal.ansiBrightCyan#fbe5b3
• terminal.ansiBrightGreen#b6eac1
• terminal.ansiBrightMagenta#e3cafe
• terminal.ansiBrightRed#ffacb7
• terminal.ansiBrightWhite#e7d1d6
• terminal.ansiBrightYellow#fcde9b
• terminal.ansiCyan#eed8a6
• terminal.ansiGreen#a9ddb4
• terminal.ansiMagenta#d6bdf1
• terminal.ansiRed#ff9faa
• terminal.ansiWhite#dac4c9
• terminal.ansiYellow#efd18e
• terminal.background#231d20
• terminal.border#65515b
• terminal.findMatchBackground#46373e
• terminal.findMatchBorder#f2b5b1
• terminal.findMatchHighlightBackground#3b2d34
• terminal.findMatchHighlightBorder#eed8a6
• terminal.foreground#f8edeb
• terminal.selectionBackground#46373e
• terminalCursor.background#231d20
• terminalCursor.foreground#eed8a6
• testing.iconFailed#ff9faa
• testing.iconPassed#a9ddb4
• testing.iconQueued#bba4ac
• testing.iconSkipped#bba4ac
• testing.iconUnset#bba4ac
• testing.runAction#a9ddb4
• textBlockQuote.background#3b2d34
• textBlockQuote.border#eed8a6
• textCodeBlock.background#3b2d34
• textLink.activeForeground#eed8a6
• textLink.foreground#eed8a6
• textPreformat.foreground#f2b5b1
• titleBar.activeBackground#1b1519
• titleBar.activeForeground#f8edeb
• titleBar.border#65515b
• titleBar.inactiveBackground#1b1519
• titleBar.inactiveForeground#bba4ac
• toolbar.hoverBackground#3b2d34
• widget.border#65515b
• widget.shadow#231d2099

tokenColors

TextMate scopes and font styles (syntax highlighting rules).