ghostlouise

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#705a96
• activityBar.foreground#a679ab
• activityBar.inactiveForeground#7e6f9e
• activityBarBadge.background#705a96
• activityBarBadge.foreground#b6b3cf
• badge.background#705a96
• banner.background#705a96
• banner.foreground#a679ab
• button.background#705a96
• charts.blue#6894c5
• charts.green#639283
• charts.lines#cea2d780
• charts.orange#c48d55
• charts.purple#b180d7
• charts.red#a86458
• charts.yellow#d6ae6e
• checkbox.background#705a96
• commandCenter.activeForeground#956fd1
• commandCenter.background#705a96
• commandCenter.foreground#a679ab
• debugConsole.errorForeground#c9596b
• debugExceptionWidget.background#9d84c87a
• debugExceptionWidget.border#705a96a8
• debugToolBar.background#705a96
• descriptionForeground#a679ab
• disabledForeground#7e6f9e
• dropdown.background#705a96
• dropdown.border#705a96
• dropdown.foreground#a679ab
• editor.background#705a96
• editor.findMatchBackground#5c477fb7
• editor.findMatchHighlightBackground#5c477fb7
• editor.findMatchHighlightBorder#5c477fb7
• editor.foreground#a679ab
• editor.lineHighlightBackground#9570cf2b
• editor.selectionBackground#8666b99d
• editorBracketHighlight.foreground1#7f7cd4
• editorBracketHighlight.foreground2#956fd1
• editorBracketHighlight.foreground3#c06cbc
• editorBracketHighlight.foreground4#7666c1
• editorBracketHighlight.unexpectedBracket.foreground#9d5399
• editorCursor.foreground#ae8ab2
• editorError.foreground#c9596b
• editorGroup.border#705a96
• editorGroupHeader.noTabsBackground#7a6799
• editorGroupHeader.tabsBackground#705a96
• editorHoverWidget.background#705a96
• editorHoverWidget.border#705a96
• editorLineNumber.activeForeground#956fd1
• editorLineNumber.foreground#ae8ab2
• editorLink.activeForeground#956fd1
• editorPane.background#705a96
• editorRuler.foreground#ae8ab2
• editorSuggestWidget.background#705a96
• editorSuggestWidget.border#705a96
• editorSuggestWidget.selectedBackground#705a96
• editorWarning.foreground#c9596b
• editorWhitespace.foreground#a984ac
• editorWidget.background#705a96
• errorForeground#c9596b
• extensionButton.background#705a96
• extensionIcon.verifiedForeground#4b6b61
• focusBorder#5c477fb7
• foreground#a679ab
• icon.foreground#a679ab
• input.background#705a96
• input.border#524D66
• input.foreground#b6b3cf
• inputOption.activeForeground#956fd1
• list.activeSelectionBackground#5c477fb7
• list.activeSelectionForeground#b6b3cf
• list.dropBackground#705a9676
• list.focusBackground#5c477fb7
• list.hoverBackground#7D7796
• list.hoverForeground#b6b3cf
• list.inactiveFocusBackground#7D7796
• list.inactiveSelectionBackground#716799
• list.inactiveSelectionForeground#b6b3cf
• menu.background#705a96
• menu.foreground#a679ab
• menu.selectionBackground#5c477fb7
• menu.selectionForeground#956fd1
• menubar.selectionBackground#5c477fb7
• menubar.selectionForeground#956fd1
• minimap.background#705a96
• minimapSlider.background#705a96
• notebook.editorBackground#705a96
• notebookStatusSuccessIcon.foreground#4b6b61
• notifications.background#705a96
• notifications.foreground#a679ab
• panel.background#705a96
• panelTitle.activeForeground#956fd1
• panelTitle.inactiveForeground#7e6f9e
• peekView.border#705a96a0
• peekViewEditor.background#604d80ce
• peekViewEditor.matchHighlightBackground#705a96b7
• peekViewResult.background#705a96
• peekViewResult.matchHighlightBackground#705a96a8
• peekViewResult.selectionBackground#705a96a5
• peekViewTitle.background#705a96
• peekViewTitleDescription.foreground#bcb3e7
• pickerGroup.border#4F4355
• pickerGroup.foreground#a679ab
• progressBar.background#4e3c71
• quickInput.background#705a96
• scrollbar.shadow#514C66
• scrollbarSlider.activeBackground#7d6799
• scrollbarSlider.background#46425877
• scrollbarSlider.hoverBackground#464258aa
• settings.headerForeground#a679ab
• sideBar.background#705a96
• sideBar.dropBackground#705a96
• sideBar.foreground#a679ab
• sideBarSectionHeader.foreground#a679ab
• sideBarTitle.foreground#a679ab
• statusBar.background#705a96
• statusBar.debuggingBackground#4e3c71
• statusBar.debuggingForeground#b6bae6
• statusBar.foreground#a679ab
• statusBar.noFolderBackground#8a75af
• statusBar.noFolderForeground#9d95be
• tab.activeForeground#956fd1
• tab.border#705a96
• tab.inactiveBackground#705a96
• tab.inactiveForeground#a478aa
• terminal.ansiBlack#000000
• terminal.ansiBlue#76809c
• terminal.ansiBrightBlack#4a4f4d
• terminal.ansiBrightBlue#799dc7
• terminal.ansiBrightCyan#95b5bc
• terminal.ansiBrightGreen#839990
• terminal.ansiBrightMagenta#bf99bf
• terminal.ansiBrightRed#d29696
• terminal.ansiBrightWhite#e5e5e5
• terminal.ansiBrightYellow#a8a1cd
• terminal.ansiCyan#77a3ae
• terminal.ansiGreen#7eafb3a1
• terminal.ansiMagenta#9d729d
• terminal.ansiRed#ff857f
• terminal.ansiWhite#e5e5e5
• terminal.ansiYellow#adc6be
• terminal.background#705a96
• terminal.foreground#a679ab
• terminal.selectionBackground#5c477fb7
• textLink.activeForeground#956fd1
• textLink.foreground#a679ab
• titleBar.activeBackground#5c477f
• titleBar.activeForeground#956fd1
• titleBar.inactiveBackground#8878a5
• titleBar.inactiveForeground#ccc1ea
• welcomePage.background#705a96
• welcomePage.progress.background#705a96
• welcomePage.tileBackground#705a96

tokenColors

TextMate scopes and font styles (syntax highlighting rules).