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#05070c
- activityBar.border#111820
- activityBar.foreground#d09020
- activityBar.inactiveForeground#1a2218
- activityBarBadge.background#f0a010
- activityBarBadge.foreground#090b0d
- badge.background#9a6808
- badge.foreground#f0e8c0
- breadcrumb.activeSelectionForeground#d0d8c0
- breadcrumb.focusForeground#d09020
- breadcrumb.foreground#2e3820
- breadcrumbPicker.background#0b0e14
- button.background#9a6808
- button.foreground#f0e8c0
- button.hoverBackground#c08010
- button.secondaryBackground#1c2a18
- button.secondaryForeground#d09020
- descriptionForeground#4a6030
- dropdown.background#0b0e14
- dropdown.border#1c2a18
- dropdown.foreground#d0d8c0
- editor.background#090b0d
- editor.findMatchBackground#7a5800
- editor.findMatchHighlightBackground#503a00
- editor.foreground#d0d8c0
- editor.inactiveSelectionBackground#141a06
- editor.lineHighlightBackground#0f1318
- editor.rangeHighlightBackground#101418
- editor.selectionBackground#2a3010
- editor.selectionHighlightBackground#1c2208
- editor.wordHighlightBackground#222c0c
- editor.wordHighlightStrongBackground#2e3c10
- editorBracketMatch.background#2a3010
- editorBracketMatch.border#f0a010
- editorCursor.foreground#f0a010
- editorGroupHeader.tabsBackground#060810
- editorGroupHeader.tabsBorder#111820
- editorGutter.addedBackground#2a5818
- editorGutter.background#090b0d
- editorGutter.deletedBackground#a01820
- editorGutter.modifiedBackground#c87800
- editorIndentGuide.activeBackground1#38422c
- editorIndentGuide.background1#263020
- editorLineNumber.activeForeground#6a8040
- editorLineNumber.foreground#3a4a28
- editorWhitespace.foreground#141a10
- focusBorder#f0a010
- gitDecoration.addedResourceForeground#40d060
- gitDecoration.conflictingResourceForeground#c04080
- gitDecoration.deletedResourceForeground#c01820
- gitDecoration.ignoredResourceForeground#1e2818
- gitDecoration.modifiedResourceForeground#e09010
- gitDecoration.untrackedResourceForeground#50e070
- input.background#0b0e14
- input.border#1c2a18
- input.foreground#d0d8c0
- input.placeholderForeground#1a2218
- inputOption.activeBackground#1c2a18
- inputOption.activeBorder#f0a010
- list.activeSelectionBackground#1c2a18
- list.activeSelectionForeground#d0d8c0
- list.focusBackground#1c2a18
- list.highlightForeground#f0a010
- list.hoverBackground#0f1318
- list.hoverForeground#d0d8c0
- list.inactiveSelectionBackground#111820
- list.inactiveSelectionForeground#5a7040
- notificationLink.foreground#f0a010
- notifications.background#0b0e14
- notifications.border#1c2a18
- notifications.foreground#d0d8c0
- panel.background#070910
- panel.border#111820
- panelTitle.activeBorder#f0a010
- panelTitle.activeForeground#d09020
- panelTitle.inactiveForeground#1a2218
- peekView.border#f0a010
- peekViewEditor.background#080a0e
- peekViewEditor.matchHighlightBackground#2a3010
- peekViewResult.background#070910
- peekViewResult.fileForeground#d09020
- peekViewResult.lineForeground#5a7040
- peekViewResult.matchHighlightBackground#2a3010
- peekViewResult.selectionBackground#1c2a18
- peekViewResult.selectionForeground#d0d8c0
- peekViewTitle.background#0b0e14
- peekViewTitleDescription.foreground#4a6030
- peekViewTitleLabel.foreground#d0d8c0
- progressBar.background#f0a010
- scrollbarSlider.activeBackground#304428ee
- scrollbarSlider.background#1c2a18aa
- scrollbarSlider.hoverBackground#263620cc
- selection.background#2a3010
- sideBar.background#070910
- sideBar.border#111820
- sideBar.foreground#5a7040
- sideBarSectionHeader.background#0b0e14
- sideBarSectionHeader.border#181e28
- sideBarSectionHeader.foreground#a07818
- sideBarTitle.foreground#d09020
- statusBar.background#05070c
- statusBar.border#111820
- statusBar.debuggingBackground#1a3060
- statusBar.foreground#d09020
- statusBar.noFolderBackground#0c1420
- statusBarItem.activeBackground#1c2a18
- statusBarItem.hoverBackground#111820
- statusBarItem.remoteBackground#f0a010
- statusBarItem.remoteForeground#090b0d
- tab.activeBackground#090b0d
- tab.activeBorder#f0a010
- tab.activeForeground#d0d8c0
- tab.border#111820
- tab.hoverBackground#0d1118
- tab.inactiveBackground#070910
- tab.inactiveForeground#2e3820
- terminal.ansiBlack#111820
- terminal.ansiBlue#1840a0
- terminal.ansiBrightBlack#1e2818
- terminal.ansiBrightBlue#2860d0
- terminal.ansiBrightCyan#30d090
- terminal.ansiBrightGreen#40d060
- terminal.ansiBrightMagenta#c04080
- terminal.ansiBrightRed#e02030
- terminal.ansiBrightWhite#e0e8d0
- terminal.ansiBrightYellow#f0b020
- terminal.ansiCyan#20a870
- terminal.ansiGreen#28a840
- terminal.ansiMagenta#802858
- terminal.ansiRed#c01820
- terminal.ansiWhite#8a9880
- terminal.ansiYellow#e09010
- terminal.background#070910
- terminal.foreground#d0d8c0
- terminalCursor.foreground#f0a010
- textLink.activeForeground#ffb830
- textLink.foreground#f0a010
- titleBar.activeBackground#05070c
- titleBar.activeForeground#d09020
- titleBar.border#111820
- titleBar.inactiveBackground#070910
- titleBar.inactiveForeground#1a2218
- widget.shadow#020304cc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #3e5438 | italic |
| string, string.quoted | #28c850 | — |
| constant.character.escape, string.regexp | #40e870 | — |
| constant.numeric | #f0a010 | — |
| constant.language | #e09010 | bold |
| keyword, keyword.control, keyword.operator.new, storage.type, storage.modifier | #d02030 | bold |
| keyword.operator | #506838 | — |
| entity.name.function, meta.function-call entity.name.function, support.function | #c89018 | — |
| entity.name.class, entity.name.type, support.class, entity.other.inherited-class | #2878d0 | bold |
| variable, variable.other | #d0d8c0 | — |
| variable.language | #f0a010 | italic |
| variable.parameter | #b0c0a0 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #6a9848 | — |
| entity.name.tag, meta.tag | #d02030 | — |
| entity.other.attribute-name | #4a7038 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.id | #28c850 | — |
| support.type.property-name | #c89018 | — |
| support.constant.property-value | #28c850 | — |
| keyword.control.import, keyword.control.from | #d02030 | bold |
| punctuation.separator, punctuation.terminator, punctuation.accessor | #2e3820 | — |
| punctuation.definition.parameters, punctuation.definition.block, meta.brace | #4a6030 | — |
| markup.heading, entity.name.section | #f0a010 | bold |
| markup.bold | #28c850 | bold |
| markup.italic | #6a9848 | italic |
| markup.inline.raw, markup.fenced_code | #c89018 | — |
| markup.underline.link | #2878d0 | — |
| invalid | #ff1020 | underline |
| invalid.deprecated | #502018 | strikethrough |