Glass Dracula
Publisher: Benny WuThemes in package: 5
Custom Dracula themes by BennyWu: Dark Vivid Black, Light Vivid White, and three Glass variants.
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.background#08090900
- activityBarBadge.background#212121
- activityBarBadge.foreground#abb2bf
- dropdown.background#2c313a
- dropdown.border#212121
- dropdown.foreground#abb2bf
- editor.background#08090900
- editor.foreground#abb2bf
- editor.selectionBackground#2c313a
- editor.selectionHighlightBackground#555a6345
- editor.wordHighlightBackground#555a6345
- editor.wordHighlightStrongBackground#555a6345
- editorBracketMatch.background#abb2bf30
- editorCursor.foreground#212121
- editorGutter.background#08090900
- editorLineHighlightBackground#08090900
- editorLineNumber.activeForeground#abb2bf
- editorLineNumber.foreground#495162
- focusBorder#212121
- foreground#abb2bf
- input.background#2c313a
- input.border#212121
- input.foreground#abb2bf
- list.activeSelectionBackground#2c313a
- list.activeSelectionForeground#abb2bf
- list.hoverBackground#2c313a
- list.inactiveSelectionBackground#2c313a
- list.inactiveSelectionForeground#abb2bf
- panel.background#08090900
- panel.border#212121
- scrollbarSlider.background#4e566680
- scrollbarSlider.hoverBackground#5a6375
- selection.background#2c313a
- sideBar.background#08090900
- sideBar.border#212121
- sideBar.foreground#abb2bf
- statusBar.background#080909DD
- statusBar.border#212121
- statusBar.foreground#abb2bf
- tab.activeBackground#080909
- tab.activeBorderTop#212121
- tab.activeForeground#abb2bf
- tab.border#212121
- tab.inactiveBackground#08090900
- terminal.ansiBlack#3f4451
- terminal.ansiBlue#4aa5f0
- terminal.ansiBrightBlack#4f5666
- terminal.ansiBrightBlue#4dc4ff
- terminal.ansiBrightCyan#4cd1e0
- terminal.ansiBrightGreen#a5e075
- terminal.ansiBrightMagenta#de73ff
- terminal.ansiBrightRed#ff616e
- terminal.ansiBrightWhite#e6e6e6
- terminal.ansiBrightYellow#f0a45d
- terminal.ansiCyan#42b3c2
- terminal.ansiGreen#8cc265
- terminal.ansiMagenta#c162de
- terminal.ansiRed#e05561
- terminal.ansiWhite#d7dae0
- terminal.ansiYellow#d18f52
- terminal.background#08090900
- terminal.foreground#abb2bf
- terminalCursor.foreground#abb2bf
- titleBar.activeBackground#080909DD
- titleBar.activeForeground#abb2bf
- titleBar.inactiveBackground#080909DD
- widget.border#212121
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #9893c6 | — |
| comment.block.documentation | #fe5c9d | — |
| keyword, storage, storage.type | #fe5c9d | — |
| keyword.operator | #fe5c9d | — |
| entity.other.attribute-name | #fe5c9d | — |
| entity.name.function, support.function | #89ff7d | — |
| entity.name.type.class | #fe5c9d | — |
| entity.name.type, support.type | #32c1ff | — |
| entity.name.type.interface | #32c1ff | italic |
| entity.other.inherited-class | #32c1ff | italic |
| constant | #a08deb | — |
| entity.name.type.enum | #a08deb | — |
| constant.numeric | #a08deb | — |
| constant.language.boolean | #fe5c9d | — |
| string | #f9d338 | — |
| constant.character.escape | #fe5c9d | — |
| string.regexp | #f37567 | — |
| string.other | #fe5c9d | — |
| constant.other.symbol | #a08deb | — |
| markup.raw, markup.inline.raw | #89ff7d | — |
| markup.underline.link | #32c1ff | — |
| string.other.link.title | #fe5c9d | — |
| entity.name.tag | #fe5c9d | — |
| variable.other.property | #32c1ff | — |
| variable | #e5e5e5 | — |
| variable.other.member | #e5e5e5 | — |
| variable.parameter | #fe9d5c | italic |
| variable.language | #a08deb | italic |
| entity.name.label | #e5e5e5 | — |
| entity.name.section | #a08deb | bold |
| punctuation | #fe5c9d | — |
| punctuation.bracket | #e5e5e5 | — |
| punctuation.separator | #fe5c9d | — |
| punctuation.definition.tag | #fe5c9d | — |
| meta.preprocessor | #9893c6 | — |
| markup.italic | #f9d338 | italic |
| markup.bold | #fe9d5c | bold |