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#050708
- activityBar.border#101818
- activityBar.foreground#30d860
- activityBar.inactiveForeground#142018
- activityBarBadge.background#40ff80
- activityBarBadge.foreground#0a0d10
- badge.background#1a6830
- badge.foreground#c8ffd8
- breadcrumb.activeSelectionForeground#c8d8c0
- breadcrumb.focusForeground#30d860
- breadcrumb.foreground#2a3828
- breadcrumbPicker.background#0a0e10
- button.background#1a6830
- button.foreground#c8ffd8
- button.hoverBackground#208840
- button.secondaryBackground#182820
- button.secondaryForeground#30d860
- descriptionForeground#2a5030
- dropdown.background#0a0e10
- dropdown.border#182820
- dropdown.foreground#c8d8c0
- editor.background#0a0d10
- editor.findMatchBackground#1a5828
- editor.findMatchHighlightBackground#103818
- editor.foreground#c8d8c0
- editor.inactiveSelectionBackground#0e2018
- editor.lineHighlightBackground#101418
- editor.rangeHighlightBackground#0e1814
- editor.selectionBackground#183828
- editor.selectionHighlightBackground#102818
- editor.wordHighlightBackground#143020
- editor.wordHighlightStrongBackground#1c4028
- editorBracketMatch.background#183828
- editorBracketMatch.border#40ff80
- editorCursor.foreground#40ff80
- editorGroupHeader.tabsBackground#060809
- editorGroupHeader.tabsBorder#101818
- editorGutter.addedBackground#28a848
- editorGutter.background#0a0d10
- editorGutter.deletedBackground#7a1840
- editorGutter.modifiedBackground#40c870
- editorIndentGuide.activeBackground1#2e4838
- editorIndentGuide.background1#203428
- editorLineNumber.activeForeground#4a8858
- editorLineNumber.foreground#2a4830
- editorWhitespace.foreground#141c14
- focusBorder#40ff80
- gitDecoration.addedResourceForeground#28c858
- gitDecoration.conflictingResourceForeground#9068e8
- gitDecoration.deletedResourceForeground#a02848
- gitDecoration.ignoredResourceForeground#203028
- gitDecoration.modifiedResourceForeground#a8d040
- gitDecoration.untrackedResourceForeground#40d880
- input.background#0a0e10
- input.border#182820
- input.foreground#c8d8c0
- input.placeholderForeground#142018
- inputOption.activeBackground#182820
- inputOption.activeBorder#40ff80
- list.activeSelectionBackground#182820
- list.activeSelectionForeground#c8d8c0
- list.focusBackground#182820
- list.highlightForeground#40ff80
- list.hoverBackground#101418
- list.hoverForeground#c8d8c0
- list.inactiveSelectionBackground#101818
- list.inactiveSelectionForeground#4a8858
- notificationLink.foreground#40ff80
- notifications.background#0a0e10
- notifications.border#182820
- notifications.foreground#c8d8c0
- panel.background#07090c
- panel.border#101818
- panelTitle.activeBorder#40ff80
- panelTitle.activeForeground#30d860
- panelTitle.inactiveForeground#142018
- peekView.border#40ff80
- peekViewEditor.background#08090e
- peekViewEditor.matchHighlightBackground#183828
- peekViewResult.background#07090c
- peekViewResult.fileForeground#30d860
- peekViewResult.lineForeground#4a8858
- peekViewResult.matchHighlightBackground#183828
- peekViewResult.selectionBackground#182820
- peekViewResult.selectionForeground#c8d8c0
- peekViewTitle.background#0a0e10
- peekViewTitleDescription.foreground#2a5030
- peekViewTitleLabel.foreground#c8d8c0
- progressBar.background#40ff80
- scrollbarSlider.activeBackground#284038ee
- scrollbarSlider.background#182820aa
- scrollbarSlider.hoverBackground#203430cc
- selection.background#183828
- sideBar.background#07090c
- sideBar.border#101818
- sideBar.foreground#4a8858
- sideBarSectionHeader.background#0a0e10
- sideBarSectionHeader.border#182018
- sideBarSectionHeader.foreground#28b850
- sideBarTitle.foreground#30d860
- statusBar.background#050708
- statusBar.border#101818
- statusBar.debuggingBackground#1a4028
- statusBar.foreground#30d860
- statusBar.noFolderBackground#0e1a10
- statusBarItem.activeBackground#182820
- statusBarItem.hoverBackground#101818
- statusBarItem.remoteBackground#40ff80
- statusBarItem.remoteForeground#0a0d10
- tab.activeBackground#0a0d10
- tab.activeBorder#40ff80
- tab.activeForeground#c8d8c0
- tab.border#101818
- tab.hoverBackground#0e1214
- tab.inactiveBackground#07090c
- tab.inactiveForeground#2a3828
- terminal.ansiBlack#101818
- terminal.ansiBlue#3858a8
- terminal.ansiBrightBlack#203028
- terminal.ansiBrightBlue#5878d8
- terminal.ansiBrightCyan#40d8a8
- terminal.ansiBrightGreen#40ff80
- terminal.ansiBrightMagenta#9068e8
- terminal.ansiBrightRed#d03860
- terminal.ansiBrightWhite#d8eed0
- terminal.ansiBrightYellow#d0f058
- terminal.ansiCyan#28a888
- terminal.ansiGreen#28c858
- terminal.ansiMagenta#6848b8
- terminal.ansiRed#a02848
- terminal.ansiWhite#88b890
- terminal.ansiYellow#a8d040
- terminal.background#07090c
- terminal.foreground#c8d8c0
- terminalCursor.foreground#40ff80
- textLink.activeForeground#70ffa0
- textLink.foreground#40ff80
- titleBar.activeBackground#050708
- titleBar.activeForeground#30d860
- titleBar.border#101818
- titleBar.inactiveBackground#07090c
- titleBar.inactiveForeground#142018
- widget.shadow#020404cc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #3a5840 | italic |
| string, string.quoted | #a8d040 | — |
| constant.character.escape, string.regexp | #40ff80 | — |
| constant.numeric | #70e8a0 | — |
| constant.language | #28c858 | bold |
| keyword, keyword.control, keyword.operator.new, storage.type, storage.modifier | #9068e8 | bold |
| keyword.operator | #487858 | — |
| entity.name.function, meta.function-call entity.name.function, support.function | #30d860 | — |
| entity.name.class, entity.name.type, support.class, entity.other.inherited-class | #28c8a8 | bold |
| variable, variable.other | #c8d8c0 | — |
| variable.language | #40ff80 | italic |
| variable.parameter | #a8c8a8 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #60a878 | — |
| entity.name.tag, meta.tag | #9068e8 | — |
| entity.other.attribute-name | #4a7858 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.id | #a8d040 | — |
| support.type.property-name | #30d860 | — |
| support.constant.property-value | #a8d040 | — |
| keyword.control.import, keyword.control.from | #9068e8 | bold |
| punctuation.separator, punctuation.terminator, punctuation.accessor | #2a3828 | — |
| punctuation.definition.parameters, punctuation.definition.block, meta.brace | #2a5030 | — |
| markup.heading, entity.name.section | #40ff80 | bold |
| markup.bold | #a8d040 | bold |
| markup.italic | #60a878 | italic |
| markup.inline.raw, markup.fenced_code | #30d860 | — |
| markup.underline.link | #40ff80 | — |
| invalid | #d03860 | underline |
| invalid.deprecated | #503060 | strikethrough |