Lilac Dream Theme

Color themes

• 

  Lilac Bloom

• 

  Lilac Dawn

• 

  Lilac Dream

• 

  Lilac Dusk

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#B89CDC40
• activityBar.activeBorder#7A4AB8
• activityBar.background#C9BEE0
• activityBar.badge.background#7A4AB8
• activityBar.badge.foreground#FFFFFF
• activityBar.foreground#231F2D
• activityBar.inactiveForeground#7A6A8E
• badge.background#7A4AB8
• badge.foreground#FFFFFF
• button.background#7A4AB8
• button.foreground#FFFFFF
• button.hoverBackground#9A72D0
• button.secondaryBackground#B89CDC
• button.secondaryForeground#231F2D
• button.secondaryHoverBackground#9A72D0
• contrastActiveBorder#00000000
• contrastBorder#00000000
• diffEditor.insertedLineBackground#7BA88F22
• diffEditor.insertedTextBackground#7BA88F40
• diffEditor.removedLineBackground#D6708B22
• diffEditor.removedTextBackground#D6708B40
• dropdown.background#F0ECF8
• dropdown.border#B89CDC
• dropdown.foreground#231F2D
• editor.background#E4DFEE
• editor.foreground#231F2D
• editor.inactiveSelectionBackground#B89CDC55
• editor.lineHighlightBackground#B89CDC40
• editor.lineHighlightBorder#00000000
• editor.selectionBackground#B89CDC80
• editor.widget.background#F0ECF8
• editor.widget.border#B89CDC
• editorBracketMatch.background#B89CDC80
• editorBracketMatch.border#7A4AB8
• editorCursor.foreground#6A3CA8
• editorError.foreground#D6708B
• editorGroup.border#B89CDC
• editorGroup.dropBackground#B89CDC55
• editorGroupHeader.tabsBackground#C9BEE0
• editorGroupHeader.tabsBorder#B89CDC
• editorGutter.addedBackground#7BA88F
• editorGutter.background#E4DFEE
• editorGutter.deletedBackground#D6708B
• editorGutter.modifiedBackground#E0A458
• editorHint.foreground#7A6A8E
• editorHoverWidget.background#F0ECF8
• editorHoverWidget.border#B89CDC
• editorIndentGuide.activeBackground1#7A4AB8
• editorIndentGuide.background1#B89CDC
• editorInfo.foreground#7AA0C4
• editorLineNumber.activeForeground#6A3CA8
• editorLineNumber.foreground#7A6A8E
• editorLink.activeForeground#6A3CA8
• editorOverviewRuler.border#B89CDC
• editorRuler.foreground#B89CDC
• editorSuggestWidget.background#F0ECF8
• editorSuggestWidget.border#B89CDC
• editorSuggestWidget.selectedBackground#B89CDC80
• editorWarning.foreground#E0A458
• editorWhitespace.foreground#9A72D0
• editorWidget.resizeBorder#7A4AB8
• focusBorder#7A4AB8
• foreground#231F2D
• input.background#F0ECF8
• input.border#B89CDC
• input.foreground#231F2D
• input.placeholderForeground#7A6A8E
• inputOption.activeBorder#7A4AB8
• inputValidation.errorBackground#F3C6D4
• inputValidation.errorBorder#D6708B
• inputValidation.infoBackground#B89CDC
• inputValidation.infoBorder#7A4AB8
• inputValidation.warningBackground#F5D9A8
• inputValidation.warningBorder#E0A458
• list.activeSelectionBackground#B89CDC80
• list.activeSelectionForeground#231F2D
• list.dropBackground#B89CDC55
• list.errorForeground#D6708B
• list.focusBackground#B89CDC55
• list.highlightForeground#6A3CA8
• list.hoverBackground#9A72D0
• list.inactiveSelectionBackground#B89CDC55
• merge.border#7A4AB8
• merge.currentHeaderBackground#B89CDC80
• merge.incomingHeaderBackground#9A72D080
• minimap.findMatchHighlight#7A4AB880
• minimap.selectionHighlight#B89CDC80
• panel.background#C9BEE0
• panel.border#B89CDC
• panelTitle.activeForeground#231F2D
• panelTitle.inactiveForeground#7A6A8E
• peekView.border#7A4AB8
• peekViewEditor.background#F0ECF8
• peekViewEditor.matchHighlightBackground#B89CDC80
• peekViewResult.background#C9BEE0
• peekViewResult.matchHighlightBackground#B89CDC80
• peekViewResult.selectionBackground#B89CDC80
• progressBar.background#7A4AB8
• scrollbarSlider.activeBackground#6A3CA8A0
• scrollbarSlider.background#9A72D080
• scrollbarSlider.hoverBackground#7A4AB8A0
• selection.background#B89CDC80
• sideBar.background#E0D9EC
• sideBar.border#B89CDC
• sideBar.foreground#231F2D
• sideBarSectionHeader.background#B89CDC40
• sideBarSectionHeader.foreground#231F2D
• sideBarTitle.foreground#7A6A8E
• statusBar.background#7A4AB8
• statusBar.border#00000000
• statusBar.debuggingBackground#6A3CA8
• statusBar.foreground#FFFFFF
• statusBar.noFolderBackground#9A72D0
• statusBarItem.hoverBackground#FFFFFF22
• statusBarItem.remoteBackground#6A3CA8
• statusBarItem.remoteForeground#FFFFFF
• tab.activeBackground#E4DFEE
• tab.activeBorder#7A4AB8
• tab.activeForeground#231F2D
• tab.border#B89CDC
• tab.inactiveBackground#CEC4DE
• tab.inactiveForeground#7A6A8E
• tab.lastPinnedBorder#7A4AB8
• tab.unfocusedActiveBorder#9A72D0
• terminal.ansiBlack#231F2D
• terminal.ansiBlue#7AA0C4
• terminal.ansiBrightBlack#7A6A8E
• terminal.ansiBrightBlue#9CBBD8
• terminal.ansiBrightCyan#A6D9D9
• terminal.ansiBrightGreen#9BC7AD
• terminal.ansiBrightMagenta#A67DD8
• terminal.ansiBrightRed#E58BA0
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#EBBF7C
• terminal.ansiCyan#7FC4C4
• terminal.ansiGreen#7BA88F
• terminal.ansiMagenta#7A4AB8
• terminal.ansiRed#D6708B
• terminal.ansiWhite#E4DFEE
• terminal.ansiYellow#E0A458
• terminal.background#E4DFEE
• terminal.foreground#231F2D
• terminalCursor.foreground#6A3CA8
• titleBar.activeBackground#E0D9EC
• titleBar.activeForeground#231F2D
• titleBar.border#B89CDC
• titleBar.inactiveBackground#C9BEE0
• titleBar.inactiveForeground#7A6A8E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).