Bloodline
Publisher: jtriveauxThemes in package: 1
Full black theme with blood red accents. Crafted for VS Code users who crave a dark, immersive coding experience with a touch of crimson flair.
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#ff4444
- activityBar.activeFocusBorder#ff4444
- activityBar.background#000000
- activityBar.border#0d0000
- activityBar.foreground#ff4444
- activityBar.inactiveForeground#661111
- activityBarBadge.background#ff4444
- activityBarBadge.foreground#000000
- badge.background#cc0000
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#cc0000
- breadcrumb.background#000000
- breadcrumb.focusForeground#cc0000
- breadcrumb.foreground#5a2222
- breadcrumbPicker.background#0a0000
- button.background#8b0000
- button.foreground#ffffff
- button.hoverBackground#cc0000
- button.secondaryBackground#1a0000
- button.secondaryForeground#8b0000
- button.secondaryHoverBackground#2a0000
- checkbox.background#0a0000
- checkbox.border#3a0000
- checkbox.foreground#cc0000
- debugConsole.errorForeground#ff2222
- debugConsole.infoForeground#8b2222
- debugConsole.sourceForeground#c8c8c8
- debugConsole.warningForeground#cc4400
- debugConsoleInputIcon.foreground#cc0000
- debugExceptionWidget.background#0a0000
- debugExceptionWidget.border#cc0000
- debugIcon.breakpointDisabledForeground#3a0000
- debugIcon.breakpointForeground#cc0000
- debugIcon.breakpointUnverifiedForeground#8b0000
- debugIcon.continueForeground#cc0000
- debugIcon.disconnectForeground#8b0000
- debugIcon.pauseForeground#8b0000
- debugIcon.restartForeground#cc0000
- debugIcon.startForeground#cc0000
- debugIcon.stepBackForeground#8b0000
- debugIcon.stepIntoForeground#cc0000
- debugIcon.stepOutForeground#8b0000
- debugIcon.stepOverForeground#8b0000
- debugIcon.stopForeground#cc0000
- debugToolBar.background#0a0000
- debugToolBar.border#3a0000
- descriptionForeground#8a6060
- disabledForeground#3a1a1a
- dropdown.background#0a0000
- dropdown.border#3a0000
- dropdown.foreground#c8c8c8
- dropdown.listBackground#0a0000
- editor.background#000000
- editor.findMatchBackground#8b000088
- editor.findMatchHighlightBackground#8b000044
- editor.foreground#c8c8c8
- editor.hoverHighlightBackground#8b000033
- editor.inactiveSelectionBackground#8b000033
- editor.lineHighlightBackground#0d0d0d
- editor.rangeHighlightBackground#8b000022
- editor.selectionBackground#8b000055
- editor.selectionHighlightBackground#8b000033
- editor.wordHighlightBackground#8b000044
- editor.wordHighlightStrongBackground#8b000066
- editorBracketMatch.background#8b000044
- editorBracketMatch.border#cc0000
- editorCursor.foreground#cc0000
- editorError.foreground#ff2222
- editorGroup.border#1a0000
- editorGroup.dropBackground#8b000022
- editorGroupHeader.noTabsBackground#000000
- editorGroupHeader.tabsBackground#000000
- editorGutter.addedBackground#5a0000
- editorGutter.background#000000
- editorGutter.deletedBackground#cc0000
- editorGutter.modifiedBackground#8b0000
- editorHint.foreground#6b1111
- editorHoverWidget.background#0a0000
- editorHoverWidget.border#3a0000
- editorIndentGuide.activeBackground1#cc000066
- editorIndentGuide.background1#1a0000
- editorInfo.foreground#8b2222
- editorLineNumber.activeForeground#ff4444
- editorLineNumber.foreground#6b2222
- editorOverviewRuler.addedForeground#8b0000
- editorOverviewRuler.border#0d0000
- editorOverviewRuler.deletedForeground#cc0000
- editorOverviewRuler.errorForeground#ff0000
- editorOverviewRuler.findMatchForeground#cc0000
- editorOverviewRuler.modifiedForeground#cc0000
- editorOverviewRuler.selectionHighlightForeground#8b0000
- editorOverviewRuler.warningForeground#8b0000
- editorRuler.foreground#1a0000
- editorSuggestWidget.background#0a0000
- editorSuggestWidget.border#3a0000
- editorSuggestWidget.foreground#c8c8c8
- editorSuggestWidget.highlightForeground#cc0000
- editorSuggestWidget.selectedBackground#1a0000
- editorWarning.foreground#cc4400
- editorWhitespace.foreground#1a0000
- editorWidget.background#0a0000
- editorWidget.border#3a0000
- editorWidget.resizeBorder#cc0000
- errorForeground#ff2222
- extensionBadge.remoteBackground#8b0000
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#8b0000
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#cc0000
- focusBorder#cc000088
- foreground#c8c8c8
- gitDecoration.addedResourceForeground#6b1111
- gitDecoration.conflictingResourceForeground#ff2222
- gitDecoration.deletedResourceForeground#cc0000
- gitDecoration.ignoredResourceForeground#3a1a1a
- gitDecoration.modifiedResourceForeground#8b0000
- gitDecoration.renamedResourceForeground#8b2222
- gitDecoration.stageDeletedResourceForeground#cc0000
- gitDecoration.stageModifiedResourceForeground#8b0000
- gitDecoration.submoduleResourceForeground#5a1111
- icon.foreground#ff4444
- input.background#0a0000
- input.border#3a0000
- input.foreground#c8c8c8
- input.placeholderForeground#3a1a1a
- inputOption.activeBackground#1a0000
- inputOption.activeBorder#cc0000
- inputOption.activeForeground#cc0000
- inputValidation.errorBackground#1a0000
- inputValidation.errorBorder#cc0000
- inputValidation.errorForeground#ff2222
- inputValidation.warningBackground#0a0000
- inputValidation.warningBorder#8b4400
- list.activeSelectionBackground#1a0000
- list.activeSelectionForeground#cc0000
- list.dropBackground#1a0000
- list.errorForeground#ff2222
- list.focusBackground#1a0000
- list.focusForeground#cc0000
- list.highlightForeground#cc0000
- list.hoverBackground#0d0000
- list.hoverForeground#8b4444
- list.inactiveFocusBackground#0d0000
- list.inactiveSelectionBackground#0d0000
- list.inactiveSelectionForeground#8b3333
- list.warningForeground#cc4400
- menu.background#0a0000
- menu.border#3a0000
- menu.foreground#e0c0c0
- menu.selectionBackground#1a0000
- menu.selectionBorder#3a0000
- menu.selectionForeground#ff4444
- menu.separatorBackground#1a0000
- menubar.selectionBackground#1a0000
- menubar.selectionBorder#3a0000
- menubar.selectionForeground#ff4444
- notificationCenter.border#1a0000
- notificationCenterHeader.background#000000
- notificationCenterHeader.foreground#8b0000
- notifications.background#0a0000
- notifications.border#1a0000
- notifications.foreground#c8c8c8
- notificationsErrorIcon.foreground#ff2222
- notificationsInfoIcon.foreground#8b2222
- notificationsWarningIcon.foreground#cc4400
- notificationToast.border#3a0000
- panel.background#000000
- panel.border#1a0000
- panel.dropBorder#cc0000
- panelInput.border#1a0000
- panelTitle.activeBorder#cc0000
- panelTitle.activeForeground#cc0000
- panelTitle.inactiveForeground#5a2222
- peekView.border#3a0000
- peekViewEditor.background#050000
- peekViewEditor.matchHighlightBackground#8b000055
- peekViewEditorGutter.background#050000
- peekViewResult.background#0a0000
- peekViewResult.fileForeground#8b0000
- peekViewResult.lineForeground#c8c8c8
- peekViewResult.matchHighlightBackground#8b000055
- peekViewResult.selectionBackground#1a0000
- peekViewResult.selectionForeground#cc0000
- peekViewTitle.background#0a0000
- peekViewTitleDescription.foreground#5a2222
- peekViewTitleLabel.foreground#cc0000
- progressBar.background#cc0000
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#cc000088
- scrollbarSlider.background#3a000066
- scrollbarSlider.hoverBackground#8b000066
- selection.background#8b000055
- settings.checkboxBackground#0a0000
- settings.checkboxBorder#3a0000
- settings.checkboxForeground#cc0000
- settings.dropdownBackground#0a0000
- settings.dropdownBorder#3a0000
- settings.dropdownForeground#c8c8c8
- settings.dropdownListBorder#1a0000
- settings.headerForeground#cc0000
- settings.modifiedItemIndicator#cc0000
- settings.numberInputBackground#0a0000
- settings.numberInputBorder#3a0000
- settings.numberInputForeground#c8c8c8
- settings.textInputBackground#0a0000
- settings.textInputBorder#3a0000
- settings.textInputForeground#c8c8c8
- sideBar.background#000000
- sideBar.border#1a0000
- sideBar.dropBackground#8b000022
- sideBar.foreground#8a6060
- sideBarSectionHeader.background#0a0000
- sideBarSectionHeader.border#1a0000
- sideBarSectionHeader.foreground#8b0000
- sideBarTitle.foreground#8b0000
- statusBar.background#0a0000
- statusBar.border#3a0000
- statusBar.debuggingBackground#cc0000
- statusBar.debuggingForeground#000000
- statusBar.foreground#ff4444
- statusBar.noFolderBackground#000000
- statusBar.noFolderForeground#8b3333
- statusBarItem.activeBackground#2a0000
- statusBarItem.errorBackground#ff0000
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#1a0000
- statusBarItem.remoteBackground#cc0000
- statusBarItem.remoteForeground#ffffff
- symbolIcon.arrayForeground#ff4444
- symbolIcon.booleanForeground#ff4444
- symbolIcon.classForeground#ff4444
- symbolIcon.colorForeground#ff4444
- symbolIcon.constantForeground#ff4444
- symbolIcon.constructorForeground#ff4444
- symbolIcon.enumeratorForeground#ff4444
- symbolIcon.enumeratorMemberForeground#ff4444
- symbolIcon.eventForeground#ff4444
- symbolIcon.fieldForeground#ff4444
- symbolIcon.fileForeground#ff4444
- symbolIcon.folderForeground#ff4444
- symbolIcon.functionForeground#ff4444
- symbolIcon.interfaceForeground#ff4444
- symbolIcon.keyForeground#ff4444
- symbolIcon.keywordForeground#ff4444
- symbolIcon.methodForeground#ff4444
- symbolIcon.moduleForeground#ff4444
- symbolIcon.namespaceForeground#ff4444
- symbolIcon.nullForeground#ff4444
- symbolIcon.numberForeground#ff4444
- symbolIcon.objectForeground#ff4444
- symbolIcon.operatorForeground#ff4444
- symbolIcon.packageForeground#ff4444
- symbolIcon.propertyForeground#ff4444
- symbolIcon.referenceForeground#ff4444
- symbolIcon.snippetForeground#ff4444
- symbolIcon.stringForeground#ff4444
- symbolIcon.structForeground#ff4444
- symbolIcon.textForeground#c8c8c8
- symbolIcon.typeParameterForeground#ff4444
- symbolIcon.unitForeground#ff4444
- symbolIcon.variableForeground#ff4444
- tab.activeBackground#0d0000
- tab.activeBorder#cc0000
- tab.activeBorderTop#cc0000
- tab.activeForeground#cc0000
- tab.border#0d0000
- tab.hoverBackground#0d0000
- tab.hoverForeground#8b0000
- tab.inactiveBackground#000000
- tab.inactiveForeground#5a3333
- tab.unfocusedActiveBackground#0d0000
- tab.unfocusedActiveBorder#3a0000
- tab.unfocusedActiveForeground#8b3333
- tab.unfocusedInactiveBackground#000000
- tab.unfocusedInactiveForeground#3a1a1a
- terminal.ansiBlack#0d0000
- terminal.ansiBlue#4a1a1a
- terminal.ansiBrightBlack#3a0000
- terminal.ansiBrightBlue#6b2a2a
- terminal.ansiBrightCyan#8b3333
- terminal.ansiBrightGreen#8b2222
- terminal.ansiBrightMagenta#cc0055
- terminal.ansiBrightRed#ff2222
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#cc6600
- terminal.ansiCyan#5a1a1a
- terminal.ansiGreen#6b1111
- terminal.ansiMagenta#8b0044
- terminal.ansiRed#cc0000
- terminal.ansiWhite#c8c8c8
- terminal.ansiYellow#8b4400
- terminal.background#000000
- terminal.border#1a0000
- terminal.foreground#c8c8c8
- terminal.selectionBackground#8b000055
- terminalCursor.background#000000
- terminalCursor.foreground#cc0000
- textBlockQuote.background#0a0000
- textBlockQuote.border#cc0000
- textCodeBlock.background#0a0000
- textLink.activeForeground#ff2222
- textLink.foreground#cc0000
- textPreformat.foreground#c8c8c8
- textSeparator.foreground#1a0000
- titleBar.activeBackground#0a0000
- titleBar.activeForeground#ff4444
- titleBar.border#1a0000
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#8b3333
- toolbar.activeBackground#1a0000
- toolbar.hoverBackground#0d0000
- walkThrough.embeddedEditorBackground#0a0000
- widget.shadow#cc000033
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #3a1a1a | italic |
| keyword, keyword.control, keyword.operator, keyword.other, storage.type, storage.modifier | #cc0000 | bold |
| string, string.quoted, string.template | #8b2222 | — |
| constant.character.escape | #cc0000 | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined | #cc4444 | — |
| constant, constant.language, support.constant | #aa2222 | — |
| variable, variable.other, variable.language | #c8c8c8 | — |
| variable.language.this, variable.language.self | #cc0000 | bold |
| entity.name.function, meta.function-call, support.function | #e06060 | — |
| variable.parameter | #b08080 | italic |
| entity.name.class, entity.name.type, entity.other.inherited-class, support.class, support.type | #cc2222 | — |
| entity.name.type.interface | #8b0000 | italic |
| entity.name.namespace, entity.name.module | #8b3333 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #cc0000 | italic |
| string.quoted.single.import, string.quoted.double.import | #6b1111 | — |
| keyword.operator | #cc0000 | — |
| punctuation, meta.brace, meta.bracket | #5a2222 | — |
| entity.name.tag, meta.tag | #cc0000 | — |
| entity.other.attribute-name | #8b2222 | italic |
| support.type.property-name.css, meta.property-name.css | #cc0000 | — |
| support.constant.property-value.css, meta.property-value.css | #8b2222 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #e04444 | — |
| support.type.property-name.json | #cc0000 | — |
| string.quoted.double.json | #8b2222 | — |
| markup.heading, entity.name.section.markdown | #cc0000 | bold |
| markup.bold | #e04444 | bold |
| markup.italic | #aa3333 | italic |
| markup.inline.raw, markup.fenced_code.block | #8b2222 | — |
| markup.underline.link | #cc0000 | — |
| invalid, invalid.deprecated | #ff0000 | strikethrough |
| string.regexp | #cc2222 | — |
| punctuation.definition.group.regexp | #ff3333 | — |