Demon Dark Pro
Publisher: mrsiddharthsolankiThemes in package: 2
A sleek, modern dark theme for Visual Studio Code with vibrant syntax highlighting.
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#ececec
- activityBar.border#d8d8d8
- activityBar.foreground#2c2c2c
- activityBar.inactiveForeground#999999
- activityBarBadge.background#d32f2f
- activityBarBadge.foreground#ffffff
- button.background#d32f2f
- button.foreground#ffffff
- button.hoverBackground#b71c1c
- diffEditor.border#d8d8d8
- diffEditor.insertedTextBackground#c8e6c930
- diffEditor.removedTextBackground#ffcdd230
- dropdown.background#f0f0f0
- dropdown.border#d0d0d0
- dropdown.foreground#2c2c2c
- editor.background#f5f5f5
- editor.findMatchBackground#f0e68c
- editor.findMatchHighlightBackground#f0e68c80
- editor.foreground#2c2c2c
- editor.inactiveSelectionBackground#e8e8e880
- editor.lineHighlightBackground#efefef
- editor.selectionBackground#d4d4d480
- editor.wordHighlightBackground#f0e68c40
- editor.wordHighlightStrongBackground#e0d0a080
- editorBracketMatch.background#f0e68c
- editorBracketMatch.border#c0a000
- editorCursor.foreground#d32f2f
- editorError.foreground#d32f2f
- editorHint.foreground#8e24aa
- editorIndentGuide.activeBackground1#d0d0d0
- editorIndentGuide.background1#e8e8e8
- editorInfo.foreground#0097a7
- editorLineNumber.activeForeground#d32f2f
- editorLineNumber.foreground#999999
- editorWarning.foreground#f57c00
- editorWhitespace.foreground#e0e0e0
- errorForeground#d32f2f
- gitDecoration.conflictingResourceForeground#8e24aa
- gitDecoration.deletedResourceForeground#d32f2f
- gitDecoration.ignoredResourceForeground#999999
- gitDecoration.modifiedResourceForeground#f57c00
- gitDecoration.untrackedResourceForeground#388e3c
- input.background#f0f0f0
- input.border#d0d0d0
- input.foreground#2c2c2c
- input.placeholderForeground#999999
- inputOption.activeBackground#d32f2f40
- inputOption.activeBorder#d32f2f
- list.activeSelectionBackground#e8e8e8
- list.activeSelectionForeground#d32f2f
- list.errorForeground#d32f2f
- list.focusBackground#e8e8e8
- list.highlightForeground#d32f2f
- list.hoverBackground#f0f0f0
- list.inactiveSelectionBackground#efefef
- list.inactiveSelectionForeground#2c2c2c
- list.warningForeground#f57c00
- menu.background#f8f8f8
- menu.foreground#2c2c2c
- menu.selectionBackground#e8e8e8
- menu.selectionForeground#000000
- menubar.selectionBackground#efefef
- menubar.selectionForeground#2c2c2c
- minimap.background#f0f0f0
- minimap.findMatchHighlight#f0e68c80
- minimap.selectionHighlight#e8e8e880
- notificationCenterHeader.background#f0f0f0
- notifications.background#efefef
- notifications.border#d8d8d8
- notifications.foreground#2c2c2c
- notificationsErrorIcon.foreground#d32f2f
- notificationsInfoIcon.foreground#0097a7
- notificationsWarningIcon.foreground#f57c00
- panel.background#f8f8f8
- panel.border#d8d8d8
- panelTitle.activeBorder#d32f2f
- panelTitle.activeForeground#2c2c2c
- panelTitle.inactiveForeground#757575
- peekViewEditor.background#f0f0f0
- peekViewResult.background#efefef
- peekViewTitle.background#e8e8e8
- progressBar.background#d32f2f
- scrollbar.shadow#f5f5f5
- scrollbarSlider.activeBackground#808080
- scrollbarSlider.background#c0c0c050
- scrollbarSlider.hoverBackground#a0a0a070
- sideBar.background#f8f8f8
- sideBar.border#d8d8d8
- sideBar.foreground#424242
- sideBarSectionHeader.background#f0f0f0
- sideBarSectionHeader.foreground#2c2c2c
- sideBarTitle.foreground#2c2c2c
- statusBar.background#efefef
- statusBar.border#d8d8d8
- statusBar.debuggingBackground#d32f2f
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#424242
- statusBar.noFolderBackground#efefef
- statusBarItem.activeBackground#d0d0d0
- statusBarItem.hoverBackground#e0e0e0
- tab.activeBackground#f5f5f5
- tab.activeBorder#d32f2f
- tab.activeForeground#2c2c2c
- tab.border#d8d8d8
- tab.hoverBackground#f0f0f0
- tab.inactiveBackground#efefef
- tab.inactiveForeground#757575
- tab.unfocusedActiveBackground#efefef
- tab.unfocusedActiveForeground#616161
- terminal.ansiBlack#2c2c2c
- terminal.ansiBlue#1976d2
- terminal.ansiBrightBlack#757575
- terminal.ansiBrightBlue#42a5f5
- terminal.ansiBrightCyan#26c6da
- terminal.ansiBrightGreen#66bb6a
- terminal.ansiBrightMagenta#ab47bc
- terminal.ansiBrightRed#ef5350
- terminal.ansiBrightWhite#e0e0e0
- terminal.ansiBrightYellow#ffa726
- terminal.ansiCyan#0097a7
- terminal.ansiGreen#388e3c
- terminal.ansiMagenta#8e24aa
- terminal.ansiRed#d32f2f
- terminal.ansiWhite#d4d4d4
- terminal.ansiYellow#f57c00
- terminal.background#f5f5f5
- terminal.foreground#2c2c2c
- terminal.selectionBackground#d4d4d480
- terminal.selectionForeground#2c2c2c
- terminalCursor.background#f5f5f5
- terminalCursor.foreground#d32f2f
- titleBar.activeBackground#f5f5f5
- titleBar.activeForeground#2c2c2c
- titleBar.border#d8d8d8
- titleBar.inactiveBackground#f5f5f5
- titleBar.inactiveForeground#999999
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #999999 | italic |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new, keyword.other.important | #d32f2f | bold |
| storage.type.js, storage.type.ts, storage.type.tsx, storage.modifier.ts, keyword.declaration | #8e24aa | bold |
| keyword.operator, punctuation.separator, punctuation.terminator | #d32f2f | — |
| string, string.quoted, string.template | #388e3c | — |
| constant.character.escape, string.regexp | #1b5e20 | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined, constant.other, constant.character.escape | #8e24aa | — |
| variable, variable.other, variable.parameter, meta.definition.variable | #2c2c2c | — |
| entity.name.function, meta.function-call, support.function, keyword.other.special-method | #1565c0 | bold |
| entity.name.class, entity.name.type.class, support.class, entity.name.type | #0097a7 | bold |
| entity.name.function.member, meta.method-call, meta.method | #1565c0 | — |
| variable.other.property, variable.other.object.property, meta.property-name | #00838f | — |
| storage.type, entity.name.type, support.type, keyword.type | #5e35b1 | italic |
| entity.name.tag, punctuation.definition.tag | #d32f2f | — |
| entity.other.attribute-name | #f57c00 | — |
| entity.other.attribute-name.class.css | #0097a7 | — |
| entity.other.attribute-name.id.css | #8e24aa | — |
| support.type.property-name.css | #00838f | — |
| support.type.property-name.json | #00838f | — |
| markup.heading, entity.name.section.markdown | #d32f2f | bold |
| markup.bold | #f57c00 | bold |
| markup.italic | #8e24aa | italic |
| markup.inline.raw, markup.fenced_code | #388e3c | — |
| markup.underline.link, string.other.link | #0097a7 | — |
| invalid, invalid.illegal | #d32f2f | bold underline |
| invalid.deprecated | #f57c00 | strikethrough |
| keyword.control.import, keyword.control.export, keyword.control.from | #d32f2f | bold |
| variable.language.this, variable.language.super | #8e24aa | italic |
| meta.decorator, entity.name.function.decorator | #d32f2f | bold |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #d32f2f | — |
| variable.language.special.self.python, variable.parameter.function.language.special.self.python | #8e24aa | italic |
| support.function.magic.python | #7b1fa2 | bold italic |
| constant.other, constant.language, variable.other.constant | #7b1fa2 | — |
| meta.object-literal.key, string.unquoted.label | #00838f | — |
| support.function.builtin, support.function.console | #1565c0 | italic |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #d32f2f | — |
| string.regexp, string.regexp keyword.operator | #1b5e20 | italic |
| entity.name.tag.jsx, support.class.component.jsx | #0097a7 | bold |
| entity.other.attribute-name.jsx | #f57c00 | italic |
| entity.name.type.interface | #5e35b1 | bold italic |
| entity.name.type.alias | #5e35b1 | italic |
| entity.name.type.parameter | #0097a7 | italic |
| keyword.other.sql, keyword.other.DML.sql | #d32f2f | bold |
| entity.name.tag.yaml | #00838f | — |
| entity.name.section.group-title.ini | #d32f2f | bold |
| punctuation.definition.tag.begin, punctuation.definition.tag.end | #d32f2f | — |
| punctuation.section.embedded | #d32f2f | — |
| variable.parameter, meta.function.parameters, variable.parameter.function | #8e24aa | italic |
| variable.other.enummember | #8e24aa | — |
| keyword.type.ts, storage.type.ts, keyword.type.java, keyword.type.cpp | #8e24aa | bold italic |
| punctuation.definition.array, punctuation.definition.collection | #f57c00 | — |
| entity.name.namespace, entity.name.scope-resolution | #0097a7 | italic |
| keyword.control.async, keyword.control.await | #d32f2f | bold italic |
| storage.type.function.arrow | #d32f2f | — |
| keyword.control.flow, keyword.control.loop, keyword.control.conditional | #d32f2f | bold |
| keyword.getter, keyword.setter | #f57c00 | bold |