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#232326ff
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#FFFFFF9A
- activityBarBadge.background#A493E8FF
- activityBarBadge.foreground#FFFFFF
- dropdown.background#232326ff
- dropdown.border#FFFFFF1D
- dropdown.foreground#FFFFFF
- editor.background#232326ff
- editor.foreground#FFFFFF
- editor.selectionBackground#FFFFFF2E
- editor.selectionHighlightBackground#33A7DB25
- editor.wordHighlightBackground#33A7DB25
- editor.wordHighlightStrongBackground#8B73EE20
- editorBracketMatch.background#8B73EE18
- editorCursor.foreground#A493E8FF
- editorGutter.background#232326ff
- editorIndentGuide.activeBackground1#8B73EE50
- editorIndentGuide.background1#FFFFFF22
- editorLineHighlightBackground#FFFFFF12
- editorLineNumber.activeForeground#FFFFFF
- editorLineNumber.foreground#FFFFFF80
- editorWhitespace.foreground#FFFFFF30
- focusBorder#8B73EE
- foreground#FFFFFF
- input.background#232326ff
- input.border#FFFFFF1D
- input.foreground#FFFFFF
- input.placeholderForeground#FFFFFF78
- list.activeSelectionBackground#FFFFFF2E
- list.activeSelectionForeground#FFFFFF
- list.hoverBackground#FFFFFF14
- list.inactiveSelectionBackground#FFFFFF2E
- list.inactiveSelectionForeground#FFFFFF
- panel.background#232326ff
- panel.border#FFFFFF24
- scrollbarSlider.background#FFFFFF22
- scrollbarSlider.hoverBackground#FFFFFF42
- selection.background#FFFFFF2E
- sideBar.background#232326ff
- sideBar.border#FFFFFF24
- sideBar.foreground#FFFFFF
- statusBar.background#232326ff
- statusBar.border#FFFFFF24
- statusBar.foreground#FFFFFF
- tab.activeBackground#232326ff
- tab.activeBorderTop#8B73EE
- tab.activeForeground#FFFFFF
- tab.border#FFFFFF1D
- tab.inactiveBackground#FFFFFF14
- tab.inactiveForeground#FFFFFFB8
- terminal.ansiBlack#2c2c2e
- terminal.ansiBlue#8B73EE
- terminal.ansiBrightBlack#8e8e93
- terminal.ansiBrightBlue#A58FFF
- terminal.ansiBrightCyan#62C7F2
- terminal.ansiBrightGreen#7DE06E
- terminal.ansiBrightMagenta#F06AA3
- terminal.ansiBrightRed#F17367
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F1CF52
- terminal.ansiCyan#33A7DB
- terminal.ansiGreen#55C449
- terminal.ansiMagenta#D93D7F
- terminal.ansiRed#E05D4F
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#D2B13A
- terminal.background#232326ff
- terminal.foreground#FFFFFF
- terminalCursor.foreground#FFFFFF
- titleBar.activeBackground#232326ff
- titleBar.activeForeground#FFFFFF
- titleBar.inactiveBackground#313137ff
- widget.border#FFFFFF24
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #AFA2FF | — |
| comment.block.documentation | #FF4F9A | — |
| keyword, storage, storage.type | #FF4F9A | — |
| keyword.operator | #FF4F9A | — |
| entity.other.attribute-name | #FF4F9A | — |
| entity.name.function, support.function | #66D85A | — |
| entity.name.type.class | #FF4F9A | — |
| entity.name.type, support.type | #35D7FF | — |
| entity.name.type.interface | #35D7FF | italic |
| entity.other.inherited-class | #35D7FF | italic |
| constant | #FFFFFF | — |
| entity.name.type.enum | #FFFFFF | — |
| constant.numeric | #FFFFFF | — |
| constant.language.boolean | #FF4F9A | — |
| string | #FFE85A | — |
| constant.character.escape | #FF4F9A | — |
| string.regexp | #FF6B5E | — |
| string.other | #FF4F9A | — |
| constant.other.symbol | #B894FF | — |
| markup.raw, markup.inline.raw | #66D85A | — |
| markup.underline.link | #35D7FF | — |
| string.other.link.title | #FF4F9A | — |
| entity.name.tag | #FF4F9A | — |
| variable.other.property | #35D7FF | — |
| variable | #FFFFFF | — |
| variable.other.member | #FFFFFF | — |
| variable.parameter | #FFFFFF | italic |
| variable.language | #FFFFFF | italic |
| entity.name.label | #FFFFFF | — |
| entity.name.section | #9E78FF | bold |
| punctuation | #FF4F9A | — |
| punctuation.bracket | #35D7FF | — |
| punctuation.separator | #FF4F9A | — |
| punctuation.definition.tag | #FF4F9A | — |
| meta.preprocessor | #AFA2FF | — |
| markup.italic | #FFE85A | italic |
| markup.bold | #FF9A3D | bold |