Evil Red Theme
Publisher: FerThemes in package: 1
A dark-ish red theme for Visual Studio Code
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.activeBackground#600
- activityBar.activeBorder#f00
- activityBar.background#300
- activityBar.border#131415
- activityBar.foreground#f0e0e0
- activityBar.inactiveForeground#7e5757
- activityBarBadge.background#f00
- breadcrumb.activeSelectionForeground#f00
- breadcrumb.background#480202
- breadcrumb.focusForeground#b00
- breadcrumb.foreground#fcc
- breadcrumbPicker.background#480202
- button.background#5c0000
- button.hoverBackground#f00
- checkbox.background#511
- checkbox.border#a00
- checkbox.foreground#fcc
- diffEditor.border#f00
- dropdown.background#511
- dropdown.border#a00
- dropdown.listBackground#511
- editorGroupHeader.tabsBackground#290101
- editorLineNumber.foreground#ff4a4a82
- editorWidget.border#f00
- errorForeground#f00
- extensionButton.prominentBackground#5c0000
- extensionButton.prominentHoverBackground#f00
- focusBorder#f00
- input.background#511
- input.border#a00
- list.activeSelectionBackground#B50505
- list.activeSelectionForeground#fff
- list.dropBackground#770404
- list.focusBackground#800
- list.focusForeground#fff
- list.hoverBackground#600
- list.hoverForeground#fff
- list.inactiveSelectionBackground#520000
- menu.background#300
- minimap.selectionHighlight#f00
- minimapSlider.activeBackground#ff00009d
- minimapSlider.background#ff00004d
- minimapSlider.hoverBackground#ff000071
- notificationCenter.border#940000
- notificationCenterHeader.background#B50505
- notificationCenterHeader.foreground#fff
- notificationLink.foreground#f00
- notifications.background#400
- notifications.border#B50505
- notificationsErrorIcon.foreground#ff9f9f
- notificationsInfoIcon.foreground#a3ffa5
- notificationsWarningIcon.foreground#fffaa0
- notificationToast.border#940000
- panel.border#B50505
- peekView.border#332e2e
- peekViewEditor.background#410
- peekViewResult.background#410
- peekViewResult.fileForeground#8f8
- peekViewResult.matchHighlightBackground#007006
- peekViewResult.selectionBackground#B50505
- peekViewTitle.background#a00
- peekViewTitleDescription.foreground#eee
- peekViewTitleLabel.foreground#fff
- pickerGroup.foreground#f6e86e
- progressBar.background#f00
- quickInput.background#300
- quickInput.list.focusBackground#ff0000
- scrollbarSlider.activeBackground#f00
- scrollbarSlider.hoverBackground#480202
- sideBar.background#1D0101
- sideBar.border#B50505
- sideBarSectionHeader.background#B50505
- sideBarSectionHeader.border#f00
- sideBarSectionHeader.foreground#fff
- statusBar.background#480202
- statusBar.border#131415
- statusBar.debuggingBackground#024806
- statusBar.noFolderBackground#3c233d
- statusBarItem.hoverBackground#f00
- tab.activeBackground#B50505
- tab.activeBorder#f00
- tab.hoverBackground#480202
- tab.hoverBorder#800404
- tab.inactiveBackground#4e2d2d
- terminal.ansiBrightYellow#f80
- terminal.background#1D0101
- terminal.foreground#fcc
- textLink.foreground#f00
- titleBar.activeBackground#300
- titleBar.border#131415
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #F8F8F8 | — |
| comment | #ad9191 | italic |
| constant | #ffb452 | |
| keyword | #72e3ff | |
| entity | #ff9cfa | |
| storage | #ff6262ff | bold |
| string | #e8ffe5 | bold |
| support | #ff4747 | bold |
| variable | #bfe791 | italic |
| invalid | #ffffffff | — |
| text source | — | — |
| text.html.ruby source | — | — |
| entity.other.inherited-class | #aa5507ff | underline |
| string.quoted source | #9df39fff | |
| string constant | #ffe862ff | |
| string.regexp | #ffb454ff | — |
| string variable | #edef7dff | — |
| support.function | #ffb454ff | |
| support.constant | #eb939aff | |
| declaration.sgml.html declaration.doctype, declaration.sgml.html declaration.doctype entity, declaration.sgml.html declaration.doctype string, declaration.xml-processing, declaration.xml-processing entity, declaration.xml-processing string | #73817dff | |
| declaration.tag, meta.tag | #ff8250 | bold |
| declaration.tag.inline, declaration.tag.inline entity, source entity.name.tag, source entity.other.attribute-name, meta.tag.inline, meta.tag.inline entity, entity.other.bracket | #ff8250 | bold |
| meta.tag, entity.other | #fee | bold |
| declaration.tag attribute-name, meta.tag entity.other.attribute-name | #9aff57 | bold |
| meta.selector.css entity.name.tag | #aa5507ff | |
| meta.selector.css entity.other.attribute-name.id | #fec758ff | — |
| meta.selector.css entity.other.attribute-name.class | #41a83eff | |
| support.type.property-name.css | #96dd3bff | |
| meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css | #ffe862ff | italic |
| meta.property-value support.constant.named-color.css, meta.property-value constant | #ffe862ff | |
| meta.preprocessor.at-rule keyword.control.at-rule | #fd6209ff | — |
| meta.constructor.argument.css | #ec9799ff | |
| meta.diff, meta.diff.header | #f8f8f8ff | italic |
| markup.deleted | #ec9799ff | — |
| markup.changed | #f8f8f8ff | — |
| markup.inserted | #41a83eff | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...