ThemeDatabase All Themes

Color themes

• 

  Lilac Grove

• 

  Lilac nights

• 

  Lilo Theme

• 

  Lilo Theme Soft

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.activeBorder#57D69D
• activityBar.background#121626
• activityBar.border#1A2040
• activityBar.foreground#B28DFF
• activityBar.inactiveForeground#9AA3B8
• activityBarBadge.background#B28DFF
• activityBarBadge.foreground#0E0F13
• breadcrumb.activeSelectionForeground#B28DFF
• breadcrumb.background#121626
• breadcrumb.focusForeground#E8EAF0
• breadcrumb.foreground#98A1B8
• button.background#57D69D
• button.foreground#0E0F13
• button.hoverBackground#6EE2AE
• diffEditor.insertedTextBackground#0F3A2CBB
• diffEditor.removedTextBackground#3A1020BB
• dropdown.background#141A2A
• dropdown.foreground#E8EAF0
• editor.background#0E0F13
• editor.foreground#E8EAF0
• editor.lineHighlightBackground#171B2C
• editor.selectionBackground#1C2840
• editor.selectionHighlightBackground#18223A
• editorBracketMatch.border#2A3352
• editorCursor.foreground#B28DFF
• editorGroup.border#1A2040
• editorIndentGuide.activeBackground1#2A3352
• editorIndentGuide.background1#1E243A
• editorInlayHint.background#161A2B
• editorInlayHint.foreground#A1A6B9
• gitDecoration.addedResourceForeground#57D69D
• gitDecoration.deletedResourceForeground#FF6B6B
• gitDecoration.modifiedResourceForeground#74C7EC
• gitDecoration.renamedResourceForeground#B28DFF
• gitDecoration.untrackedResourceForeground#57D69D
• input.background#141A2A
• input.foreground#E8EAF0
• input.placeholderForeground#9EA6BB
• list.activeSelectionBackground#1F2B49
• list.activeSelectionForeground#FFFFFF
• list.deemphasizedForeground#9AA3B8
• list.filterMatchBackground#B28DFF33
• list.focusBackground#223257
• list.highlightForeground#B28DFF
• list.hoverBackground#171F34
• list.hoverForeground#FFFFFF
• list.inactiveSelectionBackground#18233D
• list.inactiveSelectionForeground#E8EAF0
• menubar.selectionBackground#18223A
• notificationCenterHeader.background#121626
• notifications.background#141A2A
• notifications.border#1A2040
• panel.background#121626
• panel.border#1A2040
• sash.hoverBorder#B28DFF
• scrollbarSlider.activeBackground#B28DFF66
• scrollbarSlider.background#1E243A33
• scrollbarSlider.hoverBackground#2A3352
• sideBar.background#121626
• sideBar.border#1A2040
• sideBar.dropBackground#B28DFF33
• sideBar.foreground#DDE1EA
• sideBarSectionHeader.background#121626
• sideBarSectionHeader.foreground#B28DFF
• sideBarTitle.foreground#E8EAF0
• statusBar.background#121626
• statusBar.debuggingBackground#57D69D
• statusBar.debuggingForeground#0E0F13
• statusBar.foreground#DDE1EA
• statusBar.noFolderBackground#121626
• tab.activeBackground#171B2C
• tab.activeForeground#FFFFFF
• tab.border#121626
• tab.hoverBackground#151A2A
• tab.inactiveBackground#121626
• tab.inactiveForeground#B4BAC9
• terminal.ansiBlack#1A2134
• terminal.ansiBlue#74C7EC
• terminal.ansiCyan#63E6E2
• terminal.ansiGreen#57D69D
• terminal.ansiMagenta#B28DFF
• terminal.ansiRed#FF6B6B
• terminal.ansiWhite#E1E6F2
• terminal.ansiYellow#FBCB6A
• terminal.background#0E0F13
• terminal.foreground#E8EAF0
• textLink.activeForeground#A6DEF5
• textLink.foreground#74C7EC
• titleBar.activeBackground#121626
• titleBar.activeForeground#DDE1EA

tokenColors

TextMate scopes and font styles (syntax highlighting rules).