Vscode Theme Dark Blood

🎨 VSCode Theme: Dark Blood
Alternatives To Vscode Theme Dark Blood
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Awesome Vscode22,462
13 days ago66cc0-1.0JavaScript
🎨 A curated list of delightful VS Code packages and resources.
9 months ago72JavaScript
📸 Polaroid for your code
Themer5,14834313 days ago11October 13, 201822mitTypeScript
🎨 themer takes a set of colors and generates themes for your apps (editors, terminals, wallpapers, and more).
Vscode Icons4,037
11 days ago7December 04, 2021190mitTypeScript
Icons for Visual Studio Code
Night Owl Vscode Theme2,669
a month ago64mit
🌌 NIGHT OWL: A VS Code dark theme for contrast for nighttime coding, 🦉 LIGHT OWL: a daytime light theme
Aura Theme2,628
2 months ago7October 15, 202118mitTypeScript
✨ A beautiful dark theme for your favorite apps.
Github Vscode Theme1,742
a month ago11July 15, 202236mitJavaScript
GitHub's VS Code themes
Vscode Material Icon Theme1,593112 days ago9July 02, 2022509mitTypeScript
Available on the VSCode Marketplace
Vscode Icons1,401
6 months ago9mitJavaScript
Custom Visual Studio Code Icons
Onedark Pro1,286
20 hours ago55mitTypeScript
Atom's iconic One Dark theme for Visual Studio Code
Alternatives To Vscode Theme Dark Blood
Select To Compare

Alternative Project Comparisons



v3.1.0 License: MIT VSCode Discord Server

VSCode theme for the night work. Inspired by base16-dark


Support: Donate

This project is free, open source and I try to provide excellent free support. Why donate? I work on this project several hours in my spare time and try to keep it up to date and working. THANK YOU!

Donate Paypal Donate Ko-Fi Donate Github Sponsors Donate Patreon Donate Bitcoin Donate Ethereum



  • [] Easy to use
  • [] MIT License
  • [] 5 Themes
  • [] Programming languages: all supported by visual studio code
  • [] Optimized languages: javascript/es6/nodejs, json, css/sass, html5, markdown, nunjucks, jsdoc


Blood - Default

Blood - Type A

Blood - Type B

Blood - Type AB

Blood - Type 0


  1. Install extension from vscode marketplace.
  2. Open VSCode, go to extensions list and find "Dark Blood Theme"
  3. Click to Set Color Theme and confirm theme.

Extra: if you want exactly what the screenshots look like (icons, hexcode colors preview, etc), install these extensions:

  • Set font: Fira Code Medium or JetBrains Mono Medium (13.5px size and 500 weight + ligatures).
  • ext install pkief.material-icon-theme
  • ext install naumovs.color-highlight
  • ext install wiggin77.codedox
  • ext install gruntfuggly.todo-tree
  • ext install esbenp.prettier-vscode
  • ext install dbaeumer.vscode-eslint

Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.

VSCode settings.json:

	"editor.fontFamily": "JetBrains Mono Medium, JetBrains Mono, Fira Code Retina,Fira Code Medium, Fira Code,Cascadia Code",
	"editor.fontLigatures": true,
	"workbench.colorTheme": "Dark Blood",
	"files.autoSave": "afterDelay",
	"files.autoSaveDelay": 30000,
	"editor.codeActionsOnSave": {
		"source.fixAll.eslint": true
	"eslint.format.enable": true,
	"[javascript]": {
		"editor.defaultFormatter": "dbaeumer.vscode-eslint"
	"[typescript]": {
		"editor.defaultFormatter": "vscode.typescript-language-features"
	"[scss]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	"[css]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	"[html]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	"[jsonc]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	"[json]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	"[svelte]": {
		"editor.defaultFormatter": "svelte.svelte-vscode"
	"editor.formatOnSave": true,
	"editor.formatOnPaste": true,
	"eslint.validate": [
	"eslint.options": {
		"extensinons": [".ts", ".js", ".tsx", ".jsx", ".svelte"]
	"todo-tree.highlights.customHighlight": {
		"TODO": {
			"foreground": "black",
			"background": "#82AAFF",
			"icon": "tag",
			"iconColour": "#82AAFF",
			"gutterIcon": true
		"BUG": {
			"foreground": "white",
			"background": "#AC4142",
			"icon": "bug",
			"iconColour": "#AC4142",
			"gutterIcon": true
		"FIXME": {
			"foreground": "black",
			"background": "#FFCC00",
			"iconColour": "#FFCC00",
			"icon": "alert",
			"gutterIcon": true
	"todo-tree.highlights.defaultHighlight": {
		"type": "text-and-comment"
	"material-icon-theme.folders.associations": {
		"wordpress": "wordpress",
		"modules": "App",
		"desktop": "Container",
		"dist-desktop": "Dist",
		"dist-client": "Dist",
		"dist-mobile": "Dist",
		"webcomponent": "Middleware",
		"webcomponents": "Middleware",
		"interfaces": "Include",
		"interface": "Include",
		"logger": "Log",
		"mode": "Class",
		"types": "Typescript",
		"ISSUE_TEMPLATE": "Template"

Developer Mode

  1. Download nightly, beta or stable.
  2. Run npm run init
  3. Run npm run pack
  4. Install VSCode
  5. Open extension list, click on ... on right/up corner
  6. Select Install from VSIX
  7. Choose /dist/dark-blood-theme-X.X.X.vsix
  8. Go to extensions list and find "Dark Blood Theme"
  9. Click to Set Color Theme and confirm theme.


Run npm run docs

Backers and Sponsors

Thanks to all our backers! Donate 3$ or more on paypal, ko-fi, github or patreon and send me email with your avatar and url.


I contributions! I will happily accept your pull request! Translations, grammatical corrections (GrammarNazi you are welcome! Yes my English is bad, sorry), etc... Do not be afraid, if the code is not perfect we will work together and remember to insert your name in .all-contributorsrc and package.json file.

Thanks goes to these wonderful people (emoji key):

Patryk Rzucido

In the future, if the donations allow it, I would like to share some of the success with those who helped me the most. For me open source is share of code, share development knowledges and share donations!

Other Projects


  • Code and Contributions have MIT License
  • Images and logos have CC BY-NC 4.0 License
  • Documentations and Translations have CC BY 4.0 License
Copyleft (c) 2021 Patryk Rzucido (@PTKDev) <[email protected]>
Popular Theme Projects
Popular Vscode Projects
Popular User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Vscode Extension
Dark Theme
Vscode Theme