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#03080e
- activityBar.border#0a1c2c
- activityBar.foreground#40c8e0
- activityBar.inactiveForeground#1a3a50
- activityBarBadge.background#00e5cc
- activityBarBadge.foreground#060d14
- badge.background#008890
- badge.foreground#060d14
- breadcrumb.activeSelectionForeground#c8e8f0
- breadcrumb.focusForeground#40c8e0
- breadcrumb.foreground#2a5870
- breadcrumbPicker.background#071018
- button.background#008890
- button.foreground#060d14
- button.hoverBackground#00a8b0
- button.secondaryBackground#0c2a3a
- button.secondaryForeground#40c8e0
- descriptionForeground#2a7090
- dropdown.background#071018
- dropdown.border#0c2a3a
- dropdown.foreground#c8e8f0
- editor.background#060d14
- editor.findMatchBackground#0a5060
- editor.findMatchHighlightBackground#083848
- editor.foreground#c8e8f0
- editor.inactiveSelectionBackground#072030
- editor.lineHighlightBackground#0a1520
- editor.rangeHighlightBackground#081828
- editor.selectionBackground#0a3a4a
- editor.selectionHighlightBackground#082a38
- editor.wordHighlightBackground#0a3040
- editor.wordHighlightStrongBackground#0c4050
- editorBracketMatch.background#0a3a4a
- editorBracketMatch.border#00e5cc
- editorCursor.foreground#00e5cc
- editorGroupHeader.tabsBackground#040910
- editorGroupHeader.tabsBorder#0a1c2c
- editorGutter.addedBackground#208060
- editorGutter.background#060d14
- editorGutter.deletedBackground#602050
- editorGutter.modifiedBackground#1060a0
- editorIndentGuide.activeBackground1#184858
- editorIndentGuide.background1#102838
- editorLineNumber.activeForeground#3a9ab0
- editorLineNumber.foreground#2a5870
- editorWhitespace.foreground#0e2030
- focusBorder#00e5cc
- gitDecoration.addedResourceForeground#20d090
- gitDecoration.conflictingResourceForeground#8060b0
- gitDecoration.deletedResourceForeground#c04080
- gitDecoration.ignoredResourceForeground#1a3a50
- gitDecoration.modifiedResourceForeground#50b0d0
- gitDecoration.untrackedResourceForeground#30c0a0
- input.background#071018
- input.border#0c2a3a
- input.foreground#c8e8f0
- input.placeholderForeground#1a3a50
- inputOption.activeBackground#0c2a3a
- inputOption.activeBorder#00e5cc
- list.activeSelectionBackground#0c2a3a
- list.activeSelectionForeground#c8e8f0
- list.focusBackground#0c2a3a
- list.highlightForeground#00e5cc
- list.hoverBackground#0a1520
- list.hoverForeground#c8e8f0
- list.inactiveSelectionBackground#0a1c2c
- list.inactiveSelectionForeground#6ab8d0
- notificationLink.foreground#00e5cc
- notifications.background#071018
- notifications.border#0c2a3a
- notifications.foreground#c8e8f0
- panel.background#040a10
- panel.border#0a1c2c
- panelTitle.activeBorder#00e5cc
- panelTitle.activeForeground#40c8e0
- panelTitle.inactiveForeground#1a3a50
- peekView.border#00e5cc
- peekViewEditor.background#050c12
- peekViewEditor.matchHighlightBackground#0a3a4a
- peekViewResult.background#040a10
- peekViewResult.fileForeground#40c8e0
- peekViewResult.lineForeground#6ab8d0
- peekViewResult.matchHighlightBackground#0a3a4a
- peekViewResult.selectionBackground#0c2a3a
- peekViewResult.selectionForeground#c8e8f0
- peekViewTitle.background#071018
- peekViewTitleDescription.foreground#2a7090
- peekViewTitleLabel.foreground#c8e8f0
- progressBar.background#00e5cc
- scrollbarSlider.activeBackground#184858ee
- scrollbarSlider.background#0c2a3aaa
- scrollbarSlider.hoverBackground#103848cc
- selection.background#0a3a4a
- sideBar.background#040a10
- sideBar.border#0a1c2c
- sideBar.foreground#6ab8d0
- sideBarSectionHeader.background#071018
- sideBarSectionHeader.border#0c2030
- sideBarSectionHeader.foreground#30b0d0
- sideBarTitle.foreground#40c8e0
- statusBar.background#03080e
- statusBar.border#0a1c2c
- statusBar.debuggingBackground#0a3a5a
- statusBar.foreground#40c8e0
- statusBar.noFolderBackground#0a1a30
- statusBarItem.activeBackground#0c2a3a
- statusBarItem.hoverBackground#0a1c2c
- statusBarItem.remoteBackground#00e5cc
- statusBarItem.remoteForeground#060d14
- tab.activeBackground#060d14
- tab.activeBorder#00e5cc
- tab.activeForeground#c8e8f0
- tab.border#0a1c2c
- tab.hoverBackground#0a1420
- tab.inactiveBackground#040a10
- tab.inactiveForeground#2a5870
- terminal.ansiBlack#0a1c2c
- terminal.ansiBlue#2060c0
- terminal.ansiBrightBlack#1a3a50
- terminal.ansiBrightBlue#4080e0
- terminal.ansiBrightCyan#00e5cc
- terminal.ansiBrightGreen#30e0b0
- terminal.ansiBrightMagenta#8060d0
- terminal.ansiBrightRed#c04080
- terminal.ansiBrightWhite#d8f0f8
- terminal.ansiBrightYellow#70d0e0
- terminal.ansiCyan#00c8b0
- terminal.ansiGreen#20c090
- terminal.ansiMagenta#6040b0
- terminal.ansiRed#a03060
- terminal.ansiWhite#a8d0e0
- terminal.ansiYellow#50b0c0
- terminal.background#040a10
- terminal.foreground#c8e8f0
- terminalCursor.foreground#00e5cc
- textLink.activeForeground#30f5dc
- textLink.foreground#00e5cc
- titleBar.activeBackground#03080e
- titleBar.activeForeground#40c8e0
- titleBar.border#0a1c2c
- titleBar.inactiveBackground#040a10
- titleBar.inactiveForeground#1a3a50
- widget.shadow#020508cc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #2a6a80 | italic |
| string, string.quoted | #58d8b8 | — |
| constant.character.escape, string.regexp | #00e5cc | — |
| constant.numeric | #48c8e8 | — |
| constant.language | #00d8c0 | bold |
| keyword, keyword.control, keyword.operator.new, storage.type, storage.modifier | #28c8e8 | bold |
| keyword.operator | #2a7898 | — |
| entity.name.function, meta.function-call entity.name.function, support.function | #00e5cc | — |
| entity.name.class, entity.name.type, support.class, entity.other.inherited-class | #50c8e0 | bold |
| variable, variable.other | #c8e8f0 | — |
| variable.language | #00e5cc | italic |
| variable.parameter | #a8d8e8 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #5ab0c8 | — |
| entity.name.tag, meta.tag | #28c8e8 | — |
| entity.other.attribute-name | #58a8c8 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.id | #58d8b8 | — |
| support.type.property-name | #00e5cc | — |
| support.constant.property-value | #58d8b8 | — |
| keyword.control.import, keyword.control.from | #28c8e8 | bold |
| punctuation.separator, punctuation.terminator, punctuation.accessor | #205870 | — |
| punctuation.definition.parameters, punctuation.definition.block, meta.brace | #2a7090 | — |
| markup.heading, entity.name.section | #00e5cc | bold |
| markup.bold | #58d8b8 | bold |
| markup.italic | #5ab0c8 | italic |
| markup.inline.raw, markup.fenced_code | #00e5cc | — |
| markup.underline.link | #00e5cc | — |
| invalid | #e03080 | underline |
| invalid.deprecated | #604070 | strikethrough |