Darkwaves
Publisher: SpacelaxyThemes in package: 11
Beautiful dark themes collection by Spacelaxy LLC
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.activeBorder#E5E54B
- activityBar.background#181A1B
- activityBar.border#202224
- activityBar.foreground#C9C9C9
- activityBar.inactiveForeground#5A5F66
- button.background#E5E54B
- button.border#202224
- button.focusBorder#202224
- button.foreground#181A1B
- button.hoverBackground#E5E54B
- button.prominentBackground#E5E54B
- button.prominentFocusBackground#E5E54B
- button.prominentForeground#181A1B
- button.prominentHoverBackground#E5E54B
- button.separator#202224
- commandCenter.activeBackground#2D3136
- commandCenter.activeBorder#202224
- commandCenter.activeForeground#C9C9C9
- commandCenter.background#181A1B
- commandCenter.border#202224
- commandCenter.debuggingBackground#181A1B
- commandCenter.foreground#C9C9C9
- commandCenter.inactiveBorder#202224
- commandCenter.inactiveForeground#5A5F66
- commandCenter.inputBackground#181A1B
- commandCenter.inputBorder#6CA0FF
- commandCenter.inputForeground#C9C9C9
- commandCenter.keybindingLabelBackground#2D3136
- commandCenter.keybindingLabelBorder#202224
- commandCenter.keybindingLabelForeground#C9C9C9
- commandCenter.separatorBackground#8BC6FF
- dropdown.background#181A1B
- dropdown.border#202224
- dropdown.foreground#C9C9C9
- dropdown.hoverBackground#2D3136
- dropdown.hoverForeground#C9C9C9
- dropdown.listBackground#181A1B
- dropdown.selectionBackground#2D3136
- dropdown.selectionForeground#C9C9C9
- editor.background#181A1B
- editor.findMatchBackground#2D3136
- editor.findMatchForeground#C9C9C9
- editor.findMatchHighlightBackground#2D3136
- editor.findMatchHighlightForeground#6CA0FF
- editor.findRangeHighlightBackground#212325
- editor.foreground#C9C9C9
- editor.hoverHighlightBackground#2D3136
- editor.inactiveSelectionBackground#2D3136
- editor.lineHighlightBackground#202224
- editor.rangeHighlightBackground#212325
- editor.selectionBackground#2D3136
- editor.selectionHighlightBackground#2D3136
- editor.symbolHighlightBackground#2D3136
- editor.unicodeHighlight.background#2D3136
- editor.wordHighlightBackground#2D3136
- editor.wordHighlightStrongBackground#2D3136
- editor.wordHighlightTextBackground#2D3136
- editorBracketHighlight.foreground1#E5E54B
- editorBracketHighlight.foreground2#FF8E72
- editorBracketHighlight.foreground3#6CA0FF
- editorBracketHighlight.foreground4#E5E54B
- editorBracketHighlight.foreground5#FF8E72
- editorBracketHighlight.foreground6#6CA0FF
- editorBracketHighlight.unexpectedBracket.foreground#E87D7D
- editorBracketMatch.background#00000000
- editorBracketMatch.border#00000000
- editorBracketPairGuide.activeBackground1#2D3136
- editorBracketPairGuide.activeBackground2#2D3136
- editorBracketPairGuide.activeBackground3#2D3136
- editorBracketPairGuide.activeBackground4#2D3136
- editorBracketPairGuide.activeBackground5#2D3136
- editorBracketPairGuide.activeBackground6#2D3136
- editorBracketPairGuide.background1#202224
- editorBracketPairGuide.background2#202224
- editorBracketPairGuide.background3#202224
- editorBracketPairGuide.background4#202224
- editorBracketPairGuide.background5#202224
- editorBracketPairGuide.background6#202224
- editorCursor.foreground#E5E54B
- editorGroupHeader.noTabsBackground#181A1B
- editorGroupHeader.tabsBackground#181A1B
- editorGroupHeader.tabsBorder#202224
- editorGutter.addedBackground#9FDB7D
- editorGutter.deletedBackground#E87D7D
- editorGutter.modifiedBackground#6CA0FF
- editorHoverWidget.background#212325
- editorHoverWidget.border#202224
- editorHoverWidget.foreground#C9C9C9
- editorHoverWidget.highlightForeground#6CA0FF
- editorHoverWidget.statusBarBackground#212325
- editorIndentGuide.activeBackground#2D3136
- editorIndentGuide.background#202224
- editorInlayHint.background#2D3136
- editorInlayHint.foreground#C9C9C9
- editorInlayHint.parameterBackground#212325
- editorInlayHint.parameterForeground#E5C07B
- editorInlayHint.typeBackground#212325
- editorInlayHint.typeForeground#6CA0FF
- editorLineNumber.activeForeground#E5E54B
- editorLineNumber.foreground#5A5F66
- editorLink.activeForeground#6CA0FF
- editorPane.background#181A1B
- editorStickyScroll.background#212325
- editorStickyScroll.shadow#00000080
- editorStickyScrollGutter.background#2D3136
- editorStickyScrollHover.background#2D3136
- editorSuggestWidget.background#212325
- editorSuggestWidget.border#202224
- editorSuggestWidget.focusHighlightForeground#6CA0FF
- editorSuggestWidget.foreground#C9C9C9
- editorSuggestWidget.highlightForeground#6CA0FF
- editorSuggestWidget.selectedBackground#2D3136
- editorSuggestWidget.selectedForeground#C9C9C9
- editorSuggestWidget.selectedIconForeground#C9C9C9
- editorSuggestWidgetStatus.foreground#5A5F66
- editorWidget.background#212325
- editorWidget.border#202224
- editorWidget.foreground#C9C9C9
- editorWidget.resizeBorder#6CA0FF
- focusBorder#00000000
- input.background#212325
- input.border#00000000
- input.foreground#C9C9C9
- input.placeholderForeground#5A5F66
- inputOption.activeBackground#2D3136
- inputOption.activeBorder#202224
- inputOption.activeForeground#C9C9C9
- inputOption.hoverBackground#212325
- keybindingLabel.background#2D3136
- keybindingLabel.border#202224
- keybindingLabel.bottomBorder#202224
- keybindingLabel.foreground#C9C9C9
- list.activeSelectionBackground#2D3136
- list.activeSelectionForeground#C9C9C9
- list.focusAndSelectionOutline#202224
- list.focusBackground#2D3136
- list.focusForeground#C9C9C9
- list.focusOutline#202224
- list.highlightForeground#C9C9C9
- list.hoverBackground#2D3136
- list.hoverForeground#C9C9C9
- list.inactiveFocusOutline#202224
- list.inactiveSelectionBackground#2D3136
- list.inactiveSelectionForeground#5A5F66
- menu.background#181A1B
- menu.border#202224
- menu.foreground#C9C9C9
- menu.selectionBackground#2D3136
- menu.selectionForeground#C9C9C9
- menu.separatorBackground#181A1B
- menubar.background#181A1B
- menubar.foreground#C9C9C9
- menubar.selectionBackground#2D3136
- menubar.selectionForeground#C9C9C9
- panel.background#181A1B
- panel.border#202224
- panelInput.border#202224
- panelTitle.activeBorder#E5E54B
- panelTitle.activeForeground#C9C9C9
- panelTitle.inactiveForeground#5A5F66
- pickerGroup.border#202224
- pickerGroup.foreground#C9C9C9
- quickInput.background#212325
- quickInput.border#202224
- quickInput.foreground#C9C9C9
- quickInputList.focusBackground#2D3136
- quickInputList.focusForeground#C9C9C9
- quickInputList.focusIconForeground#6CA0FF
- quickInputTitle.background#2D3136
- quickInputTitle.border#202224
- quickInputTitle.foreground#C9C9C9
- sash.hoverBorder#202224
- searchEditor.findMatchBackground#2D3136
- searchEditor.textInputBorder#202224
- sideBar.background#151718
- sideBar.border#1A1C1D
- sideBar.foreground#A0A0A0
- sideBarSectionHeader.background#151718
- sideBarSectionHeader.border#1A1C1D
- sideBarSectionHeader.foreground#A0A0A0
- sideBarSectionHeader.hoverBackground#1E2021
- sideBarSectionHeader.hoverForeground#C9C9C9
- sideBarStickyScroll.border#1A1C1D
- sideBarStickyScroll.shadow#1A1C1D
- sideBarTitle.background#151718
- sideBarTitle.border#1A1C1D
- statusBar.background#181A1B
- statusBar.border#202224
- statusBar.debuggingBackground#181A1B
- statusBar.debuggingBorder#202224
- statusBar.debuggingForeground#C9C9C9
- statusBar.focusBorder#202224
- statusBar.foreground#C9C9C9
- statusBar.noFolderBackground#181A1B
- statusBar.noFolderBorder#202224
- statusBar.noFolderForeground#C9C9C9
- statusBarItem.hoverBackground#2D3136
- statusBarItem.hoverForeground#C9C9C9
- statusBarItem.remoteBackground#E5E54B
- statusBarItem.remoteForeground#181A1B
- statusBarItem.remoteHoverBackground#E5E54B
- statusBarItem.remoteHoverForeground#181A1B
- tab.activeBackground#181A1B
- tab.activeBorder#202224
- tab.activeBorderTop#E5E54B
- tab.activeForeground#C9C9C9
- tab.border#202224
- tab.hoverBackground#2D3136
- tab.hoverForeground#C9C9C9
- tab.inactiveBackground#181A1B
- tab.inactiveForeground#5A5F66
- tab.selectedBorderTop#E5E54B
- tab.unfocusedActiveBackground#2D3136
- tab.unfocusedHoverBackground#2D3136
- tab.unfocusedInactiveBackground#181A1B
- terminal.ansiBlack#181A1B
- terminal.ansiBlue#6CA0FF
- terminal.ansiBrightBlack#181A1B
- terminal.ansiBrightBlue#6CA0FF
- terminal.ansiBrightCyan#8BC6FF
- terminal.ansiBrightGreen#9FDB7D
- terminal.ansiBrightMagenta#E5C07B
- terminal.ansiBrightRed#E87D7D
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#E5C07B
- terminal.ansiCyan#8BC6FF
- terminal.ansiGreen#9FDB7D
- terminal.ansiMagenta#E5C07B
- terminal.ansiRed#E87D7D
- terminal.ansiWhite#C9C9C9
- terminal.ansiYellow#E5C07B
- terminal.background#151718
- terminal.dropBackground#2D3136
- terminal.foreground#C9C9C9
- terminal.inactiveSelectionBackground#2D3136
- terminal.selectionBackground#2D3136
- terminalCursor.background#151718
- terminalCursor.foreground#E5E54B
- titleBar.activeBackground#181A1B
- titleBar.activeForeground#C9C9C9
- titleBar.border#202224
- titleBar.inactiveBackground#181A1B
- titleBar.inactiveForeground#5A5F66
- tooltip.background#212325
- tooltip.border#202224
- tooltip.foreground#C9C9C9
- tooltip.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6A6F76 | italic |
| string, string.quoted, string.quoted.double, string.quoted.single, punctuation.definition.string.begin, punctuation.definition.string.end | #8FCB6D | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.binary, constant.numeric.octal | #D87D7D | — |
| keyword, storage.type, storage.modifier, keyword.control.conditional, keyword.control.loop, keyword.control.throw, keyword.control.try, keyword.control.catch, keyword.control.finally, keyword.control.switch, keyword.control.case, keyword.control.default, keyword.control.break, keyword.control.continue | #E67E62 | — |
| entity.name.function, support.function, meta.function-call, variable.function | #5C90EF | — |
| variable.other.readwrite, variable.other.property, variable.parameter, variable.other, support.variable, variable.language.this, variable.language.super | #C6C6C6 | — |
| entity.name.type, support.type, support.type.primitive, entity.other.inherited-class, entity.name.interface, entity.name.type.alias | #D5B06B | — |
| entity.name.class, entity.name.interface, entity.name.enum, entity.name.struct | #D5B06B | — |
| keyword.other.unit.css, keyword.other.unit.scss, keyword.other.unit.less | #E67E62 | — |
| constant.numeric.css, constant.numeric.scss, constant.numeric.less | #E67E62 | — |
| variable.other.php, variable.language.php, punctuation.definition.variable.php | #D6D6D6 | — |
| entity.name.tag.html, entity.name.tag.jsx, entity.name.tag.tsx, entity.name.tag.xml | #D5B06B | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.begin.jsx, punctuation.definition.tag.end.jsx, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx, punctuation.definition.tag.begin.xml, punctuation.definition.tag.end.xml | #B0B0B0 | — |
| entity.other.attribute-name.html, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx, entity.other.attribute-name.xml | #5C90EF | — |
| string.quoted.double.html, string.quoted.single.html, string.quoted.double.jsx, string.quoted.single.jsx, string.quoted.double.tsx, string.quoted.single.tsx, string.quoted.double.xml, string.quoted.single.xml | #8FCB6D | — |
| meta.tag.sgml.doctype.html, meta.tag.sgml.doctype.xml | #D5B06B | — |
| constant.character.entity.html, constant.character.entity.xml | #E67E62 | — |
| comment.block.html, comment.block.xml | #6A6F76 | italic |
| meta.tag.html, meta.tag.xml | #D5B06B | — |
| entity.name.tag.script.html, entity.name.tag.style.html | #D5B06B | — |
| entity.name.tag.link.html, entity.name.tag.a.html | #D5B06B | — |
| entity.name.tag.yaml, support.type.property-name.yaml, meta.key-pair.yaml | #5C90EF | — |
| string.quoted.double.yaml, string.quoted.single.yaml, string.unquoted.yaml, constant.numeric.yaml | #8FCB6D | — |
| comment.line.number-sign.yaml, comment.line.yaml, punctuation.definition.comment.yaml | #6A6F76 | italic |
| punctuation.definition.key-value.yaml, punctuation.separator.key-value.yaml, punctuation.definition.block-sequence.yaml, punctuation.definition.block-mapping.yaml, punctuation.definition.flow-sequence.yaml, punctuation.definition.flow-mapping.yaml | #B0B0B0 | — |
| variable.other.anchor.yaml, variable.other.alias.yaml, punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml | #E67E62 | — |
| constant.character.document-separator.yaml, punctuation.definition.document-separator.yaml | #D5B06B | — |
| entity.name.tag.yaml, punctuation.definition.tag.yaml | #D5B06B | — |
| constant.language.boolean.yaml, constant.language.true.yaml, constant.language.false.yaml | #E67E62 | — |
| constant.language.null.yaml | #E67E62 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #D5D53B | — |
| keyword.control.flow, keyword.control.return, keyword.control | — | italic |
| keyword.control.import, keyword.control.import.namespace, keyword.control.import.php, keyword.control.import.namespace.php | #E67E62 | — |
| keyword.control.export | #E67E62 | — |
| keyword.control.from | #E67E62 | — |
| entity.name.tag.vue, entity.name.tag.pug, entity.name.tag.jade | #5C90EF | — |
| entity.name.tag.script.vue, entity.name.tag.template.vue, entity.name.tag.style.vue | #5C90EF | — |
| entity.name.tag.angular, entity.name.tag.ng-template | #D87D7D | — |
| entity.name.tag.custom.jsx, entity.name.tag.custom.tsx | #5C90EF | — |
| entity.name.tag.xml, entity.name.tag.config, entity.name.tag.manifest | #E5E54B | — |
| entity.name.tag.markdown, markup.heading.markdown, markup.italic.markdown, markup.bold.markdown | #E5E54B | — |
| entity.name.tag.handlebars, entity.name.tag.mustache, entity.name.tag.ejs, entity.name.tag.nunjucks, entity.name.tag.twig | #D5B06B | — |
| entity.name.tag.config.json, entity.name.tag.config.yaml, entity.name.tag.config.toml, entity.name.tag.config.ini | #D5B06B | — |
| entity.name.tag.dockerfile, entity.name.tag.docker-compose | #8FCB6D | — |
| entity.name.tag.generic, entity.name.tag.unknown | #C6C6C6 | — |
| entity.name.tag | #5C90EF | — |