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#07090b
- activityBar.border#161410
- activityBar.foreground#d07818
- activityBar.inactiveForeground#1e1c10
- activityBarBadge.background#f07020
- activityBarBadge.foreground#0c0e10
- badge.background#9a5010
- badge.foreground#f0e8c0
- breadcrumb.activeSelectionForeground#c8d0c0
- breadcrumb.focusForeground#d07818
- breadcrumb.foreground#302c18
- breadcrumbPicker.background#0f0e0c
- button.background#9a5010
- button.foreground#f0e8c0
- button.hoverBackground#c06818
- button.secondaryBackground#2a1c08
- button.secondaryForeground#d07818
- descriptionForeground#5a5030
- dropdown.background#0f0e0c
- dropdown.border#2a1c08
- dropdown.foreground#c8d0c0
- editor.background#0c0e10
- editor.findMatchBackground#6a3000
- editor.findMatchHighlightBackground#4a2000
- editor.foreground#c8d0c0
- editor.inactiveSelectionBackground#1c0e04
- editor.lineHighlightBackground#131210
- editor.rangeHighlightBackground#131210
- editor.selectionBackground#381c08
- editor.selectionHighlightBackground#281406
- editor.wordHighlightBackground#301808
- editor.wordHighlightStrongBackground#402008
- editorBracketMatch.background#381c08
- editorBracketMatch.border#f07020
- editorCursor.foreground#f07020
- editorGroupHeader.tabsBackground#080a0c
- editorGroupHeader.tabsBorder#161410
- editorGutter.addedBackground#2a6020
- editorGutter.background#0c0e10
- editorGutter.deletedBackground#882010
- editorGutter.modifiedBackground#c06010
- editorIndentGuide.activeBackground1#403c22
- editorIndentGuide.background1#2e2a18
- editorLineNumber.activeForeground#807840
- editorLineNumber.foreground#4a4428
- editorWhitespace.foreground#161410
- focusBorder#f07020
- gitDecoration.addedResourceForeground#68d840
- gitDecoration.conflictingResourceForeground#d03018
- gitDecoration.deletedResourceForeground#a02010
- gitDecoration.ignoredResourceForeground#28241a
- gitDecoration.modifiedResourceForeground#d08820
- gitDecoration.untrackedResourceForeground#80e850
- input.background#0f0e0c
- input.border#2a1c08
- input.foreground#c8d0c0
- input.placeholderForeground#1e1c10
- inputOption.activeBackground#2a1c08
- inputOption.activeBorder#f07020
- list.activeSelectionBackground#2a1c08
- list.activeSelectionForeground#c8d0c0
- list.focusBackground#2a1c08
- list.highlightForeground#f07020
- list.hoverBackground#131210
- list.hoverForeground#c8d0c0
- list.inactiveSelectionBackground#161410
- list.inactiveSelectionForeground#6a6040
- notificationLink.foreground#f07020
- notifications.background#0f0e0c
- notifications.border#2a1c08
- notifications.foreground#c8d0c0
- panel.background#090b0d
- panel.border#161410
- panelTitle.activeBorder#f07020
- panelTitle.activeForeground#d07818
- panelTitle.inactiveForeground#1e1c10
- peekView.border#f07020
- peekViewEditor.background#0a0c0e
- peekViewEditor.matchHighlightBackground#381c08
- peekViewResult.background#090b0d
- peekViewResult.fileForeground#d07818
- peekViewResult.lineForeground#6a6040
- peekViewResult.matchHighlightBackground#381c08
- peekViewResult.selectionBackground#2a1c08
- peekViewResult.selectionForeground#c8d0c0
- peekViewTitle.background#0f0e0c
- peekViewTitleDescription.foreground#5a5030
- peekViewTitleLabel.foreground#c8d0c0
- progressBar.background#f07020
- scrollbarSlider.activeBackground#483010ee
- scrollbarSlider.background#2a1c08aa
- scrollbarSlider.hoverBackground#382408cc
- selection.background#381c08
- sideBar.background#090b0d
- sideBar.border#161410
- sideBar.foreground#6a6040
- sideBarSectionHeader.background#0d0f0e
- sideBarSectionHeader.border#1e1c14
- sideBarSectionHeader.foreground#b87010
- sideBarTitle.foreground#d07818
- statusBar.background#07090b
- statusBar.border#161410
- statusBar.debuggingBackground#502008
- statusBar.foreground#d07818
- statusBar.noFolderBackground#1c1408
- statusBarItem.activeBackground#2a1c08
- statusBarItem.hoverBackground#161410
- statusBarItem.remoteBackground#f07020
- statusBarItem.remoteForeground#0c0e10
- tab.activeBackground#0c0e10
- tab.activeBorder#f07020
- tab.activeForeground#c8d0c0
- tab.border#161410
- tab.hoverBackground#111010
- tab.inactiveBackground#090b0d
- tab.inactiveForeground#302c18
- terminal.ansiBlack#161410
- terminal.ansiBlue#3060a0
- terminal.ansiBrightBlack#28241a
- terminal.ansiBrightBlue#4880c8
- terminal.ansiBrightCyan#38a8c8
- terminal.ansiBrightGreen#68d840
- terminal.ansiBrightMagenta#a06878
- terminal.ansiBrightRed#d03018
- terminal.ansiBrightWhite#d8e8d0
- terminal.ansiBrightYellow#f0a828
- terminal.ansiCyan#2888a0
- terminal.ansiGreen#50c030
- terminal.ansiMagenta#784858
- terminal.ansiRed#a02010
- terminal.ansiWhite#889880
- terminal.ansiYellow#d08820
- terminal.background#090b0d
- terminal.foreground#c8d0c0
- terminalCursor.foreground#f07020
- textLink.activeForeground#ff9030
- textLink.foreground#f07020
- titleBar.activeBackground#07090b
- titleBar.activeForeground#d07818
- titleBar.border#161410
- titleBar.inactiveBackground#090b0d
- titleBar.inactiveForeground#1e1c10
- widget.shadow#020304cc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5a5038 | italic |
| string, string.quoted | #50c030 | — |
| constant.character.escape, string.regexp | #68d840 | — |
| constant.numeric | #d09828 | — |
| constant.language | #f07020 | bold |
| keyword, keyword.control, keyword.operator.new, storage.type, storage.modifier | #f06018 | bold |
| keyword.operator | #5a5830 | — |
| entity.name.function, meta.function-call entity.name.function, support.function | #f07020 | — |
| entity.name.class, entity.name.type, support.class, entity.other.inherited-class | #4080c0 | bold |
| variable, variable.other | #c8d0c0 | — |
| variable.language | #f07020 | italic |
| variable.parameter | #b0c0a8 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #6898a0 | — |
| entity.name.tag, meta.tag | #f06018 | — |
| entity.other.attribute-name | #4a6040 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.id | #50c030 | — |
| support.type.property-name | #f07020 | — |
| support.constant.property-value | #50c030 | — |
| keyword.control.import, keyword.control.from | #f06018 | bold |
| punctuation.separator, punctuation.terminator, punctuation.accessor | #2a2818 | — |
| punctuation.definition.parameters, punctuation.definition.block, meta.brace | #403820 | — |
| markup.heading, entity.name.section | #f07020 | bold |
| markup.bold | #50c030 | bold |
| markup.italic | #6898a0 | italic |
| markup.inline.raw, markup.fenced_code | #f07020 | — |
| markup.underline.link | #4080c0 | — |
| invalid | #ff3010 | underline |
| invalid.deprecated | #502010 | strikethrough |