Vanessë
Publisher: David KoenThemes in package: 1
A bold dark theme of gold, violet and cyan on a deep night sky, with matching cloud badge file icons.
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.activeBackground#FF5CCB24
- activityBar.activeBorder#FF5CCB
- activityBar.background#06050F
- activityBar.border#2A2F5C
- activityBar.foreground#FFE93D
- activityBar.inactiveForeground#8A93BF
- activityBarBadge.background#FF5CCB
- activityBarBadge.foreground#06050F
- badge.background#FF5CCB
- badge.foreground#06050F
- breadcrumb.activeSelectionForeground#FFE93D
- breadcrumb.focusForeground#DCE3F2
- breadcrumb.foreground#8A93BF
- button.background#FFCB5C
- button.foreground#06050F
- button.hoverBackground#FFE93D
- button.secondaryBackground#1C1045
- button.secondaryForeground#FFCB5C
- descriptionForeground#8A93BF
- diffEditor.insertedTextBackground#B794FF29
- diffEditor.removedTextBackground#FF5CCB29
- dropdown.background#171A38
- dropdown.border#5F6690
- editor.background#0D1026
- editor.findMatchBackground#FFE93D47
- editor.findMatchBorder#FFE93D
- editor.findMatchHighlightBackground#FFE93D24
- editor.foreground#DCE3F2
- editor.inactiveSelectionBackground#B794FF29
- editor.lineHighlightBackground#B794FF12
- editor.lineHighlightBorder#B794FF29
- editor.selectionBackground#B794FF4D
- editor.selectionHighlightBackground#B794FF29
- editor.wordHighlightBackground#DCE3F21A
- editor.wordHighlightStrongBackground#FF5CCB29
- editorBracketHighlight.foreground1#FFCB5C
- editorBracketHighlight.foreground2#FF5CCB
- editorBracketHighlight.foreground3#2EF0F0
- editorBracketHighlight.foreground4#FFCB5C
- editorBracketHighlight.foreground5#FF5CCB
- editorBracketHighlight.foreground6#2EF0F0
- editorBracketHighlight.unexpectedBracket.foreground#FF4F64
- editorBracketMatch.background#FF5CCB24
- editorBracketMatch.border#FFE93D
- editorCursor.foreground#FFE93D
- editorError.foreground#FF4F64
- editorGroup.border#2A2F5C
- editorGroupHeader.tabsBackground#06050F
- editorGroupHeader.tabsBorder#2A2F5C
- editorGutter.addedBackground#A5E86B
- editorGutter.deletedBackground#FF4F64
- editorGutter.modifiedBackground#FFAE3D
- editorHint.foreground#FFA8DC
- editorHoverWidget.background#171A38
- editorHoverWidget.border#FF5CCB73
- editorIndentGuide.activeBackground1#B794FF99
- editorIndentGuide.background1#2A2F5C
- editorInfo.foreground#2EF0F0
- editorLineNumber.activeForeground#FFE93D
- editorLineNumber.foreground#5F6690
- editorOverviewRuler.border#2A2F5C
- editorOverviewRuler.errorForeground#FF4F64
- editorOverviewRuler.findMatchForeground#FFE93D
- editorOverviewRuler.infoForeground#2EF0F0
- editorOverviewRuler.warningForeground#FFAE3D
- editorRuler.foreground#2A2F5C
- editorSuggestWidget.background#171A38
- editorSuggestWidget.border#FF5CCB73
- editorSuggestWidget.highlightForeground#FFE93D
- editorSuggestWidget.selectedBackground#B794FF4D
- editorWarning.foreground#FFAE3D
- editorWhitespace.foreground#2A2F5C
- editorWidget.background#171A38
- editorWidget.border#FF5CCB73
- errorForeground#FF4F64
- focusBorder#2EF0F0
- foreground#DCE3F2
- gitDecoration.addedResourceForeground#A5E86B
- gitDecoration.conflictingResourceForeground#FF5CCB
- gitDecoration.deletedResourceForeground#FF4F64
- gitDecoration.ignoredResourceForeground#5F6690
- gitDecoration.modifiedResourceForeground#FFAE3D
- gitDecoration.untrackedResourceForeground#A5E86B
- icon.foreground#A3ACC7
- input.background#06050F
- input.border#5F6690
- input.foreground#DCE3F2
- input.placeholderForeground#8A93BF
- inputOption.activeBorder#FFE93D
- inputValidation.errorBorder#FF4F64
- inputValidation.infoBorder#2EF0F0
- inputValidation.warningBorder#FFAE3D
- list.activeSelectionBackground#B794FF4D
- list.activeSelectionForeground#FFE93D
- list.errorForeground#FF4F64
- list.focusOutline#2EF0F0
- list.highlightForeground#FFE93D
- list.hoverBackground#FF5CCB24
- list.inactiveSelectionBackground#B794FF29
- list.warningForeground#FFAE3D
- menu.background#171A38
- menu.selectionBackground#B794FF4D
- menu.selectionForeground#FFE93D
- minimap.findMatchHighlight#FFE93D
- minimap.selectionHighlight#B794FF4D
- notificationCenterHeader.background#1C1045
- notifications.background#171A38
- notifications.border#FF5CCB73
- notificationsErrorIcon.foreground#FF4F64
- notificationsInfoIcon.foreground#2EF0F0
- notificationsWarningIcon.foreground#FFAE3D
- panel.background#0A0B1C
- panel.border#FF5CCB73
- panelTitle.activeBorder#2EF0F0
- panelTitle.activeForeground#FFCB5C
- panelTitle.inactiveForeground#8A93BF
- peekView.border#FF5CCB
- peekViewEditor.background#0A0B1C
- peekViewResult.background#06050F
- peekViewTitle.background#1C1045
- peekViewTitleLabel.foreground#FFCB5C
- pickerGroup.foreground#FFCB5C
- progressBar.background#FF5CCB
- quickInputList.focusBackground#B794FF4D
- sash.hoverBorder#FF5CCB
- scrollbar.shadow#06050FB3
- scrollbarSlider.activeBackground#FF5CCB73
- scrollbarSlider.background#B794FF29
- scrollbarSlider.hoverBackground#B794FF4D
- selection.background#B794FF4D
- sideBar.background#0A0B1C
- sideBar.border#2A2F5C
- sideBar.foreground#A3ACC7
- sideBarSectionHeader.background#06050F
- sideBarSectionHeader.border#2A2F5C
- sideBarSectionHeader.foreground#FFCB5C
- sideBarTitle.foreground#FFCB5C
- statusBar.background#1C1045
- statusBar.border#FF5CCB
- statusBar.debuggingBackground#FF4F64
- statusBar.debuggingForeground#06050F
- statusBar.foreground#FFCB5C
- statusBar.noFolderBackground#1C1045
- statusBarItem.hoverBackground#FF5CCB24
- statusBarItem.remoteBackground#FF5CCB
- statusBarItem.remoteForeground#06050F
- tab.activeBackground#0D1026
- tab.activeBorderTop#FF5CCB
- tab.activeForeground#FFCB5C
- tab.activeModifiedBorder#FFE93D
- tab.border#06050F
- tab.hoverBackground#FF5CCB24
- tab.inactiveBackground#06050F
- tab.inactiveForeground#8A93BF
- tab.unfocusedActiveBorderTop#FF5CCB73
- terminal.ansiBlack#2A2F5C
- terminal.ansiBlue#5CC8FF
- terminal.ansiBrightBlack#8A93BF
- terminal.ansiBrightBlue#95DBFF
- terminal.ansiBrightCyan#77F5F5
- terminal.ansiBrightGreen#9FFFBF
- terminal.ansiBrightMagenta#FF95DD
- terminal.ansiBrightRed#FF8D9A
- terminal.ansiBrightWhite#E8EDF7
- terminal.ansiBrightYellow#FFE93D
- terminal.ansiCyan#2EF0F0
- terminal.ansiGreen#6BFF9C
- terminal.ansiMagenta#FF5CCB
- terminal.ansiRed#FF4F64
- terminal.ansiWhite#DCE3F2
- terminal.ansiYellow#FFCB5C
- terminal.background#06050F
- terminal.foreground#6BFF9C
- terminalCursor.foreground#FFE93D
- textLink.activeForeground#2EF0F0
- textLink.foreground#5CC8FF
- titleBar.activeBackground#06050F
- titleBar.activeForeground#FFCB5C
- titleBar.border#FF5CCB73
- titleBar.inactiveBackground#06050F
- titleBar.inactiveForeground#8A93BF
- tree.indentGuidesStroke#2A2F5C
- widget.border#FF5CCB73
- widget.shadow#06050FB3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8A93BF | italic |
| variable, meta.definition.variable.name | #DCE3F2 | — |
| keyword.operator, punctuation | #A3ACC7 | — |
| keyword, keyword.operator.new, keyword.operator.expression | #FFCB5C | — |
| keyword.control | #FFCB5C | bold |
| storage.type, storage.modifier | #FFCB5C | italic |
| variable.language | #FFCB5C | italic |
| string, punctuation.definition.string | #A5E86B | — |
| constant.character.escape | #FFE93D | bold |
| string.regexp | #FF9E57 | — |
| constant.numeric, keyword.other.unit | #FF5CCB | — |
| constant.language, support.constant | #FF5CCB | bold |
| entity.name.function, support.function, meta.function-call.generic | #5CC8FF | — |
| entity.name.type, entity.name.namespace, entity.other.inherited-class, support.type, support.class | #3FE6C4 | — |
| entity.name.class | #3FE6C4 | bold |
| variable.parameter | #B794FF | italic |
| variable.other.property, variable.other.object.property, support.variable.property, support.type.property-name, meta.object-literal.key | #9FC2FF | — |
| entity.name.tag | #FFCB5C | bold |
| support.class.component | #3FE6C4 | bold |
| entity.other.attribute-name | #B794FF | italic |
| punctuation.decorator, entity.name.function.decorator, meta.decorator entity.name.function | #FF9E57 | italic |
| markup.heading, entity.name.section | #FFCB5C | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.strikethrough | — | strikethrough |
| markup.inline.raw, markup.raw | #A5E86B | — |
| markup.underline.link, string.other.link | #5CC8FF | underline |
| markup.quote | #8A93BF | italic |
| markup.inserted | #A5E86B | — |
| markup.changed | #FFAE3D | — |
| markup.deleted | #FF4F64 | — |
| invalid, invalid.illegal | #FF4F64 | underline |
| invalid.deprecated | — | strikethrough |