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#070610
- activityBar.border#1a1628
- activityBar.foreground#c8a030
- activityBar.inactiveForeground#261c38
- activityBarBadge.background#d4a030
- activityBarBadge.foreground#0c0a10
- badge.background#9a4828
- badge.foreground#f0e8d0
- breadcrumb.activeSelectionForeground#e8e0cc
- breadcrumb.focusForeground#c8a030
- breadcrumb.foreground#3e2c50
- breadcrumbPicker.background#0e0c16
- button.background#9a4828
- button.foreground#f0e8d0
- button.hoverBackground#b85830
- button.secondaryBackground#2a1c38
- button.secondaryForeground#c8a030
- descriptionForeground#604870
- dropdown.background#0e0c16
- dropdown.border#2a1c38
- dropdown.foreground#e8e0cc
- editor.background#0c0a10
- editor.findMatchBackground#6a2838
- editor.findMatchHighlightBackground#481820
- editor.foreground#e8e0cc
- editor.inactiveSelectionBackground#22142c
- editor.lineHighlightBackground#141018
- editor.rangeHighlightBackground#141018
- editor.selectionBackground#3c2448
- editor.selectionHighlightBackground#2c1838
- editor.wordHighlightBackground#301c40
- editor.wordHighlightStrongBackground#402858
- editorBracketMatch.background#3c2448
- editorBracketMatch.border#d4a030
- editorCursor.foreground#d4a030
- editorGroupHeader.tabsBackground#080610
- editorGroupHeader.tabsBorder#1a1628
- editorGutter.addedBackground#3a7040
- editorGutter.background#0c0a10
- editorGutter.deletedBackground#b02030
- editorGutter.modifiedBackground#c88820
- editorIndentGuide.activeBackground1#453558
- editorIndentGuide.background1#2e2240
- editorLineNumber.activeForeground#9070a8
- editorLineNumber.foreground#4a3860
- editorWhitespace.foreground#201828
- focusBorder#d4a030
- gitDecoration.addedResourceForeground#70a858
- gitDecoration.conflictingResourceForeground#e03040
- gitDecoration.deletedResourceForeground#c02030
- gitDecoration.ignoredResourceForeground#342848
- gitDecoration.modifiedResourceForeground#c8a020
- gitDecoration.untrackedResourceForeground#88c068
- input.background#0e0c16
- input.border#2a1c38
- input.foreground#e8e0cc
- input.placeholderForeground#261c38
- inputOption.activeBackground#2a1c38
- inputOption.activeBorder#d4a030
- list.activeSelectionBackground#2a1c38
- list.activeSelectionForeground#e8e0cc
- list.focusBackground#2a1c38
- list.highlightForeground#d4a030
- list.hoverBackground#141018
- list.hoverForeground#e8e0cc
- list.inactiveSelectionBackground#1a1628
- list.inactiveSelectionForeground#7860a0
- notificationLink.foreground#d4a030
- notifications.background#0e0c16
- notifications.border#2a1c38
- notifications.foreground#e8e0cc
- panel.background#09080d
- panel.border#1a1628
- panelTitle.activeBorder#d4a030
- panelTitle.activeForeground#c8a030
- panelTitle.inactiveForeground#261c38
- peekView.border#d4a030
- peekViewEditor.background#0a0810
- peekViewEditor.matchHighlightBackground#3c2448
- peekViewResult.background#09080d
- peekViewResult.fileForeground#c8a030
- peekViewResult.lineForeground#7860a0
- peekViewResult.matchHighlightBackground#3c2448
- peekViewResult.selectionBackground#2a1c38
- peekViewResult.selectionForeground#e8e0cc
- peekViewTitle.background#0e0c16
- peekViewTitleDescription.foreground#604870
- peekViewTitleLabel.foreground#e8e0cc
- progressBar.background#d4a030
- scrollbarSlider.activeBackground#443458ee
- scrollbarSlider.background#2a1c38aa
- scrollbarSlider.hoverBackground#362848cc
- selection.background#3c2448
- sideBar.background#09080d
- sideBar.border#1a1628
- sideBar.foreground#7860a0
- sideBarSectionHeader.background#0e0c16
- sideBarSectionHeader.border#201c30
- sideBarSectionHeader.foreground#a87820
- sideBarTitle.foreground#c8a030
- statusBar.background#070610
- statusBar.border#1a1628
- statusBar.debuggingBackground#501828
- statusBar.foreground#c8a030
- statusBar.noFolderBackground#1a1028
- statusBarItem.activeBackground#2a1c38
- statusBarItem.hoverBackground#1a1628
- statusBarItem.remoteBackground#d4a030
- statusBarItem.remoteForeground#0c0a10
- tab.activeBackground#0c0a10
- tab.activeBorder#d4a030
- tab.activeForeground#e8e0cc
- tab.border#1a1628
- tab.hoverBackground#120f1c
- tab.inactiveBackground#09080d
- tab.inactiveForeground#3e2c50
- terminal.ansiBlack#1a1628
- terminal.ansiBlue#4858a8
- terminal.ansiBrightBlack#342848
- terminal.ansiBrightBlue#6878c8
- terminal.ansiBrightCyan#68a8c0
- terminal.ansiBrightGreen#70a858
- terminal.ansiBrightMagenta#a868c0
- terminal.ansiBrightRed#e03040
- terminal.ansiBrightWhite#f0e8d8
- terminal.ansiBrightYellow#e8c040
- terminal.ansiCyan#4888a0
- terminal.ansiGreen#508840
- terminal.ansiMagenta#8848a0
- terminal.ansiRed#c02030
- terminal.ansiWhite#b0a090
- terminal.ansiYellow#c8a020
- terminal.background#09080d
- terminal.foreground#e8e0cc
- terminalCursor.foreground#d4a030
- textLink.activeForeground#e8c050
- textLink.foreground#d4a030
- titleBar.activeBackground#070610
- titleBar.activeForeground#c8a030
- titleBar.border#1a1628
- titleBar.inactiveBackground#09080d
- titleBar.inactiveForeground#261c38
- widget.shadow#040308cc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5a4070 | italic |
| string, string.quoted | #d4a030 | — |
| constant.character.escape, string.regexp | #e8c050 | — |
| constant.numeric | #c89040 | — |
| constant.language | #c02030 | bold |
| keyword, keyword.control, keyword.operator.new, storage.type, storage.modifier | #e03040 | bold |
| keyword.operator | #685878 | — |
| entity.name.function, meta.function-call entity.name.function, support.function | #c8a030 | — |
| entity.name.class, entity.name.type, support.class, entity.other.inherited-class | #9868b0 | bold |
| variable, variable.other | #e8e0cc | — |
| variable.language | #d4a030 | italic |
| variable.parameter | #d8d0b8 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #a880b0 | — |
| entity.name.tag, meta.tag | #e03040 | — |
| entity.other.attribute-name | #8868a0 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.id | #d4a030 | — |
| support.type.property-name | #c8a030 | — |
| support.constant.property-value | #d4a030 | — |
| keyword.control.import, keyword.control.from | #e03040 | bold |
| punctuation.separator, punctuation.terminator, punctuation.accessor | #3e2c50 | — |
| punctuation.definition.parameters, punctuation.definition.block, meta.brace | #604870 | — |
| markup.heading, entity.name.section | #d4a030 | bold |
| markup.bold | #e8c050 | bold |
| markup.italic | #a880b0 | italic |
| markup.inline.raw, markup.fenced_code | #c8a030 | — |
| markup.underline.link | #d4a030 | — |
| invalid | #ff1830 | underline |
| invalid.deprecated | #602030 | strikethrough |