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#EFE8F640
• activityBar.activeBorder#BE9FE1
• activityBar.background#F5F3F9
• activityBar.badge.background#BE9FE1
• activityBar.badge.foreground#FFFFFF
• activityBar.foreground#332F3C
• activityBar.inactiveForeground#A699B2
• badge.background#BE9FE1
• badge.foreground#FFFFFF
• button.background#BE9FE1
• button.foreground#FFFFFF
• button.hoverBackground#DCD0EE
• button.secondaryBackground#EFE8F6
• button.secondaryForeground#332F3C
• button.secondaryHoverBackground#DCD0EE
• contrastActiveBorder#00000000
• contrastBorder#00000000
• diffEditor.insertedLineBackground#7BA88F22
• diffEditor.insertedTextBackground#7BA88F40
• diffEditor.removedLineBackground#D6708B22
• diffEditor.removedTextBackground#D6708B40
• dropdown.background#FDFDFF
• dropdown.border#EFE8F6
• dropdown.foreground#332F3C
• editor.background#F7F6FA
• editor.foreground#332F3C
• editor.inactiveSelectionBackground#EFE8F655
• editor.lineHighlightBackground#EFE8F640
• editor.lineHighlightBorder#00000000
• editor.selectionBackground#EFE8F680
• editor.widget.background#FDFDFF
• editor.widget.border#E1CCEC
• editorBracketMatch.background#EFE8F680
• editorBracketMatch.border#BE9FE1
• editorCursor.foreground#BE9FE1
• editorError.foreground#D6708B
• editorGroup.border#EFE8F6
• editorGroup.dropBackground#EFE8F655
• editorGroupHeader.tabsBackground#F5F3F9
• editorGroupHeader.tabsBorder#EFE8F6
• editorGutter.addedBackground#7BA88F
• editorGutter.background#F7F6FA
• editorGutter.deletedBackground#D6708B
• editorGutter.modifiedBackground#E0A458
• editorHint.foreground#A699B2
• editorHoverWidget.background#FDFDFF
• editorHoverWidget.border#E1CCEC
• editorIndentGuide.activeBackground1#BE9FE1
• editorIndentGuide.background1#EFE8F6
• editorInfo.foreground#7AA0C4
• editorLineNumber.activeForeground#BE9FE1
• editorLineNumber.foreground#A699B2
• editorLink.activeForeground#BE9FE1
• editorOverviewRuler.border#EFE8F6
• editorRuler.foreground#EFE8F6
• editorSuggestWidget.background#FDFDFF
• editorSuggestWidget.border#E1CCEC
• editorSuggestWidget.selectedBackground#EFE8F680
• editorWarning.foreground#E0A458
• editorWhitespace.foreground#DCD0EE
• editorWidget.resizeBorder#BE9FE1
• focusBorder#BE9FE1
• foreground#332F3C
• input.background#FDFDFF
• input.border#EFE8F6
• input.foreground#332F3C
• input.placeholderForeground#A699B2
• inputOption.activeBorder#BE9FE1
• inputValidation.errorBackground#F3C6D4
• inputValidation.errorBorder#D6708B
• inputValidation.infoBackground#EFE8F6
• inputValidation.infoBorder#BE9FE1
• inputValidation.warningBackground#F5D9A8
• inputValidation.warningBorder#E0A458
• list.activeSelectionBackground#EFE8F680
• list.activeSelectionForeground#332F3C
• list.dropBackground#EFE8F655
• list.errorForeground#D6708B
• list.focusBackground#EFE8F655
• list.highlightForeground#BE9FE1
• list.hoverBackground#DCD0EE
• list.inactiveSelectionBackground#EFE8F655
• merge.border#BE9FE1
• merge.currentHeaderBackground#EFE8F680
• merge.incomingHeaderBackground#DCD0EE80
• minimap.findMatchHighlight#BE9FE180
• minimap.selectionHighlight#EFE8F680
• panel.background#F5F3F9
• panel.border#EFE8F6
• panelTitle.activeForeground#332F3C
• panelTitle.inactiveForeground#A699B2
• peekView.border#BE9FE1
• peekViewEditor.background#FDFDFF
• peekViewEditor.matchHighlightBackground#EFE8F680
• peekViewResult.background#F5F3F9
• peekViewResult.matchHighlightBackground#EFE8F680
• peekViewResult.selectionBackground#EFE8F680
• progressBar.background#BE9FE1
• scrollbarSlider.activeBackground#A67DD8A0
• scrollbarSlider.background#DCD0EE80
• scrollbarSlider.hoverBackground#BE9FE1A0
• selection.background#EFE8F680
• sideBar.background#FAF9FD
• sideBar.border#EFE8F6
• sideBar.foreground#332F3C
• sideBarSectionHeader.background#EFE8F640
• sideBarSectionHeader.foreground#332F3C
• sideBarTitle.foreground#A699B2
• statusBar.background#BE9FE1
• statusBar.border#00000000
• statusBar.debuggingBackground#A67DD8
• statusBar.foreground#FFFFFF
• statusBar.noFolderBackground#DCD0EE
• statusBarItem.hoverBackground#FFFFFF22
• statusBarItem.remoteBackground#A67DD8
• statusBarItem.remoteForeground#FFFFFF
• tab.activeBackground#F7F6FA
• tab.activeBorder#BE9FE1
• tab.activeForeground#332F3C
• tab.border#EFE8F6
• tab.inactiveBackground#F3F1F7
• tab.inactiveForeground#A699B2
• tab.lastPinnedBorder#BE9FE1
• tab.unfocusedActiveBorder#DCD0EE
• terminal.ansiBlack#332F3C
• terminal.ansiBlue#7AA0C4
• terminal.ansiBrightBlack#A699B2
• terminal.ansiBrightBlue#9CBBD8
• terminal.ansiBrightCyan#A6D9D9
• terminal.ansiBrightGreen#9BC7AD
• terminal.ansiBrightMagenta#D2BDEF
• terminal.ansiBrightRed#E58BA0
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#EBBF7C
• terminal.ansiCyan#7FC4C4
• terminal.ansiGreen#7BA88F
• terminal.ansiMagenta#BE9FE1
• terminal.ansiRed#D6708B
• terminal.ansiWhite#F7F6FA
• terminal.ansiYellow#E0A458
• terminal.background#F7F6FA
• terminal.foreground#332F3C
• terminalCursor.foreground#BE9FE1
• titleBar.activeBackground#FAF9FD
• titleBar.activeForeground#332F3C
• titleBar.border#EFE8F6
• titleBar.inactiveBackground#F5F3F9
• titleBar.inactiveForeground#A699B2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).