Nocturne Velvet
Publisher: r-seizeThemes in package: 1
A VS Code dark theme draped in deep velvet black — amethyst shadows, jewel-toned syntax, and text that breathes.
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#0b0913
- activityBar.border#0e0c17
- activityBar.foreground#a78bfa
- activityBar.inactiveForeground#4a4270
- activityBarBadge.background#a78bfa
- activityBarBadge.foreground#0b0913
- badge.background#a78bfa
- badge.foreground#0b0913
- breadcrumb.activeSelectionForeground#ece8ff
- breadcrumb.background#12101c
- breadcrumb.focusForeground#a78bfa
- breadcrumb.foreground#4a4270
- breadcrumbPicker.background#0e0c17
- button.background#5b4b9e
- button.foreground#ece8ff
- button.hoverBackground#7c6bc0
- button.secondaryBackground#201d3a
- button.secondaryForeground#ece8ff
- descriptionForeground#7a7595
- diffEditor.insertedLineBackground#34d3990c
- diffEditor.insertedTextBackground#34d39918
- diffEditor.removedLineBackground#f871710c
- diffEditor.removedTextBackground#f8717118
- dropdown.background#0e0c17
- dropdown.border#2a1d5e
- dropdown.foreground#ece8ff
- editor.background#12101c
- editor.findMatchBackground#a78bfa35
- editor.findMatchHighlightBackground#a78bfa20
- editor.foreground#ece8ff
- editor.inactiveSelectionBackground#191628
- editor.lineHighlightBackground#191628
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#a78bfa10
- editor.selectionBackground#201d3a
- editor.selectionHighlightBackground#201d3a80
- editor.wordHighlightBackground#2a265060
- editor.wordHighlightStrongBackground#201d3a90
- editorBracketHighlight.foreground1#a78bfa
- editorBracketHighlight.foreground2#60d9fa
- editorBracketHighlight.foreground3#34d399
- editorBracketHighlight.foreground4#fbbf24
- editorBracketHighlight.foreground5#f472b6
- editorBracketHighlight.foreground6#f87171
- editorBracketMatch.background#201d3a
- editorBracketMatch.border#a78bfa
- editorCursor.foreground#a78bfa
- editorError.foreground#f87171
- editorGroupHeader.tabsBackground#0e0c17
- editorGroupHeader.tabsBorder#0b0913
- editorGutter.addedBackground#34d39980
- editorGutter.deletedBackground#f8717180
- editorGutter.modifiedBackground#60d9fa80
- editorHint.foreground#34d399
- editorHoverWidget.background#0e0c17
- editorHoverWidget.border#2a1d5e
- editorIndentGuide.activeBackground1#2a1d5e
- editorIndentGuide.background1#1e1b30
- editorInfo.foreground#60d9fa
- editorLineNumber.activeForeground#7a7595
- editorLineNumber.foreground#4a4270
- editorRuler.foreground#191628
- editorSuggestWidget.background#0e0c17
- editorSuggestWidget.border#2a1d5e
- editorSuggestWidget.foreground#ece8ff
- editorSuggestWidget.highlightForeground#a78bfa
- editorSuggestWidget.selectedBackground#201d3a
- editorWarning.foreground#fbbf24
- editorWhitespace.foreground#1e1b30
- editorWidget.background#0e0c17
- editorWidget.border#2a1d5e
- errorForeground#f87171
- focusBorder#a78bfa
- foreground#ece8ff
- gitDecoration.addedResourceForeground#34d399
- gitDecoration.conflictingResourceForeground#fb923c
- gitDecoration.deletedResourceForeground#f87171
- gitDecoration.ignoredResourceForeground#4a4270
- gitDecoration.modifiedResourceForeground#60d9fa
- gitDecoration.untrackedResourceForeground#fbbf24
- icon.foreground#a78bfa
- input.background#0e0c17
- input.border#2a1d5e
- input.foreground#ece8ff
- input.placeholderForeground#7a7595
- inputOption.activeBackground#201d3a
- inputOption.activeBorder#a78bfa
- inputValidation.errorBackground#f8717120
- inputValidation.errorBorder#f87171
- inputValidation.warningBackground#fbbf2420
- inputValidation.warningBorder#fbbf24
- list.activeSelectionBackground#201d3a
- list.activeSelectionForeground#ece8ff
- list.errorForeground#f87171
- list.focusBackground#201d3a
- list.focusForeground#ece8ff
- list.highlightForeground#a78bfa
- list.hoverBackground#191628
- list.hoverForeground#ece8ff
- list.inactiveSelectionBackground#191628
- list.inactiveSelectionForeground#7a7595
- list.warningForeground#fbbf24
- menu.background#0e0c17
- menu.foreground#ece8ff
- menu.selectionBackground#201d3a
- menu.selectionForeground#ece8ff
- menu.separatorBackground#2a1d5e
- menubar.selectionBackground#191628
- menubar.selectionForeground#ece8ff
- minimap.errorHighlight#f87171
- minimap.selectionHighlight#a78bfa80
- minimap.warningHighlight#fbbf24
- minimapSlider.activeBackground#a78bfa60
- minimapSlider.background#2a1d5e40
- minimapSlider.hoverBackground#5b4b9e60
- notificationCenter.border#2a1d5e
- notificationCenterHeader.background#0e0c17
- notificationCenterHeader.foreground#a78bfa
- notifications.background#0e0c17
- notifications.border#2a1d5e
- notifications.foreground#ece8ff
- notificationsErrorIcon.foreground#f87171
- notificationsInfoIcon.foreground#60d9fa
- notificationsWarningIcon.foreground#fbbf24
- panel.background#0b0913
- panel.border#0e0c17
- panelTitle.activeBorder#a78bfa
- panelTitle.activeForeground#a78bfa
- panelTitle.inactiveForeground#4a4270
- peekView.border#a78bfa
- peekViewEditor.background#12101c
- peekViewEditor.matchHighlightBackground#a78bfa35
- peekViewResult.background#0e0c17
- peekViewResult.matchHighlightBackground#a78bfa25
- peekViewTitle.background#0b0913
- peekViewTitleDescription.foreground#7a7595
- peekViewTitleLabel.foreground#ece8ff
- pickerGroup.border#2a1d5e
- pickerGroup.foreground#a78bfa
- progressBar.background#a78bfa
- quickInput.background#0e0c17
- quickInput.foreground#ece8ff
- quickInputHighlightForeground#a78bfa
- quickInputList.focusBackground#201d3a
- scrollbar.shadow#00000060
- scrollbarSlider.activeBackground#a78bfa80
- scrollbarSlider.background#2a1d5e40
- scrollbarSlider.hoverBackground#5b4b9e60
- selection.background#201d3a
- sideBar.background#0e0c17
- sideBar.border#0b0913
- sideBar.foreground#7a7595
- sideBarSectionHeader.background#0b0913
- sideBarSectionHeader.border#0b0913
- sideBarSectionHeader.foreground#a78bfa
- sideBarTitle.foreground#a78bfa
- statusBar.background#0b0913
- statusBar.border#0e0c17
- statusBar.debuggingBackground#201d3a
- statusBar.debuggingForeground#a78bfa
- statusBar.foreground#7a7595
- statusBar.noFolderBackground#0b0913
- statusBarItem.activeBackground#201d3a
- statusBarItem.hoverBackground#191628
- tab.activeBackground#12101c
- tab.activeBorder#a78bfa
- tab.activeForeground#ece8ff
- tab.border#0b0913
- tab.inactiveBackground#0e0c17
- tab.inactiveForeground#7a7595
- tab.unfocusedActiveForeground#9d93c0
- tab.unfocusedInactiveForeground#5b4b9e
- terminal.ansiBlack#0b0913
- terminal.ansiBlue#a78bfa
- terminal.ansiBrightBlack#4a4270
- terminal.ansiBrightBlue#c4b5fd
- terminal.ansiBrightCyan#a5f3fc
- terminal.ansiBrightGreen#6ee7b7
- terminal.ansiBrightMagenta#f9a8d4
- terminal.ansiBrightRed#fca5a5
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#fde68a
- terminal.ansiCyan#60d9fa
- terminal.ansiGreen#34d399
- terminal.ansiMagenta#f472b6
- terminal.ansiRed#f87171
- terminal.ansiWhite#ece8ff
- terminal.ansiYellow#fbbf24
- terminal.background#0b0913
- terminal.foreground#ece8ff
- terminal.selectionBackground#201d3a
- terminalCursor.background#0b0913
- terminalCursor.foreground#a78bfa
- textLink.activeForeground#c4b5fd
- textLink.foreground#a78bfa
- titleBar.activeBackground#0b0913
- titleBar.activeForeground#ece8ff
- titleBar.border#0e0c17
- titleBar.inactiveBackground#0b0913
- titleBar.inactiveForeground#4a4270
- widget.shadow#00000060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #3a3558 | italic |
| string, string.quoted, string.template | #fbbf24 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #b88a16 | — |
| string.regexp | #67e8f9 | — |
| constant.numeric | #f87171 | — |
| storage.type | #c084fc | — |
| storage.modifier | #c084fc | — |
| keyword, keyword.control | #f472b6 | — |
| keyword.operator | #67e8f9 | — |
| entity.name.function, support.function, support.function.builtin.shell, entity.name.function.shell | #60d9fa | — |
| meta.function-call.generic | #60d9fa | — |
| entity.name.type, entity.name.class, support.type, support.class | #34d399 | — |
| entity.name.type.interface | #34d399 | italic |
| constant.language | #fb923c | — |
| constant.other, variable.other.constant | #fb923c | — |
| variable.other.enummember | #fb923c | — |
| variable, variable.other, variable.other.readwrite, variable.other.readwrite.shell | #ece8ff | — |
| variable.other.normal.shell, variable.other.special.shell, punctuation.definition.variable.shell | #fbbf24 | — |
| variable.other.property, variable.other.object.property, meta.object-literal.key, support.type.property-name | #94a3b8 | — |
| variable.parameter | #94a3b8 | italic |
| variable.language.this, variable.language.self, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #fb923c | italic |
| punctuation | #2a2650 | — |
| punctuation.definition.block, punctuation.section.block, meta.brace | #3a3568 | — |
| punctuation.definition.tag | #4a4270 | — |
| entity.name.tag | #f472b6 | — |
| entity.other.attribute-name | #94a3b8 | — |
| entity.other.attribute-name.id | #60d9fa | — |
| entity.other.attribute-name.class | #34d399 | — |
| entity.name.tag.css | #f472b6 | — |
| entity.other.attribute-name.class.css | #34d399 | — |
| entity.other.attribute-name.id.css | #60d9fa | — |
| support.type.property-name.css | #94a3b8 | — |
| support.constant.property-value.css, support.constant.color.w3c-standard-color-name.css, keyword.other.unit.css | #fbbf24 | — |
| constant.numeric.css | #f87171 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #67e8f9 | — |
| support.type.property-name.json | #60d9fa | — |
| entity.name.tag.yaml | #60d9fa | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #67e8f9 | — |
| entity.name.namespace, entity.name.module | #94a3b8 | — |
| meta.decorator punctuation.decorator, entity.name.function.decorator, punctuation.definition.decorator | #fb923c | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #67e8f9 | — |
| markup.heading.1, punctuation.definition.heading.markdown | #c084fc | bold |
| markup.heading.2, markup.heading.3, markup.heading.4, markup.heading.5, markup.heading.6 | #a78bfa | bold |
| markup.bold | #ece8ff | bold |
| markup.italic | #94a3b8 | italic |
| markup.inline.raw, markup.raw.block | #fbbf24 | — |
| markup.underline.link | #a78bfa | underline |
| string.other.link.title.markdown | #60d9fa | — |
| markup.quote | #3a3558 | italic |
| invalid | #f87171 | underline |
| invalid.deprecated | #fbbf24 | underline |