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#08060c
- activityBar.border#1c1428
- activityBar.foreground#a870d0
- activityBar.inactiveForeground#261840
- activityBarBadge.background#c088e8
- activityBarBadge.foreground#100c16
- badge.background#7848a8
- badge.foreground#f4e8f8
- breadcrumb.activeSelectionForeground#ece0f0
- breadcrumb.focusForeground#a870d0
- breadcrumb.foreground#3c2860
- breadcrumbPicker.background#130e1a
- button.background#7848a8
- button.foreground#f4e8f8
- button.hoverBackground#9060c8
- button.secondaryBackground#2c1c40
- button.secondaryForeground#a870d0
- descriptionForeground#604878
- dropdown.background#130e1a
- dropdown.border#2c1c40
- dropdown.foreground#ece0f0
- editor.background#100c16
- editor.findMatchBackground#5a3078
- editor.findMatchHighlightBackground#3a1c58
- editor.foreground#ece0f0
- editor.inactiveSelectionBackground#221634
- editor.lineHighlightBackground#171020
- editor.rangeHighlightBackground#160e20
- editor.selectionBackground#3c2858
- editor.selectionHighlightBackground#2c1c44
- editor.wordHighlightBackground#302050
- editor.wordHighlightStrongBackground#422c68
- editorBracketMatch.background#3c2858
- editorBracketMatch.border#c088e8
- editorCursor.foreground#c088e8
- editorGroupHeader.tabsBackground#0a0810
- editorGroupHeader.tabsBorder#1c1428
- editorGutter.addedBackground#3a8868
- editorGutter.background#100c16
- editorGutter.deletedBackground#882848
- editorGutter.modifiedBackground#8060a8
- editorIndentGuide.activeBackground1#3e3058
- editorIndentGuide.background1#2a1e40
- editorLineNumber.activeForeground#9070b8
- editorLineNumber.foreground#4c3868
- editorWhitespace.foreground#1e1428
- focusBorder#c088e8
- gitDecoration.addedResourceForeground#50c898
- gitDecoration.conflictingResourceForeground#d85080
- gitDecoration.deletedResourceForeground#b03060
- gitDecoration.ignoredResourceForeground#362850
- gitDecoration.modifiedResourceForeground#9870c0
- gitDecoration.untrackedResourceForeground#60d0a8
- input.background#130e1a
- input.border#2c1c40
- input.foreground#ece0f0
- input.placeholderForeground#261840
- inputOption.activeBackground#2c1c40
- inputOption.activeBorder#c088e8
- list.activeSelectionBackground#2c1c40
- list.activeSelectionForeground#ece0f0
- list.focusBackground#2c1c40
- list.highlightForeground#c088e8
- list.hoverBackground#171020
- list.hoverForeground#ece0f0
- list.inactiveSelectionBackground#1c1428
- list.inactiveSelectionForeground#7860a0
- notificationLink.foreground#c088e8
- notifications.background#130e1a
- notifications.border#2c1c40
- notifications.foreground#ece0f0
- panel.background#0c0910
- panel.border#1c1428
- panelTitle.activeBorder#c088e8
- panelTitle.activeForeground#a870d0
- panelTitle.inactiveForeground#261840
- peekView.border#c088e8
- peekViewEditor.background#0e0a14
- peekViewEditor.matchHighlightBackground#3c2858
- peekViewResult.background#0c0910
- peekViewResult.fileForeground#a870d0
- peekViewResult.lineForeground#7860a0
- peekViewResult.matchHighlightBackground#3c2858
- peekViewResult.selectionBackground#2c1c40
- peekViewResult.selectionForeground#ece0f0
- peekViewTitle.background#130e1a
- peekViewTitleDescription.foreground#604878
- peekViewTitleLabel.foreground#ece0f0
- progressBar.background#c088e8
- scrollbarSlider.activeBackground#4a3460ee
- scrollbarSlider.background#2c1c40aa
- scrollbarSlider.hoverBackground#3a2850cc
- selection.background#3c2858
- sideBar.background#0c0910
- sideBar.border#1c1428
- sideBar.foreground#7860a0
- sideBarSectionHeader.background#130e1a
- sideBarSectionHeader.border#221a30
- sideBarSectionHeader.foreground#9060c0
- sideBarTitle.foreground#a870d0
- statusBar.background#08060c
- statusBar.border#1c1428
- statusBar.debuggingBackground#502860
- statusBar.foreground#a870d0
- statusBar.noFolderBackground#1c1030
- statusBarItem.activeBackground#2c1c40
- statusBarItem.hoverBackground#1c1428
- statusBarItem.remoteBackground#c088e8
- statusBarItem.remoteForeground#100c16
- tab.activeBackground#100c16
- tab.activeBorder#c088e8
- tab.activeForeground#ece0f0
- tab.border#1c1428
- tab.hoverBackground#151020
- tab.inactiveBackground#0c0910
- tab.inactiveForeground#3c2860
- terminal.ansiBlack#1c1428
- terminal.ansiBlue#6050a8
- terminal.ansiBrightBlack#362850
- terminal.ansiBrightBlue#8070c8
- terminal.ansiBrightCyan#70b0d0
- terminal.ansiBrightGreen#50c898
- terminal.ansiBrightMagenta#c070d0
- terminal.ansiBrightRed#d85080
- terminal.ansiBrightWhite#f4e8f8
- terminal.ansiBrightYellow#c0a0b0
- terminal.ansiCyan#5090b0
- terminal.ansiGreen#3a9878
- terminal.ansiMagenta#9850b0
- terminal.ansiRed#b03060
- terminal.ansiWhite#b8a0c8
- terminal.ansiYellow#a08090
- terminal.background#0c0910
- terminal.foreground#ece0f0
- terminalCursor.foreground#c088e8
- textLink.activeForeground#d8a8ff
- textLink.foreground#c088e8
- titleBar.activeBackground#08060c
- titleBar.activeForeground#a870d0
- titleBar.border#1c1428
- titleBar.inactiveBackground#0c0910
- titleBar.inactiveForeground#261840
- widget.shadow#050308cc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #604880 | italic |
| string, string.quoted | #60d0c0 | — |
| constant.character.escape, string.regexp | #c088e8 | — |
| constant.numeric | #90b8e8 | — |
| constant.language | #50c898 | bold |
| keyword, keyword.control, keyword.operator.new, storage.type, storage.modifier | #d870a8 | bold |
| keyword.operator | #6a5890 | — |
| entity.name.function, meta.function-call entity.name.function, support.function | #a870d0 | — |
| entity.name.class, entity.name.type, support.class, entity.other.inherited-class | #8860c0 | bold |
| variable, variable.other | #ece0f0 | — |
| variable.language | #c088e8 | italic |
| variable.parameter | #d8c8e8 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #9880c0 | — |
| entity.name.tag, meta.tag | #d870a8 | — |
| entity.other.attribute-name | #7868a8 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.id | #60d0c0 | — |
| support.type.property-name | #a870d0 | — |
| support.constant.property-value | #60d0c0 | — |
| keyword.control.import, keyword.control.from | #d870a8 | bold |
| punctuation.separator, punctuation.terminator, punctuation.accessor | #3c2860 | — |
| punctuation.definition.parameters, punctuation.definition.block, meta.brace | #604878 | — |
| markup.heading, entity.name.section | #c088e8 | bold |
| markup.bold | #60d0c0 | bold |
| markup.italic | #9880c0 | italic |
| markup.inline.raw, markup.fenced_code | #a870d0 | — |
| markup.underline.link | #c088e8 | — |
| invalid | #e04080 | underline |
| invalid.deprecated | #604060 | strikethrough |