Lilac Dream Theme

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#3A2F5740
• activityBar.activeBorder#B38FE6
• activityBar.background#161224
• activityBar.badge.background#8E5FC8
• activityBar.badge.foreground#FFFFFF
• activityBar.foreground#E6DFF2
• activityBar.inactiveForeground#9B8CB2
• badge.background#8E5FC8
• badge.foreground#FFFFFF
• button.background#8E5FC8
• button.foreground#FFFFFF
• button.hoverBackground#A67DD8
• button.secondaryBackground#3A2F57
• button.secondaryForeground#E6DFF2
• button.secondaryHoverBackground#332A4E
• contrastActiveBorder#00000000
• contrastBorder#00000000
• diffEditor.insertedLineBackground#9BC7AD22
• diffEditor.insertedTextBackground#9BC7AD40
• diffEditor.removedLineBackground#F08AA822
• diffEditor.removedTextBackground#F08AA840
• dropdown.background#2A2340
• dropdown.border#3A2F57
• dropdown.foreground#E6DFF2
• editor.background#1B162A
• editor.foreground#E6DFF2
• editor.inactiveSelectionBackground#3A2F5755
• editor.lineHighlightBackground#3A2F5740
• editor.lineHighlightBorder#00000000
• editor.selectionBackground#3A2F5780
• editor.widget.background#2A2340
• editor.widget.border#3A2F57
• editorBracketMatch.background#3A2F5780
• editorBracketMatch.border#B38FE6
• editorCursor.foreground#C49BEE
• editorError.foreground#F08AA8
• editorGroup.border#3A2F57
• editorGroup.dropBackground#3A2F5755
• editorGroupHeader.tabsBackground#161224
• editorGroupHeader.tabsBorder#3A2F57
• editorGutter.addedBackground#9BC7AD
• editorGutter.background#1B162A
• editorGutter.deletedBackground#F08AA8
• editorGutter.modifiedBackground#E8B86A
• editorHint.foreground#9B8CB2
• editorHoverWidget.background#2A2340
• editorHoverWidget.border#3A2F57
• editorIndentGuide.activeBackground1#B38FE6
• editorIndentGuide.background1#3A2F57
• editorInfo.foreground#9CC2E0
• editorLineNumber.activeForeground#C49BEE
• editorLineNumber.foreground#9B8CB2
• editorLink.activeForeground#C49BEE
• editorOverviewRuler.border#3A2F57
• editorRuler.foreground#3A2F57
• editorSuggestWidget.background#2A2340
• editorSuggestWidget.border#3A2F57
• editorSuggestWidget.selectedBackground#3A2F5780
• editorWarning.foreground#E8B86A
• editorWhitespace.foreground#332A4E
• editorWidget.resizeBorder#B38FE6
• focusBorder#B38FE6
• foreground#E6DFF2
• input.background#2A2340
• input.border#3A2F57
• input.foreground#E6DFF2
• input.placeholderForeground#9B8CB2
• inputOption.activeBorder#B38FE6
• inputValidation.errorBackground#4A2535
• inputValidation.errorBorder#F08AA8
• inputValidation.infoBackground#3A2F57
• inputValidation.infoBorder#B38FE6
• inputValidation.warningBackground#4A3A22
• inputValidation.warningBorder#E8B86A
• list.activeSelectionBackground#3A2F5780
• list.activeSelectionForeground#E6DFF2
• list.dropBackground#3A2F5755
• list.errorForeground#F08AA8
• list.focusBackground#3A2F5755
• list.highlightForeground#C49BEE
• list.hoverBackground#332A4E
• list.inactiveSelectionBackground#3A2F5755
• merge.border#B38FE6
• merge.currentHeaderBackground#3A2F5780
• merge.incomingHeaderBackground#332A4E80
• minimap.findMatchHighlight#B38FE680
• minimap.selectionHighlight#3A2F5780
• panel.background#161224
• panel.border#3A2F57
• panelTitle.activeForeground#E6DFF2
• panelTitle.inactiveForeground#9B8CB2
• peekView.border#B38FE6
• peekViewEditor.background#2A2340
• peekViewEditor.matchHighlightBackground#3A2F5780
• peekViewResult.background#161224
• peekViewResult.matchHighlightBackground#3A2F5780
• peekViewResult.selectionBackground#3A2F5780
• progressBar.background#B38FE6
• scrollbarSlider.activeBackground#B38FE6A0
• scrollbarSlider.background#332A4E80
• scrollbarSlider.hoverBackground#8E5FC8A0
• selection.background#3A2F5780
• sideBar.background#211B33
• sideBar.border#3A2F57
• sideBar.foreground#E6DFF2
• sideBarSectionHeader.background#3A2F5740
• sideBarSectionHeader.foreground#E6DFF2
• sideBarTitle.foreground#9B8CB2
• statusBar.background#8E5FC8
• statusBar.border#00000000
• statusBar.debuggingBackground#6A3CA8
• statusBar.foreground#FFFFFF
• statusBar.noFolderBackground#332A4E
• statusBarItem.hoverBackground#FFFFFF22
• statusBarItem.remoteBackground#6A3CA8
• statusBarItem.remoteForeground#FFFFFF
• tab.activeBackground#1B162A
• tab.activeBorder#B38FE6
• tab.activeForeground#E6DFF2
• tab.border#3A2F57
• tab.inactiveBackground#241E38
• tab.inactiveForeground#9B8CB2
• tab.lastPinnedBorder#B38FE6
• tab.unfocusedActiveBorder#332A4E
• terminal.ansiBlack#161224
• terminal.ansiBlue#9CC2E0
• terminal.ansiBrightBlack#9B8CB2
• terminal.ansiBrightBlue#BBD6EE
• terminal.ansiBrightCyan#BFE6E6
• terminal.ansiBrightGreen#B5DCC4
• terminal.ansiBrightMagenta#C9A6EE
• terminal.ansiBrightRed#F5A0B8
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#F2CF90
• terminal.ansiCyan#A6D9D9
• terminal.ansiGreen#9BC7AD
• terminal.ansiMagenta#B38FE6
• terminal.ansiRed#F08AA8
• terminal.ansiWhite#E6DFF2
• terminal.ansiYellow#E8B86A
• terminal.background#1B162A
• terminal.foreground#E6DFF2
• terminalCursor.foreground#C49BEE
• titleBar.activeBackground#211B33
• titleBar.activeForeground#E6DFF2
• titleBar.border#3A2F57
• titleBar.inactiveBackground#161224
• titleBar.inactiveForeground#9B8CB2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).