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#060504
- activityBar.border#1e0e08
- activityBar.foreground#d07030
- activityBar.inactiveForeground#4c2010
- activityBarBadge.background#ff5520
- activityBarBadge.foreground#0c0908
- badge.background#cc3c18
- badge.foreground#0c0908
- breadcrumb.activeSelectionForeground#e8d5c0
- breadcrumb.focusForeground#d07030
- breadcrumb.foreground#6a3018
- breadcrumbPicker.background#100806
- button.background#cc3c18
- button.foreground#0c0908
- button.hoverBackground#e04c20
- button.secondaryBackground#381808
- button.secondaryForeground#d07030
- descriptionForeground#8a4820
- dropdown.background#100806
- dropdown.border#2e1208
- dropdown.foreground#e8d5c0
- editor.background#0c0908
- editor.findMatchBackground#8c2810
- editor.findMatchHighlightBackground#521408
- editor.foreground#e8d5c0
- editor.inactiveSelectionBackground#2e0e05
- editor.lineHighlightBackground#181008
- editor.rangeHighlightBackground#1c0e08
- editor.selectionBackground#5c1a08
- editor.selectionHighlightBackground#3c1005
- editor.wordHighlightBackground#3a1408
- editor.wordHighlightStrongBackground#521808
- editorBracketMatch.background#5c1a08
- editorBracketMatch.border#ff5520
- editorCursor.foreground#ff5520
- editorGroupHeader.tabsBackground#080605
- editorGroupHeader.tabsBorder#1e0e08
- editorGutter.addedBackground#3c6010
- editorGutter.background#0c0908
- editorGutter.deletedBackground#8c1808
- editorGutter.modifiedBackground#d46010
- editorIndentGuide.activeBackground1#5a2a14
- editorIndentGuide.background1#361a0c
- editorLineNumber.activeForeground#d05828
- editorLineNumber.foreground#6a3018
- editorWhitespace.foreground#2c1608
- focusBorder#ff5520
- gitDecoration.addedResourceForeground#78aa30
- gitDecoration.conflictingResourceForeground#904840
- gitDecoration.deletedResourceForeground#cc2c08
- gitDecoration.ignoredResourceForeground#4c2010
- gitDecoration.modifiedResourceForeground#d07820
- gitDecoration.untrackedResourceForeground#608040
- input.background#100806
- input.border#2e1208
- input.foreground#e8d5c0
- input.placeholderForeground#4c2010
- inputOption.activeBackground#381808
- inputOption.activeBorder#ff5520
- list.activeSelectionBackground#381808
- list.activeSelectionForeground#e8d5c0
- list.focusBackground#381808
- list.highlightForeground#ff5520
- list.hoverBackground#181008
- list.hoverForeground#e8d5c0
- list.inactiveSelectionBackground#1e0e08
- list.inactiveSelectionForeground#b89070
- notificationLink.foreground#ff5520
- notifications.background#100806
- notifications.border#2e1208
- notifications.foreground#e8d5c0
- panel.background#090706
- panel.border#1e0e08
- panelTitle.activeBorder#ff5520
- panelTitle.activeForeground#d07030
- panelTitle.inactiveForeground#4c2010
- peekView.border#ff5520
- peekViewEditor.background#0e0806
- peekViewEditor.matchHighlightBackground#5c1a08
- peekViewResult.background#090706
- peekViewResult.fileForeground#d07030
- peekViewResult.lineForeground#b89070
- peekViewResult.matchHighlightBackground#5c1a08
- peekViewResult.selectionBackground#381808
- peekViewResult.selectionForeground#e8d5c0
- peekViewTitle.background#100806
- peekViewTitleDescription.foreground#8a4820
- peekViewTitleLabel.foreground#e8d5c0
- progressBar.background#ff5520
- scrollbarSlider.activeBackground#5c2810ee
- scrollbarSlider.background#381808aa
- scrollbarSlider.hoverBackground#4a2010cc
- selection.background#5c1a08
- sideBar.background#090706
- sideBar.border#1e0e08
- sideBar.foreground#b89070
- sideBarSectionHeader.background#100806
- sideBarSectionHeader.border#261008
- sideBarSectionHeader.foreground#c05830
- sideBarTitle.foreground#d07030
- statusBar.background#060504
- statusBar.border#1e0e08
- statusBar.debuggingBackground#8c2810
- statusBar.foreground#d07030
- statusBar.noFolderBackground#380e06
- statusBarItem.activeBackground#381808
- statusBarItem.hoverBackground#1e0e08
- statusBarItem.remoteBackground#ff5520
- statusBarItem.remoteForeground#0c0908
- tab.activeBackground#0c0908
- tab.activeBorder#ff5520
- tab.activeForeground#e8d5c0
- tab.border#1e0e08
- tab.hoverBackground#161008
- tab.inactiveBackground#090706
- tab.inactiveForeground#6a3018
- terminal.ansiBlack#1e0e08
- terminal.ansiBlue#5c6878
- terminal.ansiBrightBlack#4c2010
- terminal.ansiBrightBlue#8898a8
- terminal.ansiBrightCyan#609878
- terminal.ansiBrightGreen#88b030
- terminal.ansiBrightMagenta#c06858
- terminal.ansiBrightRed#ff5520
- terminal.ansiBrightWhite#f4e4d0
- terminal.ansiBrightYellow#f0a830
- terminal.ansiCyan#406858
- terminal.ansiGreen#5c7c28
- terminal.ansiMagenta#904840
- terminal.ansiRed#cc2c08
- terminal.ansiWhite#c8b098
- terminal.ansiYellow#d4780a
- terminal.background#090706
- terminal.foreground#e8d5c0
- terminalCursor.foreground#ff5520
- textLink.activeForeground#ff7840
- textLink.foreground#ff5520
- titleBar.activeBackground#060504
- titleBar.activeForeground#d07030
- titleBar.border#1e0e08
- titleBar.inactiveBackground#090706
- titleBar.inactiveForeground#4c2010
- widget.shadow#040202cc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7a4025 | italic |
| string, string.quoted | #f0a830 | — |
| constant.character.escape, string.regexp | #ffd050 | — |
| constant.numeric | #e8c040 | — |
| constant.language | #ff7040 | bold |
| keyword, keyword.control, keyword.operator.new, storage.type, storage.modifier | #ff5520 | bold |
| keyword.operator | #a05830 | — |
| entity.name.function, meta.function-call entity.name.function, support.function | #e07038 | — |
| entity.name.class, entity.name.type, support.class, entity.other.inherited-class | #d08050 | bold |
| variable, variable.other | #e8d5c0 | — |
| variable.language | #ff5520 | italic |
| variable.parameter | #d8c0a0 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #c89060 | — |
| entity.name.tag, meta.tag | #ff5520 | — |
| entity.other.attribute-name | #c07040 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.id | #f0a830 | — |
| support.type.property-name | #e07038 | — |
| support.constant.property-value | #f0a830 | — |
| keyword.control.import, keyword.control.from | #ff5520 | bold |
| punctuation.separator, punctuation.terminator, punctuation.accessor | #6a3018 | — |
| punctuation.definition.parameters, punctuation.definition.block, meta.brace | #8a4820 | — |
| constant.other.character-class.regexp | #d8e040 | — |
| markup.heading, entity.name.section | #ff5520 | bold |
| markup.bold | #f0a830 | bold |
| markup.italic | #c89060 | italic |
| markup.inline.raw, markup.fenced_code | #e07038 | — |
| markup.underline.link | #ff5520 | — |
| invalid | #ff2800 | underline |
| invalid.deprecated | #803020 | strikethrough |