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#080e06
- activityBar.border#1a2410
- activityBar.foreground#d0a830
- activityBar.inactiveForeground#2a3618
- activityBarBadge.background#f0cc48
- activityBarBadge.foreground#0e1609
- badge.background#5e7e28
- badge.foreground#f0e8b8
- breadcrumb.activeSelectionForeground#ddd0a0
- breadcrumb.focusForeground#d0a830
- breadcrumb.foreground#445628
- breadcrumbPicker.background#101808
- button.background#5e7e28
- button.foreground#f0e8b8
- button.hoverBackground#769830
- button.secondaryBackground#2c3018
- button.secondaryForeground#d0a830
- descriptionForeground#5c6430
- dropdown.background#101808
- dropdown.border#2c3018
- dropdown.foreground#ddd0a0
- editor.background#0e1609
- editor.findMatchBackground#806010
- editor.findMatchHighlightBackground#583e08
- editor.foreground#ddd0a0
- editor.inactiveSelectionBackground#1e2c0c
- editor.lineHighlightBackground#151e0e
- editor.rangeHighlightBackground#141c08
- editor.selectionBackground#384c18
- editor.selectionHighlightBackground#283c10
- editor.wordHighlightBackground#2c3e14
- editor.wordHighlightStrongBackground#3a5018
- editorBracketMatch.background#384c18
- editorBracketMatch.border#c0d048
- editorCursor.foreground#f0cc48
- editorGroupHeader.tabsBackground#0a1007
- editorGroupHeader.tabsBorder#1a2410
- editorGutter.addedBackground#4a8828
- editorGutter.background#0e1609
- editorGutter.deletedBackground#9c3828
- editorGutter.modifiedBackground#d49820
- editorIndentGuide.activeBackground1#3c4e24
- editorIndentGuide.background1#283618
- editorLineNumber.activeForeground#9aa040
- editorLineNumber.foreground#506028
- editorWhitespace.foreground#1c2610
- focusBorder#f0cc48
- gitDecoration.addedResourceForeground#68a830
- gitDecoration.conflictingResourceForeground#b85838
- gitDecoration.deletedResourceForeground#a83828
- gitDecoration.ignoredResourceForeground#364820
- gitDecoration.modifiedResourceForeground#d09820
- gitDecoration.untrackedResourceForeground#80c038
- input.background#101808
- input.border#2c3018
- input.foreground#ddd0a0
- input.placeholderForeground#2a3618
- inputOption.activeBackground#2c3018
- inputOption.activeBorder#f0cc48
- list.activeSelectionBackground#2c3018
- list.activeSelectionForeground#ddd0a0
- list.focusBackground#2c3018
- list.highlightForeground#f0cc48
- list.hoverBackground#151e0e
- list.hoverForeground#ddd0a0
- list.inactiveSelectionBackground#1a2410
- list.inactiveSelectionForeground#7a8048
- notificationLink.foreground#f0cc48
- notifications.background#101808
- notifications.border#2c3018
- notifications.foreground#ddd0a0
- panel.background#0a1208
- panel.border#1a2410
- panelTitle.activeBorder#f0cc48
- panelTitle.activeForeground#d0a830
- panelTitle.inactiveForeground#2a3618
- peekView.border#f0cc48
- peekViewEditor.background#0d1508
- peekViewEditor.matchHighlightBackground#384c18
- peekViewResult.background#0a1208
- peekViewResult.fileForeground#d0a830
- peekViewResult.lineForeground#7a8048
- peekViewResult.matchHighlightBackground#384c18
- peekViewResult.selectionBackground#2c3018
- peekViewResult.selectionForeground#ddd0a0
- peekViewTitle.background#101808
- peekViewTitleDescription.foreground#5c6430
- peekViewTitleLabel.foreground#ddd0a0
- progressBar.background#f0cc48
- scrollbarSlider.activeBackground#464e28ee
- scrollbarSlider.background#2c3018aa
- scrollbarSlider.hoverBackground#383e20cc
- selection.background#384c18
- sideBar.background#0a1208
- sideBar.border#1a2410
- sideBar.foreground#7a8048
- sideBarSectionHeader.background#101808
- sideBarSectionHeader.border#202e12
- sideBarSectionHeader.foreground#a89030
- sideBarTitle.foreground#d0a830
- statusBar.background#080e06
- statusBar.border#1a2410
- statusBar.debuggingBackground#504008
- statusBar.foreground#d0a830
- statusBar.noFolderBackground#1c1a08
- statusBarItem.activeBackground#2c3018
- statusBarItem.hoverBackground#1a2410
- statusBarItem.remoteBackground#f0cc48
- statusBarItem.remoteForeground#0e1609
- tab.activeBackground#0e1609
- tab.activeBorder#f0cc48
- tab.activeForeground#ddd0a0
- tab.border#1a2410
- tab.hoverBackground#131c0c
- tab.inactiveBackground#0a1208
- tab.inactiveForeground#445628
- terminal.ansiBlack#1a2410
- terminal.ansiBlue#4870a8
- terminal.ansiBrightBlack#364820
- terminal.ansiBrightBlue#6898c8
- terminal.ansiBrightCyan#58a8a0
- terminal.ansiBrightGreen#78b040
- terminal.ansiBrightMagenta#b070c8
- terminal.ansiBrightRed#c85838
- terminal.ansiBrightWhite#eee0b0
- terminal.ansiBrightYellow#f0cc48
- terminal.ansiCyan#388880
- terminal.ansiGreen#589030
- terminal.ansiMagenta#8848a0
- terminal.ansiRed#a83828
- terminal.ansiWhite#a89868
- terminal.ansiYellow#d09820
- terminal.background#0a1208
- terminal.foreground#ddd0a0
- terminalCursor.foreground#f0cc48
- textLink.activeForeground#ffd860
- textLink.foreground#f0cc48
- titleBar.activeBackground#080e06
- titleBar.activeForeground#d0a830
- titleBar.border#1a2410
- titleBar.inactiveBackground#0a1208
- titleBar.inactiveForeground#2a3618
- widget.shadow#040602cc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #586838 | italic |
| string, string.quoted | #f0b050 | — |
| constant.character.escape, string.regexp | #f0cc48 | — |
| constant.numeric | #d0a030 | — |
| constant.language | #e07898 | bold |
| keyword, keyword.control, keyword.operator.new, storage.type, storage.modifier | #c05838 | bold |
| keyword.operator | #686038 | — |
| entity.name.function, meta.function-call entity.name.function, support.function | #78b040 | — |
| entity.name.class, entity.name.type, support.class, entity.other.inherited-class | #7098d8 | bold |
| variable, variable.other | #ddd0a0 | — |
| variable.language | #f0cc48 | italic |
| variable.parameter | #d0c088 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #9ab060 | — |
| entity.name.tag, meta.tag | #c05838 | — |
| entity.other.attribute-name | #8a8048 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.id | #f0b050 | — |
| support.type.property-name | #a068d0 | — |
| support.constant.property-value | #f0b050 | — |
| keyword.control.import, keyword.control.from | #c05838 | bold |
| punctuation.separator, punctuation.terminator, punctuation.accessor | #445628 | — |
| punctuation.definition.parameters, punctuation.definition.block, meta.brace | #5c6430 | — |
| entity.name.namespace, entity.name.module | #a068d0 | — |
| entity.name.interface | #5898c8 | italic |
| variable.other.enummember | #e07898 | — |
| meta.decorator, punctuation.decorator | #e07898 | — |
| markup.heading, entity.name.section | #f0cc48 | bold |
| markup.bold | #f0b050 | bold |
| markup.italic | #9ab060 | italic |
| markup.inline.raw, markup.fenced_code | #78b040 | — |
| markup.underline.link | #5898c8 | — |
| invalid | #cc3028 | underline |
| invalid.deprecated | #604028 | strikethrough |