Blue Moon dark theme
Publisher: Ashwin ManojThemes in package: 1
A personalized dark theme
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#a6a8ab00
- activityBar.background#0C0F14
- activityBar.border#1A202C
- activityBar.foreground#e6ecf2
- activityBar.inactiveForeground#7d8490
- activityBarBadge.background#3b82f6
- activityBarBadge.foreground#ffffff
- badge.background#3b82f6
- badge.foreground#ffffff
- debugToolBar.background#141720
- diffEditor.border#1A202C
- diffEditor.insertedLineBackground#10b98155
- diffEditor.insertedTextBackground#10b98160
- diffEditor.removedLineBackground#3b82f655
- diffEditor.removedTextBackground#3b82f660
- dropdown.background#0C0F14
- dropdown.border#1A202C
- dropdown.foreground#ffffff
- editor.background#0C0F14
- editor.findMatchBackground#7c3aed
- editor.findMatchForeground#ffffff
- editor.findMatchHighlightBackground#7c3aed00
- editor.findMatchHighlightBorder#7c3aed
- editor.inactiveSelectionBackground#3a4f7550
- editor.lineHighlightBackground#151A26
- editor.lineHighlightBorder#ffffff00
- editor.selectionBackground#3A4F7580
- editor.selectionHighlightBorder#10b981
- editor.wordHighlightBackground#ff00ff00
- editor.wordHighlightBorder#10b981
- editorBracketHighlight.foreground1#3b82f6
- editorBracketHighlight.foreground2#179ffe
- editorBracketHighlight.foreground3#10b981
- editorBracketHighlight.foreground4#6366f1
- editorBracketHighlight.foreground5#179ffe
- editorBracketMatch.border#64748b
- editorCodeLens.foreground#898C95
- editorCursor.foreground#8DA3C1
- editorError.foreground#ef4444
- editorGroup.border#1A202C
- editorGroupHeader.tabsBackground#0C0F14
- editorGroupHeader.tabsBorder#1A202C
- editorGutter.addedBackground#10b981
- editorGutter.deletedBackground#EF4444
- editorGutter.foldingControlForeground#898C95
- editorGutter.modifiedBackground#3b82f6
- editorHoverWidget.background#0C0F14
- editorHoverWidget.border#1A202C
- editorHoverWidget.foreground#ffffffca
- editorInfo.foreground#0ea5e9
- editorLineNumber.activeForeground#7383A4
- editorLineNumber.foreground#2C3B55
- editorStickyScroll.shadow#ff00ff00
- editorSuggestWidget.background#141720
- editorSuggestWidget.border#1A202C
- editorSuggestWidget.foreground#CCD0D9
- editorSuggestWidget.highlightForeground#60a5fa
- editorSuggestWidget.selectedBackground#3a4f7581
- editorSuggestWidget.selectedForeground#ffffff
- editorSuggestWidget.selectedIconForeground#ffffff
- editorWarning.foreground#eab308
- editorWhitespace.foreground#3A4F75
- editorWidget.background#0C0F14
- editorWidget.foreground#CCD0D9
- editorWidget.resizeBorder#4B70F5
- focusBorder#1A202C
- foreground#f1f1f1
- gitDecoration.addedResourceForeground#4ade80
- gitDecoration.modifiedResourceForeground#3b82f6
- gitDecoration.untrackedResourceForeground#4ade80
- input.background#0C0F14
- input.border#1A202C
- input.foreground#ffffff
- input.placeholderForeground#ffffffa0
- inputOption.activeBackground#1A202C
- inputOption.activeForeground#ffffff
- list.activeSelectionBackground#1A202C
- list.activeSelectionForeground#f1f1f1
- list.dropBackground#1A202C
- list.highlightForeground#60a5fa
- list.hoverBackground#1A202C
- list.hoverForeground#f1f1f1
- list.inactiveSelectionBackground#1A202Ca0
- list.inactiveSelectionForeground#f1f1f1
- notificationCenter.border#1A202C
- notificationCenterHeader.background#1A202C
- notifications.background#141720
- notifications.border#1A202C
- notifications.foreground#ffffffee
- notificationsErrorIcon.foreground#e11d48
- notificationsInfoIcon.foreground#38bdf8
- notificationsWarningIcon.foreground#eab308
- notificationToast.border#1A202C
- panel.background#0C0F14
- panel.border#1A202C
- panelTitle.activeBorder#ffffff
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#f1f1f190
- pickerGroup.foreground#38bdf8
- progressBar.background#434e62
- quickInput.background#0C0F14
- quickInput.foreground#CCD0D9
- scrollbar.shadow#ff00ff00
- scrollbarSlider.activeBackground#20242e
- scrollbarSlider.background#20242e
- scrollbarSlider.hoverBackground#141720
- selection.background#3A4F75
- sideBar.background#0C0F14
- sideBar.border#1A202C
- sideBar.foreground#898C95
- sideBarSectionHeader.background#0C0F14
- sideBarSectionHeader.border#1A202C
- statusBar.background#0C0F14
- statusBar.border#1A202C
- statusBar.debuggingBackground#ea580c
- statusBar.debuggingBorder#1A202C
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#898C95
- statusBarItem.hoverBackground#1A202C
- statusBarItem.hoverForeground#f1f1f1
- statusBarItem.remoteBackground#1A202C90
- statusBarItem.remoteForeground#cffafe
- tab.activeBackground#141720
- tab.border#1A202C
- tab.hoverBackground#141720
- tab.hoverForeground#ffffff
- tab.inactiveBackground#0C0F14
- terminal.background#0C0F14
- terminal.selectionBackground#3A4F7590
- tree.inactiveIndentGuidesStroke#1A202C
- tree.indentGuidesStroke#1C242F
- welcomePage.background#0C0F14
- welcomePage.tileBorder#1A202C
- welcomePage.tileHoverBackground#1A202C
- widget.border#252b38
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #6a737d | — |
| constant, entity.name.constant, variable.other.constant, variable.language | #79b8ff | — |
| entity, entity.name | #b392f0 | — |
| variable.parameter.function | #e1e4e8 | — |
| entity.name.tag | #85e89d | — |
| keyword | #f97583 | — |
| storage, storage.type | #f97583 | — |
| storage.modifier.package, storage.modifier.import, storage.type.java | #e1e4e8 | — |
| string, punctuation.definition.string, string punctuation.section.embedded source | #9ecbff | — |
| support | #79b8ff | — |
| meta.property-name | #79b8ff | — |
| variable | #ffab70 | — |
| variable.other | #e1e4e8 | — |
| invalid.broken | #fdaeb7 | italic |
| invalid.deprecated | #fdaeb7 | italic |
| invalid.illegal | #fdaeb7 | italic |
| invalid.unimplemented | #fdaeb7 | italic |
| carriage-return | #24292e | italic underline |
| message.error | #fdaeb7 | — |
| string source | #e1e4e8 | — |
| string variable | #79b8ff | — |
| source.regexp, string.regexp | #dbedff | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #dbedff | — |
| string.regexp constant.character.escape | #85e89d | bold |
| support.constant | #79b8ff | — |
| support.variable | #79b8ff | — |
| meta.module-reference | #79b8ff | — |
| punctuation.definition.list.begin.markdown | #ffab70 | — |
| markup.heading, markup.heading entity.name | #79b8ff | bold |
| markup.quote | #85e89d | — |
| markup.italic | #e1e4e8 | italic |
| markup.bold | #e1e4e8 | bold |
| markup.raw | #79b8ff | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #fdaeb7 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #85e89d | — |
| markup.changed, punctuation.definition.changed | #ffab70 | — |
| markup.ignored, markup.untracked | #2f363d | — |
| meta.diff.range | #b392f0 | bold |
| meta.diff.header | #79b8ff | — |
| meta.separator | #79b8ff | bold |
| meta.output | #79b8ff | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #d1d5da | — |
| brackethighlighter.unmatched | #fdaeb7 | — |
| constant.other.reference.link, string.other.link | #dbedff | underline |