Dark Blood - Theme for VSCode

Skip to main content

Hashnode Patryk Developer - Blog

Patryk Developer - Blog

Command Palette

Search for a command to run...

Dark Blood - Theme for VSCode

Available v3.0.0

PublishedApril 23, 2021

•2 min read•View as Markdown

Dark Blood - Theme for VSCode

Patryk Rzucidło (PTKDev)

On this page

🎨 vscode-theme-dark-blood 👔 Screenshot Blood - Default Blood - Type A Blood - Type B Blood - Type AB Blood - Type 0 🚀 Installation ❤️ Thanks! Leave a feedback!

Comments (1)

Join the discussion

Syed Fazle Rahman5y ago

Patryk Rzucidło (PTKDev) Great theme.

A quick tip: the screenshots aren't visible. I understand your intent of placing the images side-by-side. However, they are currently not helping your article.

Also, a single line below each type of theme and how they are different from each other would be helpful. :)

Patryk Rzucidło (PTKDev)5y ago

Click on screenshot and will be open in full screen.

More from this blog

The best alternative to the console.log statement

Beautiful Logger for Node.js

Apr 12, 2021·3 min read

The best alternative to the console.log statement

Automate your badges on markdown files with all-shields-cli

Tool to help automate your badges of shields.io from .all-shieldsrc

Apr 9, 2021·2 min read

Automate your badges on markdown files with all-shields-cli

Make everything with Svelte

Become a Full Stack Javascript Developer with this Svelte Github Templates

Apr 7, 2021·2 min read

Make everything with Svelte

Patryk Developer - Blog

4 posts

🐞 Javascript Developer - I make awesome Open Source software, bot, app and tools.

🎨 vscode-theme-dark-blood

I released the new version of my dark theme for VSCode, 1 theme with 5 shades of different colors with the name of the blood type (A, B, AB, 0)! Optimized for typescript and javascript. I wrote some regexes to color JSDoc comments correctly too which are now much more readable.

👔 Screenshot

Blood - Default

Blood - Type A

Blood - Type B

Blood - Type AB

Blood - Type 0

🚀 Installation

Install extension from vscode marketplace.
Open VSCode, go to extensions list and find "Dark Blood Theme"
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.

❤️ Thanks! Leave a feedback!

#vscode #theme #javascript #typescript #webdev

© 2026 Patryk Developer - Blog

Archive
Privacy
Terms