Lilac Grove + Forest Violet — Dark Themes
Publisher: Inna SodriThemes in package: 2
Two readable dark themes: Lilac Grove (lilac + green) and Forest Violet (emerald + violet). Sidebar and UI matched.
Color themes
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).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8D8CA1 | italic |
| keyword, storage.type, storage.modifier | #B28DFF | — |
| entity.name.type, support.type, storage.type.class | #C4A7FF | — |
| string, constant.other.symbol | #57D69D | — |
| entity.name.function, support.function | #F0D680 | — |
| constant.numeric, constant.language.boolean | #74C7EC | — |
| constant, variable.other.constant | #FF7ABF | — |
| variable, meta.definition.variable, meta.object-literal.key | #E8EAF0 | — |
| punctuation, delimiter, meta.brace | #C8CDDB | — |
| invalid, invalid.deprecated | #0E0F13 | — |
| markup.heading | #B28DFF | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...