Nocturne op.9 No.2
Publisher: nunopereiraasThemes in package: 1
A pastel 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#8DCCFF
- activityBar.background#22272c
- activityBar.border#1b1f24
- activityBar.dropBackground#181A1F
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#597387
- activityBarBadge.background#FF8788
- activityBarBadge.foreground#ffffff
- button.background#FF8788
- contrastBorder#1b1f24
- debugToolBar.background#181A1F
- dropdown.background#181A1F
- dropdown.border#1b1f24
- editor.background#22272c
- editor.findMatchBackground#00000000
- editor.findMatchBorder#8DCCFF
- editor.findMatchHighlightBackground#00000000
- editor.findMatchHighlightBorder#EFF
- editor.foreground#A9B2C3
- editor.lineHighlightBackground#A9B2C31A
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBorder#EFF
- editor.selectionBackground#A9B2C333
- editor.selectionHighlightBackground#A9B2C31A
- editor.wordHighlightBackground#00000000
- editor.wordHighlightStrongBackground#00000000
- editor.wordHighlightStrongBorder#8DCCFF
- editorBracketMatch.background#00000000
- editorCursor.foreground#A9B2C3
- editorError.foreground#FF8788
- editorGroup.border#1b1f24
- editorGroupHeader.tabsBackground#181A1F
- editorHoverWidget.background#181A1F
- editorHoverWidget.border#8DCCFF
- editorIndentGuide.activeBackground#A9B2C333
- editorIndentGuide.background#A9B2C31A
- editorInfo.foreground#8DCCFF
- editorLightBulb.foreground#F7BD7F
- editorLightBulbAutoFix.foreground#8DCCFF
- editorLineNumber.activeForeground#EFF
- editorLineNumber.foreground#597387
- editorOverviewRuler.border#1b1f24
- editorOverviewRuler.errorForeground#FF8788
- editorOverviewRuler.infoForeground#8DCCFF
- editorOverviewRuler.warningForeground#F7BD7F
- editorRuler.foreground#A9B2C31A
- editorSuggestWidget.background#181A1F
- editorSuggestWidget.border#8DCCFF
- editorSuggestWidget.selectedBackground#A9B2C31A
- editorWarning.foreground#F7BD7F
- editorWhitespace.foreground#A9B2C31A
- editorWidget.background#181A1F
- errorForeground#FF8788
- focusBorder#597387
- gitDecoration.deletedResourceForeground#FF8788
- gitDecoration.modifiedResourceForeground#F7BD7F
- gitDecoration.untrackedResourceForeground#B7F5BF
- input.background#1b1f24
- inputOption.activeBorder#8DCCFF
- inputValidation.errorBackground#FF8788
- inputValidation.errorBorder#FF8788
- inputValidation.infoBackground#8DCCFF
- inputValidation.infoBorder#8DCCFF
- inputValidation.infoForeground#1b1f24
- inputValidation.warningBackground#F7BD7F
- inputValidation.warningBorder#F7BD7F
- inputValidation.warningForeground#1b1f24
- list.activeSelectionBackground#A9B2C333
- list.errorForeground#FF8788
- list.focusBackground#A9B2C333
- list.hoverBackground#A9B2C31A
- list.inactiveSelectionBackground#A9B2C333
- list.inactiveSelectionForeground#EFF
- list.warningForeground#F7BD7F
- notificationCenter.border#1b1f24
- notificationCenterHeader.background#181A1F
- notifications.background#181A1F
- notifications.border#1b1f24
- notificationToast.border#1b1f24
- panel.background#181A1F
- panel.border#1b1f24
- peekView.border#8DCCFF
- peekViewEditor.background#181A1F
- peekViewEditor.matchHighlightBackground#A9B2C333
- peekViewResult.background#181A1F
- peekViewResult.matchHighlightBackground#A9B2C333
- peekViewResult.selectionBackground#A9B2C31A
- peekViewResult.selectionForeground#EFF
- peekViewTitle.background#181A1F
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#A9B2C333
- scrollbarSlider.background#A9B2C31A
- scrollbarSlider.hoverBackground#A9B2C333
- sideBar.background#181A1F
- sideBar.border#1b1f24
- sideBarSectionHeader.background#22272c
- statusBar.background#22272c
- statusBar.border#1b1f24
- statusBar.debuggingBackground#181A1F
- statusBar.foreground#A9B2C3
- statusBar.noFolderBackground#181A1F
- statusBarItem.hoverBackground#181A1F
- tab.activeBackground#22272c
- tab.activeBorderTop#8DCCFF
- tab.activeForeground#EFF
- tab.border#1b1f24
- tab.hoverBackground#A9B2C31A
- tab.inactiveBackground#181A1F
- tab.inactiveForeground#597387
- terminal.ansiBlack#22272c
- terminal.ansiBlue#8DCCFF
- terminal.ansiBrightBlack#597387
- terminal.ansiBrightBlue#8DCCFF
- terminal.ansiBrightCyan#08E8DE
- terminal.ansiBrightGreen#69c52e
- terminal.ansiBrightMagenta#8B00FF
- terminal.ansiBrightRed#FF8788
- terminal.ansiBrightWhite#EFF
- terminal.ansiBrightYellow#F7BD7F
- terminal.ansiCyan#56B6C2
- terminal.ansiGreen#B7F5BF
- terminal.ansiMagenta#CBC8FF
- terminal.ansiRed#FF8788
- terminal.ansiWhite#dee
- terminal.ansiYellow#F7BD7F
- terminal.foreground#A9B2C3
- titleBar.activeBackground#22272c
- titleBar.activeForeground#EFF
- titleBar.border#1b1f24
- titleBar.inactiveBackground#22272c
- titleBar.inactiveForeground#597387
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation, meta.brace | #597387 | — |
| entity, entity.name.function, meta.method, punctuation.definition.entity, support.function | #e9bb8b | — |
| keyword, punctuation.definition.keyword | #CBC8FF | — |
| storage, support.class, support.constant | #CBC8FF | italic |
| constant, keyword.operator.comparison, keyword.operator.logical, keyword.operator.relational, keyword.other, support.type | #FF8788 | — |
| string, markup.inline | #B7F5BF | — |
| constant.numeric, entity.name, keyword.other.unit, variable.language | #8DCCFF | — |
| support.type.property-name, support.variable, variable, source.js | #cdd | — |
| #597387 | — | |
| variable.other.property, variable.scss | #B0D0DD | — |
| markup.bold, punctuation.definition.bold, entity.other.attribute-name.id | — | bold |
| comment, markup.italic, punctuation.definition.italic | — | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...