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#fbfbfdff
- activityBar.foreground#1F1F1F
- activityBar.inactiveForeground#1F1F1F70
- activityBarBadge.background#836ed4ff
- activityBarBadge.foreground#FBFBFB
- dropdown.background#fbfbfdff
- dropdown.border#00000014
- dropdown.foreground#1F1F1F
- editor.background#fbfbfdff
- editor.foreground#1F1F1F
- editor.selectionBackground#1F1F1F25
- editor.selectionHighlightBackground#036A9625
- editor.wordHighlightBackground#036A9625
- editor.wordHighlightStrongBackground#644AC920
- editorBracketHighlight.foreground1#A3144D
- editorBracketMatch.background#644AC918
- editorCursor.foreground#836ed4ff
- editorGutter.background#fbfbfdff
- editorIndentGuide.activeBackground1#644AC950
- editorIndentGuide.background1#1F1F1F18
- editorLineHighlightBackground#0000000a
- editorLineNumber.activeForeground#1F1F1F
- editorLineNumber.foreground#1F1F1F50
- editorWhitespace.foreground#1F1F1F20
- focusBorder#644AC9
- foreground#1F1F1F
- input.background#fbfbfdff
- input.border#00000014
- input.foreground#1F1F1F
- input.placeholderForeground#1F1F1F60
- list.activeSelectionBackground#1F1F1F25
- list.activeSelectionForeground#1F1F1F
- list.hoverBackground#0000000f
- list.inactiveSelectionBackground#1F1F1F25
- list.inactiveSelectionForeground#1F1F1F
- panel.background#fbfbfdff
- panel.border#d0d0d0
- scrollbarSlider.background#00000018
- scrollbarSlider.hoverBackground#00000035
- selection.background#1F1F1F25
- sideBar.background#fbfbfdff
- sideBar.border#d0d0d0
- sideBar.foreground#1F1F1F
- sideBarSectionHeader.background#FBFBFB
- statusBar.background#fbfbfdff
- statusBar.border#d0d0d0
- statusBar.foreground#1F1F1F
- tab.activeBackground#fbfbfdff
- tab.activeBorderTop#644AC9
- tab.activeForeground#1F1F1F
- tab.border#00000014
- tab.inactiveBackground#0000000f
- tab.inactiveForeground#1f1f1fa0
- terminal.ansiBlack#F5F5F5
- terminal.ansiBlue#644AC9
- terminal.ansiBrightBlack#928eb6ff
- terminal.ansiBrightBlue#7862D0
- terminal.ansiBrightCyan#047FB4
- terminal.ansiBrightGreen#198D0C
- terminal.ansiBrightMagenta#BF185A
- terminal.ansiBrightRed#D74C3D
- terminal.ansiBrightWhite#2C2B31
- terminal.ansiBrightYellow#9E841A
- terminal.ansiCyan#036A96
- terminal.ansiGreen#14710A
- terminal.ansiMagenta#A3144D
- terminal.ansiRed#CB3A2A
- terminal.ansiWhite#1F1F1F
- terminal.ansiYellow#846E15
- terminal.background#fbfbfdff
- terminal.foreground#1F1F1F
- terminalCursor.foreground#1D1D1D
- titleBar.activeBackground#fbfbfdff
- titleBar.activeForeground#1F1F1F
- titleBar.inactiveBackground#f2f2f7ff
- widget.border#d0d0d0
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #635D97 | — |
| punctuation.definition.comment, comment.block.documentation | #635D97 | — |
| keyword, storage, storage.type | #A3144D | — |
| keyword.operator | #A3144D | — |
| entity.other.attribute-name | #A3144D | — |
| entity.name.function, support.function | #14710A | — |
| entity.name.type.class | #A3144D | — |
| entity.name.type, support.type | #036A96 | — |
| entity.name.type.interface | #036A96 | italic |
| entity.other.inherited-class | #036A96 | italic |
| constant | #644AC9 | — |
| entity.name.type.enum | #644AC9 | — |
| constant.numeric | #644AC9 | — |
| constant.language.boolean | #A3144D | — |
| string | #846E15 | — |
| punctuation.definition.string | #846E15 | — |
| constant.character.escape | #A3144D | — |
| string.regexp | #CB3A2A | — |
| string.other | #A3144D | — |
| constant.other.symbol | #644AC9 | — |
| markup.raw, markup.inline.raw | #14710A | — |
| markup.underline.link | #036A96 | — |
| string.other.link.title | #A3144D | — |
| entity.name.tag | #A3144D | — |
| variable.other.property | #036A96 | — |
| variable | #1F1F1F | — |
| variable.other.member | #1F1F1F | — |
| variable.parameter | #A34D14 | italic |
| variable.language | #644AC9 | italic |
| entity.name.label | #1F1F1F | — |
| entity.name.section | #644AC9 | bold |
| punctuation | #A3144D | — |
| punctuation.bracket | #1F1F1F | — |
| punctuation.separator | #A3144D | — |
| punctuation.definition.tag | #A3144D | — |
| meta.preprocessor | #635D97 | — |
| markup.italic | #846E15 | italic |
| markup.bold | #A34D14 | bold |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...