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#A98CF9
- activityBar.background#141A19
- activityBar.border#1C2421
- activityBar.foreground#46C38A
- activityBar.inactiveForeground#98A9A3
- activityBarBadge.background#46C38A
- activityBarBadge.foreground#0C1110
- breadcrumb.activeSelectionForeground#46C38A
- breadcrumb.background#141A19
- breadcrumb.focusForeground#E6ECE8
- breadcrumb.foreground#93A59F
- button.background#46C38A
- button.foreground#0C1110
- button.hoverBackground#5AD6A0
- diffEditor.insertedTextBackground#0F3A2CAA
- diffEditor.removedTextBackground#3A1C1DAA
- dropdown.background#131A17
- dropdown.foreground#E6ECE8
- editor.background#0C1110
- editor.foreground#E6ECE8
- editor.lineHighlightBackground#16201E
- editor.selectionBackground#17312A
- editor.selectionHighlightBackground#152925
- editorBracketMatch.border#2A3A34
- editorCursor.foreground#A98CF9
- editorGroup.border#1C2421
- editorIndentGuide.activeBackground1#1A221F
- editorIndentGuide.activeBackground2#26322D
- editorInlayHint.background#141A19
- editorInlayHint.foreground#A0B3AC
- gitDecoration.addedResourceForeground#46C38A
- gitDecoration.deletedResourceForeground#EA6B6B
- gitDecoration.modifiedResourceForeground#6DB8FF
- gitDecoration.renamedResourceForeground#A98CF9
- gitDecoration.untrackedResourceForeground#46C38A
- input.background#131A17
- input.foreground#E6ECE8
- input.placeholderForeground#9BB2AA
- list.activeSelectionBackground#1E3A30
- list.activeSelectionForeground#FFFFFF
- list.filterMatchBackground#46C38A33
- list.focusBackground#214236
- list.highlightForeground#A98CF9
- list.hoverBackground#162A24
- list.inactiveSelectionBackground#192F28
- list.inactiveSelectionForeground#E6ECE8
- menubar.selectionBackground#1A2A23
- notificationCenterHeader.background#141A19
- notifications.background#151D1B
- notifications.border#1C2421
- panel.background#141A19
- panel.border#1C2421
- scrollbarSlider.activeBackground#46C38A66
- scrollbarSlider.background#20332B33
- scrollbarSlider.hoverBackground#284239
- sideBar.background#141A19
- sideBar.border#1C2421
- sideBar.foreground#DDE7E0
- sideBarSectionHeader.background#141A19
- sideBarSectionHeader.foreground#46C38A
- sideBarTitle.foreground#E6ECE8
- statusBar.background#141A19
- statusBar.debuggingBackground#A98CF9
- statusBar.debuggingForeground#0C1110
- statusBar.foreground#DDE7E0
- statusBar.noFolderBackground#141A19
- tab.activeBackground#16201E
- tab.activeForeground#FFFFFF
- tab.border#141A19
- tab.hoverBackground#15201D
- tab.inactiveBackground#141A19
- tab.inactiveForeground#A7B5B0
- terminal.ansiBlack#1B2421
- terminal.ansiBlue#6DB8FF
- terminal.ansiCyan#6AD3CF
- terminal.ansiGreen#46C38A
- terminal.ansiMagenta#A98CF9
- terminal.ansiRed#EA6B6B
- terminal.ansiWhite#E4ECE8
- terminal.ansiYellow#EAC76B
- terminal.background#0C1110
- terminal.foreground#E6ECE8
- textLink.activeForeground#A9D4FF
- textLink.foreground#6DB8FF
- titleBar.activeBackground#141A19
- titleBar.activeForeground#DDE7E0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #81968F | italic |
| keyword, storage.type, storage.modifier | #A98CF9 | — |
| entity.name.type, support.type, storage.type.class | #B8A3FF | — |
| string, constant.other.symbol | #46C38A | — |
| entity.name.function, support.function | #9BE7C1 | — |
| constant.numeric, constant.language.boolean | #6AD3CF | — |
| constant, variable.other.constant | #D68CFF | — |
| variable, meta.definition.variable, meta.object-literal.key | #E6ECE8 | — |
| punctuation, delimiter, meta.brace | #CFD9D6 | — |
| invalid, invalid.deprecated | #0C1110 | — |
| markup.heading | #A98CF9 | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...