Atmospheres
Publisher: SaladCrunchThemes in package: 23
23 dark VS Code themes — earthy, game-inspired, and everything in between.
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.background#030609
- activityBar.border#0a162a
- activityBar.foreground#0098e8
- activityBar.inactiveForeground#0f1e30
- activityBarBadge.background#ff2040
- activityBarBadge.foreground#f0f8ff
- badge.background#004898
- badge.foreground#d8f0ff
- breadcrumb.activeSelectionForeground#bcd8f0
- breadcrumb.focusForeground#0098e8
- breadcrumb.foreground#183050
- breadcrumbPicker.background#080e1c
- button.background#004898
- button.foreground#d8f0ff
- button.hoverBackground#0060c0
- button.secondaryBackground#0e2038
- button.secondaryForeground#0098e8
- descriptionForeground#1c5888
- dropdown.background#080e1c
- dropdown.border#0e2038
- dropdown.foreground#bcd8f0
- editor.background#060b14
- editor.findMatchBackground#00346a
- editor.findMatchHighlightBackground#00224e
- editor.foreground#bcd8f0
- editor.inactiveSelectionBackground#00122a
- editor.lineHighlightBackground#0a1220
- editor.rangeHighlightBackground#0a1520
- editor.selectionBackground#002850
- editor.selectionHighlightBackground#001c38
- editor.wordHighlightBackground#00203e
- editor.wordHighlightStrongBackground#002c52
- editorBracketMatch.background#002850
- editorBracketMatch.border#00a8ff
- editorCursor.foreground#00a8ff
- editorGroupHeader.tabsBackground#040810
- editorGroupHeader.tabsBorder#0a162a
- editorGutter.addedBackground#107858
- editorGutter.background#060b14
- editorGutter.deletedBackground#980820
- editorGutter.modifiedBackground#006898
- editorIndentGuide.activeBackground1#224868
- editorIndentGuide.background1#163050
- editorLineNumber.activeForeground#3888d0
- editorLineNumber.foreground#284a6a
- editorWhitespace.foreground#0c1c30
- focusBorder#00a8ff
- gitDecoration.addedResourceForeground#00d8b0
- gitDecoration.conflictingResourceForeground#ff2040
- gitDecoration.deletedResourceForeground#d01828
- gitDecoration.ignoredResourceForeground#183050
- gitDecoration.modifiedResourceForeground#0098e8
- gitDecoration.untrackedResourceForeground#00e8c0
- input.background#080e1c
- input.border#0e2038
- input.foreground#bcd8f0
- input.placeholderForeground#0f1e30
- inputOption.activeBackground#0e2038
- inputOption.activeBorder#00a8ff
- list.activeSelectionBackground#0e2038
- list.activeSelectionForeground#bcd8f0
- list.focusBackground#0e2038
- list.highlightForeground#00a8ff
- list.hoverBackground#0a1220
- list.hoverForeground#bcd8f0
- list.inactiveSelectionBackground#0a162a
- list.inactiveSelectionForeground#3870a8
- notificationLink.foreground#00a8ff
- notifications.background#080e1c
- notifications.border#0e2038
- notifications.foreground#bcd8f0
- panel.background#04080f
- panel.border#0a162a
- panelTitle.activeBorder#00a8ff
- panelTitle.activeForeground#0098e8
- panelTitle.inactiveForeground#0f1e30
- peekView.border#00a8ff
- peekViewEditor.background#050910
- peekViewEditor.matchHighlightBackground#002850
- peekViewResult.background#04080f
- peekViewResult.fileForeground#0098e8
- peekViewResult.lineForeground#3870a8
- peekViewResult.matchHighlightBackground#002850
- peekViewResult.selectionBackground#0e2038
- peekViewResult.selectionForeground#bcd8f0
- peekViewTitle.background#080e1c
- peekViewTitleDescription.foreground#1c5888
- peekViewTitleLabel.foreground#bcd8f0
- progressBar.background#00a8ff
- scrollbarSlider.activeBackground#1e4068ee
- scrollbarSlider.background#0e2038aa
- scrollbarSlider.hoverBackground#163050cc
- selection.background#002850
- sideBar.background#04080f
- sideBar.border#0a162a
- sideBar.foreground#3870a8
- sideBarSectionHeader.background#080e1c
- sideBarSectionHeader.border#102030
- sideBarSectionHeader.foreground#0080d0
- sideBarTitle.foreground#0098e8
- statusBar.background#030609
- statusBar.border#0a162a
- statusBar.debuggingBackground#7a0018
- statusBar.foreground#0098e8
- statusBar.noFolderBackground#090814
- statusBarItem.activeBackground#0e2038
- statusBarItem.hoverBackground#0a162a
- statusBarItem.remoteBackground#ff2040
- statusBarItem.remoteForeground#f0f8ff
- tab.activeBackground#060b14
- tab.activeBorder#00a8ff
- tab.activeForeground#bcd8f0
- tab.border#0a162a
- tab.hoverBackground#0a1220
- tab.inactiveBackground#04080f
- tab.inactiveForeground#183050
- terminal.ansiBlack#0a162a
- terminal.ansiBlue#1060c8
- terminal.ansiBrightBlack#183050
- terminal.ansiBrightBlue#2880e8
- terminal.ansiBrightCyan#00e8ff
- terminal.ansiBrightGreen#00d8b0
- terminal.ansiBrightMagenta#7060d8
- terminal.ansiBrightRed#ff2040
- terminal.ansiBrightWhite#d8f0ff
- terminal.ansiBrightYellow#f8d040
- terminal.ansiCyan#00b8d8
- terminal.ansiGreen#10a878
- terminal.ansiMagenta#5040b8
- terminal.ansiRed#d01828
- terminal.ansiWhite#78a8c8
- terminal.ansiYellow#e8b020
- terminal.background#04080f
- terminal.foreground#bcd8f0
- terminalCursor.foreground#00a8ff
- textLink.activeForeground#40c8ff
- textLink.foreground#00a8ff
- titleBar.activeBackground#030609
- titleBar.activeForeground#0098e8
- titleBar.border#0a162a
- titleBar.inactiveBackground#04080f
- titleBar.inactiveForeground#0f1e30
- widget.shadow#010408cc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #2a5870 | italic |
| string, string.quoted | #00e8ff | — |
| constant.character.escape, string.regexp | #60f0ff | — |
| constant.numeric | #60c0f0 | — |
| constant.language | #00d8b8 | bold |
| keyword, keyword.control, keyword.operator.new, storage.type, storage.modifier | #ff2040 | bold |
| keyword.operator | #285878 | — |
| entity.name.function, meta.function-call entity.name.function, support.function | #00a8ff | — |
| entity.name.class, entity.name.type, support.class, entity.other.inherited-class | #2880d8 | bold |
| variable, variable.other | #bcd8f0 | — |
| variable.language | #00a8ff | italic |
| variable.parameter | #90c0e0 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #5898c8 | — |
| entity.name.tag, meta.tag | #ff2040 | — |
| entity.other.attribute-name | #406890 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.id | #00e8ff | — |
| support.type.property-name | #00a8ff | — |
| support.constant.property-value | #00e8ff | — |
| keyword.control.import, keyword.control.from | #ff2040 | bold |
| punctuation.separator, punctuation.terminator, punctuation.accessor | #1e3a52 | — |
| punctuation.definition.parameters, punctuation.definition.block, meta.brace | #285878 | — |
| markup.heading, entity.name.section | #00a8ff | bold |
| markup.bold | #00e8ff | bold |
| markup.italic | #5898c8 | italic |
| markup.inline.raw, markup.fenced_code | #00a8ff | — |
| markup.underline.link | #00a8ff | — |
| invalid | #ff1030 | underline |
| invalid.deprecated | #3c1020 | strikethrough |