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#E1CCEC40
• activityBar.activeBorder#BE9FE1
• activityBar.background#EDE8F4
• activityBar.badge.background#BE9FE1
• activityBar.badge.foreground#FFFFFF
• activityBar.foreground#2E2A36
• activityBar.inactiveForeground#9B8CA7
• badge.background#BE9FE1
• badge.foreground#FFFFFF
• button.background#BE9FE1
• button.foreground#FFFFFF
• button.hoverBackground#C9B6E4
• button.secondaryBackground#E1CCEC
• button.secondaryForeground#2E2A36
• button.secondaryHoverBackground#C9B6E4
• contrastActiveBorder#00000000
• contrastBorder#00000000
• diffEditor.insertedLineBackground#7BA88F22
• diffEditor.insertedTextBackground#7BA88F40
• diffEditor.removedLineBackground#D6708B22
• diffEditor.removedTextBackground#D6708B40
• dropdown.background#FCFBFD
• dropdown.border#E1CCEC
• dropdown.foreground#2E2A36
• editor.background#F3F1F8
• editor.foreground#2E2A36
• editor.inactiveSelectionBackground#E1CCEC55
• editor.lineHighlightBackground#E1CCEC40
• editor.lineHighlightBorder#00000000
• editor.selectionBackground#E1CCEC80
• editor.widget.background#FCFBFD
• editor.widget.border#E1CCEC
• editorBracketMatch.background#E1CCEC80
• editorBracketMatch.border#BE9FE1
• editorCursor.foreground#A67DD8
• editorError.foreground#D6708B
• editorGroup.border#E1CCEC
• editorGroup.dropBackground#E1CCEC55
• editorGroupHeader.tabsBackground#EDE8F4
• editorGroupHeader.tabsBorder#E1CCEC
• editorGutter.addedBackground#7BA88F
• editorGutter.background#F3F1F8
• editorGutter.deletedBackground#D6708B
• editorGutter.modifiedBackground#E0A458
• editorHint.foreground#9B8CA7
• editorHoverWidget.background#FCFBFD
• editorHoverWidget.border#E1CCEC
• editorIndentGuide.activeBackground1#BE9FE1
• editorIndentGuide.background1#E1CCEC
• editorInfo.foreground#7AA0C4
• editorLineNumber.activeForeground#A67DD8
• editorLineNumber.foreground#9B8CA7
• editorLink.activeForeground#A67DD8
• editorOverviewRuler.border#E1CCEC
• editorRuler.foreground#E1CCEC
• editorSuggestWidget.background#FCFBFD
• editorSuggestWidget.border#E1CCEC
• editorSuggestWidget.selectedBackground#E1CCEC80
• editorWarning.foreground#E0A458
• editorWhitespace.foreground#C9B6E4
• editorWidget.resizeBorder#BE9FE1
• focusBorder#BE9FE1
• foreground#2E2A36
• input.background#FCFBFD
• input.border#E1CCEC
• input.foreground#2E2A36
• input.placeholderForeground#9B8CA7
• inputOption.activeBorder#BE9FE1
• inputValidation.errorBackground#F3C6D4
• inputValidation.errorBorder#D6708B
• inputValidation.infoBackground#E1CCEC
• inputValidation.infoBorder#BE9FE1
• inputValidation.warningBackground#F5D9A8
• inputValidation.warningBorder#E0A458
• list.activeSelectionBackground#E1CCEC80
• list.activeSelectionForeground#2E2A36
• list.dropBackground#E1CCEC55
• list.errorForeground#D6708B
• list.focusBackground#E1CCEC55
• list.highlightForeground#A67DD8
• list.hoverBackground#C9B6E4
• list.inactiveSelectionBackground#E1CCEC55
• merge.border#BE9FE1
• merge.currentHeaderBackground#E1CCEC80
• merge.incomingHeaderBackground#C9B6E480
• minimap.findMatchHighlight#BE9FE180
• minimap.selectionHighlight#E1CCEC80
• panel.background#EDE8F4
• panel.border#E1CCEC
• panelTitle.activeForeground#2E2A36
• panelTitle.inactiveForeground#9B8CA7
• peekView.border#BE9FE1
• peekViewEditor.background#FCFBFD
• peekViewEditor.matchHighlightBackground#E1CCEC80
• peekViewResult.background#EDE8F4
• peekViewResult.matchHighlightBackground#E1CCEC80
• peekViewResult.selectionBackground#E1CCEC80
• progressBar.background#BE9FE1
• scrollbarSlider.activeBackground#A67DD8A0
• scrollbarSlider.background#C9B6E480
• scrollbarSlider.hoverBackground#BE9FE1A0
• selection.background#E1CCEC80
• sideBar.background#F4F1F9
• sideBar.border#E1CCEC
• sideBar.foreground#2E2A36
• sideBarSectionHeader.background#E1CCEC40
• sideBarSectionHeader.foreground#2E2A36
• sideBarTitle.foreground#9B8CA7
• statusBar.background#BE9FE1
• statusBar.border#00000000
• statusBar.debuggingBackground#A67DD8
• statusBar.foreground#FFFFFF
• statusBar.noFolderBackground#C9B6E4
• statusBarItem.hoverBackground#FFFFFF22
• statusBarItem.remoteBackground#A67DD8
• statusBarItem.remoteForeground#FFFFFF
• tab.activeBackground#F3F1F8
• tab.activeBorder#BE9FE1
• tab.activeForeground#2E2A36
• tab.border#E1CCEC
• tab.inactiveBackground#E8E2F0
• tab.inactiveForeground#9B8CA7
• tab.lastPinnedBorder#BE9FE1
• tab.unfocusedActiveBorder#C9B6E4
• terminal.ansiBlack#2E2A36
• terminal.ansiBlue#7AA0C4
• terminal.ansiBrightBlack#9B8CA7
• 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#F3F1F8
• terminal.ansiYellow#E0A458
• terminal.background#F3F1F8
• terminal.foreground#2E2A36
• terminalCursor.foreground#A67DD8
• titleBar.activeBackground#F4F1F9
• titleBar.activeForeground#2E2A36
• titleBar.border#E1CCEC
• titleBar.inactiveBackground#EDE8F4
• titleBar.inactiveForeground#9B8CA7

tokenColors

TextMate scopes and font styles (syntax highlighting rules).