Devil Pro Ultimate (Dark)
Publisher: phppointThemes in package: 1
Ultimate dark theme with fiery devil palette, full UI/syntax coverage, high contrast, accessible.
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#ff4757
- activityBar.background#0f0f14
- activityBar.foreground#808080
- activityBar.inactiveForeground#5c637080
- activityBarBadge.background#ff4757
- activityBarBadge.foreground#ffffff
- breadcrumbs.background#1a1a2230
- breadcrumbs.focusForeground#ff4757
- breadcrumbs.foreground#8b949e
- breadcrumbs.selectedBackground#ff475740
- breadcrumbs.selectedForeground#ffffff
- editor.background#1F1F1F
- editor.findMatchBackground#ffa50230
- editor.findMatchBorder#ff8c0080
- editor.findMatchHighlightBackground#ffa50250
- editor.findMatchTopBorder#ff8c00
- editor.findRangeMatchBackground#ffd70020
- editor.foreground#f8f8f2
- editor.inactiveSelectionBackground#44475a50
- editor.lineHighlightBackground#12121720
- editor.lineHighlightBorderBox#0a0a0e
- editor.rangeHighlightBackground#ff475720
- editor.selectionBackground#ff634830
- editor.selectionHighlightBackground#ffd70040
- editor.snippetFinalTabstopHighlightBackground#3498db40
- editor.snippetFinalTabstopHighlightBorder#3498db
- editor.wordHighlightBackground#ff8c0020
- editor.wordHighlightStrongBackground#ff8c0040
- editorCursor.background#ff475780
- editorCursor.foreground#ff4757
- editorGutter.addedBackground#00b894
- editorGutter.background#0a0a0e
- editorGutter.deletedBackground#e74c3c
- editorGutter.foldingControlForeground#5c6370
- editorGutter.modifiedBackground#feca57
- editorLineNumber.activeForeground#EF4FA9
- editorLineNumber.foreground#5c6370
- editorOverviewRuler.background#0f0f1420
- editorOverviewRuler.border#1e1e2e
- gitDecoration.addedResourceForeground#00b894
- gitDecoration.deletedResourceForeground#e74c3c
- gitDecoration.ignoredResourceForeground#7f8c8d
- gitDecoration.modifiedResourceForeground#feca57
- gitDecoration.submoduleResourceForeground#9b59b6
- gitDecoration.untrackedResourceForeground#3498db
- list.activeSelectionBackground#ff475740
- list.activeSelectionForeground#ffffff
- list.dropBackground#ff8c0020
- list.filterMatchBackground#ffd70040
- list.focusBackground#ff634820
- list.hoverBackground#ff475720
- list.inactiveSelectionBackground#ff475720
- menu.background#121217
- menu.foreground#f8f8f2
- menu.selectionBackground#ff475740
- menu.separatorBackground#40446a
- mergeEditor.change.background#ff475730
- mergeEditor.conflict.inputBackground#f39c1250
- mergeEditor.conflict.unresolvedBackground#e74c3c50
- minimap.background#0f0f1420
- minimap.errorBackground#e74c3c80
- minimap.findMatchHighlightBackground#ffd70040
- minimap.selectionBackground#ff475740
- minimap.selectionHighlightBackground#ff634840
- minimap.warningBackground#f39c1280
- notification.background#121217
- notification.errorBackground#e74c3c
- notification.errorForeground#ffffff
- notification.foreground#f8f8f2
- notification.infoBackground#3498db
- notification.warningBackground#f39c12
- notificationCenter.border#80808040
- panel.background#111115
- panel.border#1e1e2e20
- panel.dropBorder#ff475740
- panelInput.background#15151f
- panelTitle.activeBorder#ff4757
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#e0e0e080
- pickerBackground#121217
- pickerForeground#f8f8f2
- pickerGroup.border#ff475740
- pickerGroup.foreground#ff4757
- progressBar.background#ff4757
- scrollbar.shadow#0a0a0e
- scrollbarSlider.activeBackground#ff475780
- scrollbarSlider.background#5c637040
- scrollbarSlider.hoverBackground#ff475760
- sideBar.background#121217
- sideBar.border#1e1e2e20
- sideBar.dropBackground#ff475740
- sideBar.foreground#e0e0e0
- sideBarSectionHeader.background#ff475720
- sideBarSectionHeader.border#ff634820
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#ffd700
- statusBar.background#0f0f14
- statusBar.foreground#e0e0e0
- statusBarItem.activeBackground#ff475740
- statusBarItem.errorBackground#e74c3c
- statusBarItem.hoverBackground#ff475720
- statusBarItem.prominentBackground#ff4757
- statusBarItem.prominentHoverBackground#ff6348
- statusBarItem.warningBackground#f39c12
- tab.activeBackground#1a1a22
- tab.activeBorder#ff4757
- tab.activeForeground#ffffff
- tab.border#1e1e2e
- tab.hoverBackground#ff475720
- tab.inactiveBackground#0f0f14
- tab.inactiveForeground#b0b0b080
- tab.unfocusedActiveForeground#ffffff80
- tab.unfocusedHoverBackground#ff475710
- terminal.ansiBlack#0a0a0e
- terminal.ansiBlue#74b9ff
- terminal.ansiBrightBlack#5c6370
- terminal.ansiBrightBlue#74b9ff
- terminal.ansiBrightCyan#00f5ff
- terminal.ansiBrightGreen#00ff88
- terminal.ansiBrightMagenta#fd79a8
- terminal.ansiBrightRed#ff4757
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffd93d
- terminal.ansiCyan#00f5ff
- terminal.ansiGreen#00ff88
- terminal.ansiMagenta#fd79a8
- terminal.ansiRed#ff4757
- terminal.ansiWhite#f8f8f2
- terminal.ansiYellow#ffd93d
- terminal.background#0f0f14
- terminal.foreground#f8f8f2
- terminal.inactiveSelectionBackground#44475a50
- terminal.selectionBackground#ff475740
- terminalCursor.background#ff4757
- terminalCursor.foreground#ff4757
- titleBar.activeBackground#0a0a0e
- titleBar.activeForeground#f8f8f2
- titleBar.border#1e1e2e
- titleBar.inactiveBackground#0a0a0e80
- titleBar.inactiveForeground#f8f8f280
- tree.activeIndentGuidesStroke#ff475740
- tree.indentGuidesStroke#2e2e3a
- tree.tableColumnsBorder#40446a
- tree.tableOddRowBackground#111115
- welcomePage.background#0a0a0e
- welcomePage.tileBackground#121217
- welcomePage.tileHoverBackground#ff475720
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #727272 | italic |
| invalid, invalid.illegal, invalid.deprecated | #e74c3c | underline |
| keyword, keyword.control, keyword.operator.word, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.logical, storage.modifier, storage.type | #ff6b35 | bold |
| keyword.operator, punctuation.operator | #ffd700 | — |
| punctuation.separator, punctuation.section, meta.brace, punctuation.definition.bracket | #b2bec3 | — |
| entity.name.tag, meta.tag | #ff4757 | — |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id | #ffd93d | italic |
| entity.name.function, meta.function-call, variable.function, support.function | #00d4aa | — |
| entity.name.class, entity.name.type, support.class, support.type, entity.name.namespace | #9b59b6 | italic |
| variable, variable.parameter, variable.language, constant.language | #3498db | italic |
| string, string.quoted | #ffd93d | — |
| string.interpolated, string.template meta.embedded.line | #ff8c00 | — |
| constant.numeric, constant.character, constant.escape | #ff8c00 | italic |
| constant.other.color | #00ff88 | — |
| string.regexp | #74b9ff | — |
| support.type.property-name | #95a5a6 | — |
| support.type.property-name.json | #fd79a8 | — |
| markup.heading | #00ff88 | bold |
| markup.underline.link | #3498db | underline |
| markup.inserted | #00b894 | — |
| markup.deleted | #e74c3c | — |
| markup.changed | #feca57 | — |
| markup.addition, markup.subtraction | #00b894 | — |
| variable.language | #e17055 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #6c5ce7 | — |
| entity.name.type | #00d4aa | — |