Dark Default — Refined (Lilac & Emerald)
Publisher: Inna SodriThemes in package: 2
Feels like VS Code Dark+ but cleaner: calmer selections, clearer sidebar/tabs, and tasteful accent. Two variants in one extension.
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#1C1E22
- activityBar.border#2A2D33
- activityBar.foreground#57D69D
- activityBar.inactiveForeground#9AA3B8
- activityBarBadge.background#57D69D
- activityBarBadge.foreground#121212
- breadcrumb.activeSelectionForeground#57D69D
- breadcrumb.background#1C1E22
- breadcrumb.focusForeground#E6E7EA
- breadcrumb.foreground#9AA3B8
- diffEditor.insertedTextBackground#163A2C99
- diffEditor.removedTextBackground#3A1E2399
- dropdown.background#1A1D23
- dropdown.foreground#E6E7EA
- editor.background#1E1E1E
- editor.foreground#D4D4D4
- editor.lineHighlightBackground#2A2A2A66
- editor.selectionBackground#1F2542
- editor.selectionHighlightBackground#1B2238
- editorCursor.foreground#57D69D
- editorGroup.border#2A2D33
- gitDecoration.addedResourceForeground#57D69D
- gitDecoration.deletedResourceForeground#E06C75
- gitDecoration.modifiedResourceForeground#86C5FF
- gitDecoration.renamedResourceForeground#57D69D
- gitDecoration.untrackedResourceForeground#57D69D
- input.background#1A1D23
- input.foreground#E6E7EA
- input.placeholderForeground#9EA6BB
- list.activeSelectionBackground#1F2B49
- list.activeSelectionForeground#FFFFFF
- list.filterMatchBackground#57D69D33
- list.highlightForeground#57D69D
- list.hoverBackground#1B2336
- list.hoverForeground#FFFFFF
- list.inactiveSelectionBackground#21293F
- list.inactiveSelectionForeground#E6E7EA
- menubar.selectionBackground#21293F
- notificationCenterHeader.background#1C1E22
- notifications.background#1A1D23
- notifications.border#2A2D33
- panel.background#1C1E22
- panel.border#2A2D33
- sash.hoverBorder#57D69D
- scrollbarSlider.activeBackground#57D69D66
- scrollbarSlider.background#2A2F3A55
- scrollbarSlider.hoverBackground#343B49
- sideBar.background#1C1E22
- sideBar.border#2A2D33
- sideBar.dropBackground#57D69D33
- sideBar.foreground#D6D8DC
- sideBarSectionHeader.background#1C1E22
- sideBarSectionHeader.foreground#57D69D
- sideBarTitle.foreground#E6E7EA
- statusBar.background#1C1E22
- statusBar.debuggingBackground#57D69D
- statusBar.debuggingForeground#0E0F13
- statusBar.foreground#D6D8DC
- statusBar.noFolderBackground#1C1E22
- tab.activeBackground#23262C
- tab.activeBorderTop#57D69D
- tab.activeForeground#FFFFFF
- tab.border#1C1E22
- tab.hoverBackground#20242A
- tab.inactiveBackground#1C1E22
- tab.inactiveForeground#B8BDC9
- terminal.background#1E1E1E
- terminal.foreground#D4D4D4
- textLink.activeForeground#AEDDFF
- textLink.foreground#86C5FF
- titleBar.activeBackground#1C1E22
- titleBar.activeForeground#D6D8DC
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7F848E | italic |
| keyword, storage.type, storage.modifier | #57D69D | — |
| entity.name.function, support.function | #DCDCAA | — |
| string, constant.other.symbol | #CE9178 | — |
| constant.numeric, constant.language.boolean | #B5CEA8 | — |
| entity.name.type, support.type, storage.type.class | #4EC9B0 | — |
| variable, meta.definition.variable, meta.object-literal.key | #D4D4D4 | — |
| punctuation, delimiter, meta.brace | #C8CCD4 | — |
| invalid, invalid.deprecated | #1E1E1E | — |
| markup.heading | #57D69D | — |
| markup.bold | — | bold |
| markup.italic | — | italic |