Midnight Wave
Publisher: dboneThemes in package: 1
A dark, vibrant, high contrast color theme that is perfect for coding during anytime of the day
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#1e1b4b
- activityBar.activeFocusBorder#1e1b4b
- activityBar.background#1e1b4b
- activityBar.border#2e1065
- activityBar.dropBorder#3730a3
- activityBar.foreground#a78bfa
- activityBar.inactiveForeground#6d28d9
- activityBarBadge.background#312e81
- activityBarTop.dropBorder#3730a3
- breadcrumb.activeSelectionForeground#5b21b6
- button.background#5b21b6
- button.border#4c1d95
- button.hoverBackground#2e1065
- commandCenter.activeBackground#1e1b4b
- commandCenter.activeForeground#fff
- commandCenter.border#312e81
- contrastBorder#312e81
- dropdown.background#1e1b4b
- dropdown.border#312e81
- dropdown.foreground#fff
- dropdown.listBackground#1e1b4b
- editor.background#030712
- editor.findMatchBackground#c4b5fd
- editor.foreground#67e8f9
- editor.lineHighlightBorder#84cc16
- editor.selectionBackground#581c87
- editor.selectionForeground#fff
- editor.selectionHighlightBackground#c4b5fd
- editor.selectionHighlightBorder#312e81
- editor.snippetTabstopHighlightBorder#84cc16
- editor.wordHighlightBorder#84cc16
- editor.wordHighlightTextBorder#84cc16
- editorBracketHighlight.foreground1#fcd34d
- editorBracketHighlight.foreground2#a3e635
- editorBracketHighlight.foreground3#22d3ee
- editorBracketHighlight.foreground4#a78bfa
- editorBracketHighlight.foreground5#db2777
- editorBracketHighlight.foreground6#e11d48
- editorBracketMatch.background#2e1065
- editorBracketMatch.border#4c1d95
- editorBracketPairGuide.activeBackground1#f87171
- editorBracketPairGuide.activeBackground2#fbbf24
- editorBracketPairGuide.activeBackground3#4ade80
- editorBracketPairGuide.activeBackground4#22d3ee
- editorBracketPairGuide.activeBackground5#a78bfa
- editorBracketPairGuide.activeBackground6#881337
- editorCursor.background#581c87
- editorCursor.foreground#fff
- editorError.border#d946ef
- editorError.foreground#d946ef
- editorGroup.border#312e81
- editorGroupHeader.border#4c1d95
- editorGroupHeader.noTabsBackground#0f172a
- editorGroupHeader.tabsBackground#0f172a
- editorGroupHeader.tabsBorder#4c1d95
- editorHoverWidget.background#1e1b4b
- editorHoverWidget.foreground#a78bfa
- editorIndentGuide.activeBackground1#f87171
- editorIndentGuide.activeBackground2#fbbf24
- editorIndentGuide.activeBackground3#4ade80
- editorIndentGuide.activeBackground4#22d3ee
- editorIndentGuide.activeBackground5#a78bfa
- editorIndentGuide.activeBackground6#881337
- editorIndentGuide.background1#f87171
- editorIndentGuide.background2#fbbf24
- editorIndentGuide.background3#4ade80
- editorIndentGuide.background4#22d3ee
- editorIndentGuide.background5#a78bfa
- editorIndentGuide.background6#881337
- editorLineNumber.activeForeground#38bdf8
- editorLineNumber.dimmedForeground#1d4ed8
- editorLineNumber.foreground#0369a1
- editorOverviewRuler.background#1e1b4b
- editorOverviewRuler.border#312e81
- editorStickyScroll.border#3730a3
- editorWarning.border#f97316
- editorWarning.foreground#f97316
- editorWidget.background#1e1b4b
- editorWidget.border#312e81
- editorWidget.foreground#fff
- editorWidget.resizeBorder#312e81
- focusBorder#84cc16
- gitDecoration.addedResourceForeground#84cc16
- gitDecoration.conflictingResourceForeground#f59e0b
- gitDecoration.deletedResourceForeground#dc2626
- gitDecoration.modifiedResourceForeground#84cc16
- gitDecoration.stageDeletedResourceForeground#ef4444
- gitDecoration.stageModifiedResourceForeground#10b981
- list.activeSelectionBackground#3b0764
- list.activeSelectionForeground#a78bfa
- list.focusAndSelectionOutline#312e81
- list.focusHighlightForeground#84cc16
- list.focusOutline#312e81
- list.highlightForeground#4338ca
- list.hoverBackground#3b0764
- list.inactiveFocusBackground#1e1b4b
- listFilterWidget.outline#312e81
- menu.background#1e1b4b
- menu.border#312e81
- menu.foreground#fff
- menu.selectionBackground#1e1b4b
- menu.selectionBorder#312e81
- menu.selectionForeground#5b21b6
- menubar.selectionBackground#1e1b4b
- menubar.selectionBorder#312e81
- minimap.errorHighlight#f43f5e
- minimap.selectionHighlight#c4b5fd
- minimap.warningHighlight#a3e635
- notifications.background#312e81
- notifications.border#4338ca
- notifications.foreground#6366f1
- panel.background#1e1b4b
- panel.border#312e81
- panel.dropBorder#3730a3
- panelSection.border#312e81
- panelSectionHeader.border#312e81
- panelTitle.activeBorder#312e81
- peekViewResult.selectionForeground#5b21b6
- pickerGroup.border#3730a3
- scrollbarSlider.activeBackground#6366f1
- scrollbarSlider.background#312e81
- scrollbarSlider.hoverBackground#4338ca
- settings.dropdownBorder#312e81
- settings.dropdownListBorder#312e81
- settings.rowHoverBackground#1e1b4b
- settings.sashBorder#3730a3
- sideBar.background#1e1b4b
- sideBar.border#2e1065
- sideBarSectionHeader.background#4c1d95
- sideBarTitle.foreground#a78bfa
- statusBar.background#1e1b4b
- statusBar.border#1e1b4b
- statusBar.debuggingBackground#1e1b4b
- statusBar.debuggingBorder#1e1b4b
- statusBar.foreground#8b5cf6
- statusBarItem.hoverBackground#1e1b4b
- symbolIcon.numberForeground#22c55e
- tab.activeBackground#2e1065
- tab.activeBorder#312e81
- tab.border#312e81
- tab.inactiveBackground#1e1b4b
- tab.lastPinnedBorder#6366f1
- tab.unfocusedActiveBorder#8b5cf6
- terminal.background#030712
- terminal.border#312e81
- terminal.foreground#fff
- textCodeBlock.background#172554
- textLink.activeForeground#818cf8
- textLink.foreground#4f46e5
- titleBar.activeBackground#1e1b4b
- titleBar.border#312e81
- titleBar.inactiveBackground#1e1b4b
- toolbar.hoverBackground#1e1b4b
- toolbar.hoverOutline#312e81
- welcomePage.background#020617
- welcomePage.progress.background#1e1b4b
- welcomePage.progress.foreground#7c3aed
- welcomePage.tileBackground#312e81
- welcomePage.tileBorder#3730a3
- welcomePage.tileHoverBackground#1e1b4b
- widget.border#312e81
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| meta.diff.header | #d946ef | — |
| comment | #fb7185 | — |
| constant.language | #8b5cf6 | — |
| constant.numeric, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #f59e0b | — |
| constant.regexp | #b46695 | — |
| entity.name.tag | #8b5cf6 | — |
| entity.name.tag.css | #ec4899 | — |
| entity.other.attribute-name | #fbbf24 | — |
| source.css entity.other.attribute-name, source.css.less entity.other.attribute-name.id, source.scss entity.other.attribute-name | #d7ba7d | — |
| invalid | #f44747 | — |
| markup.underline | — | underline |
| markup.bold | — | bold |
| markup.heading | #a855f7 | — |
| markup.italic | — | italic |
| markup.inserted | #22c55e | — |
| markup.deleted | #fcd34d | — |
| markup.changed | #22d3ee | — |
| meta.selector | #b45309 | — |
| punctuation.definition.tag | #a855f7 | — |
| meta.preprocessor | #8b5cf6 | — |
| meta.preprocessor.string | #a78bfa | — |
| meta.preprocessor.numeric | #84cc16 | — |
| meta.structure.dictionary.key.python | #2563eb | — |
| storage | #ec4899 | — |
| storage.type | #ef4444 | italic bold |
| storage.modifier | #c084fc | bold |
| string | #f472b6 | — |
| string.tag | #818cf8 | — |
| string.value | #6366f1 | — |
| string.regexp | #d946ef | — |
| punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.js | #14b8a6 | — |
| support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less | #22d3ee | — |
| keyword | #c084fc | — |
| keyword.control | #a855f7 | — |
| keyword.operator | #22c55e | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical.python | #6366f1 | — |
| keyword.other.unit | #10b981 | — |
| support.function.git-rebase | #ea580c | — |
| constant.sha.git-rebase | #ea580c | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #fca5a5 | — |
| variable.language.this | #569cd6 | — |
| entity.name.function, support.function, support.constant.handlebars | #facc15 | — |
| meta.return-type, support.class, support.type, entity.name.type, entity.name.class, source.cs storage.type | #4EC9B0 | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class | #4EC9B0 | — |
| keyword.control | #C586C0 | — |
| variable, meta.definition.variable.name, support.variable | #a855f7 | italic |
| meta.object-literal.key, meta.object-literal.key entity.name.function | #f472b6 | — |
| support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #CE9178 | — |
| keyword.operator.logical, keyword.control, keyword.other | #22c55e | bold |