npm package: @ptkdev/vscode-theme-dark-blood
Description: VSCode theme for the night work. Inspired by base16-dark
Author: Patryk Rzucidło [@ptkdev]
Latest version: 3.1.0

[![vscode-theme-dark-blood](https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/dark-blood-theme.png)](https://marketplace.visualstudio.com/items?itemName=ptkdev.dark-blood-theme)

# 🎨 vscode-theme-dark-blood

<!-- all-shields/header-badges:START -->

[![v3.1.0](https://img.shields.io/badge/version-v3.1.0-lightgray.svg?style=flat&logo=)](https://github.com/ptkdev/vscode-theme-dark-blood/blob/main/CHANGELOG.md) [![](https://img.shields.io/npm/v/@ptkdev/vscode-theme-dark-blood?color=CC3534&logo=npm)](https://www.npmjs.com/package/@ptkdev/vscode-theme-dark-blood) [![License: MIT](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat&logo=license)](https://github.com/ptkdev/vscode-theme-dark-blood/blob/main/LICENSE.md) [![VSCode](https://img.shields.io/badge/powered%20by-vscode-0066B8.svg?style=flat&logo=visual-studio-code)](https://code.visualstudio.com/api/working-with-extensions/publishing-extension) [![Discord Server](https://discordapp.com/api/guilds/383373985666301975/embed.png)](https://discord.ptkdev.io)

<!-- all-shields/header-badges:END -->

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

[![vscode-theme-dark-blood](https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/badge.png)](https://marketplace.visualstudio.com/items?itemName=ptkdev.dark-blood-theme)

## 🎁 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!**

<!-- all-shields/sponsors-badges:START -->

[![Donate Paypal](https://img.shields.io/badge/donate-paypal-005EA6.svg?style=for-the-badge&logo=paypal)](https://www.paypal.me/ptkdev) [![Donate Ko-Fi](https://img.shields.io/badge/donate-ko--fi-29abe0.svg?style=for-the-badge&logo=ko-fi)](https://ko-fi.com/ptkdev) [![Donate Github Sponsors](https://img.shields.io/badge/donate-sponsors-ea4aaa.svg?style=for-the-badge&logo=github)](https://github.com/sponsors/ptkdev) [![Donate Patreon](https://img.shields.io/badge/donate-patreon-F87668.svg?style=for-the-badge&logo=patreon)](https://www.patreon.com/join/ptkdev) [![Donate Bitcoin](https://img.shields.io/badge/BTC-35jQmZCy4nsxoMM3QPFrnZePDVhdKaHMRH-E38B29.svg?style=flat-square&logo=bitcoin)](https://ptk.dev/img/icons/menu/bitcoin_wallet.png) [![Donate Ethereum](https://img.shields.io/badge/ETH-0x8b8171661bEb032828e82baBb0B5B98Ba8fBEBFc-4E8EE9.svg?style=flat-square&logo=ethereum)](https://ptk.dev/img/icons/menu/ethereum_wallet.png)

<!-- all-shields/sponsors-badges:END -->

## 📎 Menu

-   💡 [Features](#-features)
-   👔 [Screenshot](#-screenshot)
-   🚀 [How to use](#-installation)
-   🔨 [Developer mode](#-developer-mode)
-   📚 [Documentation](#-documentation)
-   👨‍💻 [Contributing](#-contributing)
-   🐛 [Known Bugs](https://github.com/ptkdev/vscode-theme-dark-blood/issues?q=is%3Aopen+is%3Aissue+label%3Abug)
-   🍻 Community:
    -   <img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/social_telegram.png" height="18px"> Telegram ([🇬🇧 English](http://t.me/ptkdev_support) | [🇮🇹 Italian](http://t.me/ptkdev_support_italian))
    -   <img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/social_discord.png" height="18px"> [Discord](https://discord.ptkdev.io) ([🇬🇧 English](https://discord.gg/4zW4KNz) | [🇮🇹 Italian](https://discord.gg/4vggHge) | [🇵🇱 Polish](https://discord.gg/exnyeD4))
    -   <img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/social_twitter.png" height="18px"> [Twitter](http://twitter.com/ptkdevio)

## 💡 Features

-   [✔️] 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

## 👔 Screenshot

### Blood - Default

<table>
	<tr>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/notype-1.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/notype-1.png"></a></td>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/notype-2.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/notype-2.png"></a></td>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/notype-3.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/notype-3.png"></a></td>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/palette-notype.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/palette-notype.png"></a></td>
	</tr>
</table>

### Blood - Type A

<table>
	<tr>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-a-1.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-a-1.png"></a></td>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-a-2.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-a-2.png"></a></td>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-a-3.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-a-3.png"></a></td><td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/palette-a.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/palette-a.png"></a></td>
	</tr>
</table>

### Blood - Type B

<table>
	<tr>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-b-1.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-b-1.png"></a></td>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-b-2.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-b-2.png"></a></td>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-b-3.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-b-3.png"></a></td>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/palette-b.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/palette-b.png"></a></td>
	</tr>
</table>

### Blood - Type AB

<table>
	<tr>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-ab-1.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-ab-1.png"></a></td>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-ab-2.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-ab-2.png"></a></td>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-ab-3.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-ab-3.png"></a></td>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/palette-ab.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/palette-ab.png"></a></td>
	</tr>
</table>

### Blood - Type 0

<table>
	<tr>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-zero-1.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-zero-1.png"></a></td>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-zero-2.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-zero-2.png"></a></td>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-zero-3.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-zero-3.png"></a></td>
		<td width="30%"><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/palette-zero.png"><img width="100%" src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/palette-zero.png"></a></td>
	</tr>
</table>

## 🚀 Installation

1. Install extension from [vscode marketplace](https://marketplace.visualstudio.com/items?itemName=ptkdev.dark-blood-theme).
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](https://github.com/tonsky/FiraCode/wiki/VS-Code-Instructions)** or **[JetBrains Mono Medium](https://www.jetbrains.com/lp/mono/#how-to-install)** (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`:

```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": [
		"javascript",
		"javascriptreact",
		"typescript",
		"typescriptreact",
		"svelte"
	],
	"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](https://github.com/ptkdev/vscode-theme-dark-blood/archive/nightly.zip), [beta](https://github.com/ptkdev/vscode-theme-dark-blood/archive/beta.zip) or [stable](https://github.com/ptkdev/vscode-theme-dark-blood/archive/main.zip).
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.

## 📚 Documentation

Run `npm run docs`

## 👑 Backers and Sponsors

Thanks to all our backers! 🙏 Donate 3$ or more on [paypal](https://www.paypal.me/ptkdev), [ko-fi](https://ko-fi.com/ptkdev), [github](https://github.com/sponsors/ptkdev) or [patreon](https://www.patreon.com/join/ptkdev) and send me [email](mailto:support@ptkdev.io) with your avatar and url.

[![](https://api.ptkdev.io/backers/sponsor1.png?)](https://api.ptkdev.io/backers/sponsor1.html) [![](https://api.ptkdev.io/backers/sponsor2.png?)](https://api.ptkdev.io/backers/sponsor2.html) [![](https://api.ptkdev.io/backers/sponsor-kofi1.png?)](https://api.ptkdev.io/backers/sponsor-kofi1.html) [![](https://api.ptkdev.io/backers/sponsor-kofi2.png?)](https://api.ptkdev.io/backers/sponsor-kofi2.html) [![](https://api.ptkdev.io/backers/sponsor-kofi3.png?)](https://api.ptkdev.io/backers/sponsor-kofi3.html) [![](https://api.ptkdev.io/backers/sponsor3.png?)](https://api.ptkdev.io/backers/sponsor3.html) [![](https://api.ptkdev.io/backers/sponsor4.png?)](https://api.ptkdev.io/backers/sponsor4.html) [![](https://api.ptkdev.io/backers/sponsor5.png?)](https://api.ptkdev.io/backers/sponsor5.html) [![](https://api.ptkdev.io/backers/sponsor6.png?)](https://api.ptkdev.io/backers/sponsor6.html) [![](https://api.ptkdev.io/backers/sponsor7.png?)](https://api.ptkdev.io/backers/sponsor7.html) [![](https://api.ptkdev.io/backers/sponsor8.png?)](https://api.ptkdev.io/backers/sponsor8.html) [![](https://api.ptkdev.io/backers/sponsor9.png?)](https://api.ptkdev.io/backers/sponsor9.html) [![](https://api.ptkdev.io/backers/sponsor10.png?)](https://api.ptkdev.io/backers/sponsor10.html) [![](https://api.ptkdev.io/backers/sponsor11.png?)](https://api.ptkdev.io/backers/sponsor11.html) [![](https://api.ptkdev.io/backers/sponsor12.png?)](https://api.ptkdev.io/backers/sponsor12.html) [![](https://api.ptkdev.io/backers/sponsor13.png?)](https://api.ptkdev.io/backers/sponsor13.html) [![](https://api.ptkdev.io/backers/sponsor14.png?)](https://api.ptkdev.io/backers/sponsor14.html) [![](https://api.ptkdev.io/backers/sponsor15.png?)](https://api.ptkdev.io/backers/sponsor15.html) [![](https://api.ptkdev.io/backers/backer1.png?)](https://api.ptkdev.io/backers/backer1.html) [![](https://api.ptkdev.io/backers/backer2.png?)](https://api.ptkdev.io/backers/backer2.html) [![](https://api.ptkdev.io/backers/backer3.png?)](https://api.ptkdev.io/backers/backer3.html) [![](https://api.ptkdev.io/backers/backer4.png?)](https://api.ptkdev.io/backers/backer4.html) [![](https://api.ptkdev.io/backers/backer5.png?)](https://api.ptkdev.io/backers/backer5.html) [![](https://api.ptkdev.io/backers/backer6.png?)](https://api.ptkdev.io/backers/backer6.html) [![](https://api.ptkdev.io/backers/backer7.png?)](https://api.ptkdev.io/backers/backer7.html) [![](https://api.ptkdev.io/backers/backer8.png?)](https://api.ptkdev.io/backers/backer8.html) [![](https://api.ptkdev.io/backers/backer9.png?)](https://api.ptkdev.io/backers/backer9.html) [![](https://api.ptkdev.io/backers/backer10.png?)](https://api.ptkdev.io/backers/backer10.html) [![](https://api.ptkdev.io/backers/backer11.png?)](https://api.ptkdev.io/backers/backer11.html) [![](https://api.ptkdev.io/backers/backer12.png?)](https://api.ptkdev.io/backers/backer12.html) [![](https://api.ptkdev.io/backers/backer13.png?)](https://api.ptkdev.io/backers/backer13.html) [![](https://api.ptkdev.io/backers/backer14.png?)](https://api.ptkdev.io/backers/backer14.html) [![](https://api.ptkdev.io/backers/backer15.png?)](https://api.ptkdev.io/backers/backer15.html) [![](https://api.ptkdev.io/backers/backer16.png?)](https://api.ptkdev.io/backers/backer16.html) [![](https://api.ptkdev.io/backers/backer17.png?)](https://api.ptkdev.io/backers/backer17.html) [![](https://api.ptkdev.io/backers/backer18.png?)](https://api.ptkdev.io/backers/backer18.html) [![](https://api.ptkdev.io/backers/backer19.png?)](https://api.ptkdev.io/backers/backer19.html) [![](https://api.ptkdev.io/backers/backer20.png?)](https://api.ptkdev.io/backers/backer20.html) [![](https://api.ptkdev.io/backers/backer21.png?)](https://api.ptkdev.io/backers/backer21.html) [![](https://api.ptkdev.io/backers/backer22.png?)](https://api.ptkdev.io/backers/backer22.html) [![](https://api.ptkdev.io/backers/backer23.png?)](https://api.ptkdev.io/backers/backer23.html) [![](https://api.ptkdev.io/backers/backer24.png?)](https://api.ptkdev.io/backers/backer24.html) [![](https://api.ptkdev.io/backers/backer25.png?)](https://api.ptkdev.io/backers/backer25.html) [![](https://api.ptkdev.io/backers/backer26.png?)](https://api.ptkdev.io/backers/backer26.html) [![](https://api.ptkdev.io/backers/backer27.png?)](https://api.ptkdev.io/backers/backer27.html) [![](https://api.ptkdev.io/backers/backer28.png?)](https://api.ptkdev.io/backers/backer28.html) [![](https://api.ptkdev.io/backers/backer29.png?)](https://api.ptkdev.io/backers/backer29.html)

## 👨‍💻 Contributing

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](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tr>
    <td align="center"><a href="https://ptk.dev"><img src="https://avatars1.githubusercontent.com/u/442844?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Patryk Rzucidło</b></sub></a><br /><a href="https://github.com/ptkdev/ptkdev/vscode-theme-dark-blood/commits?author=ptkdev" title="Code">💻</a> <a href="#translation-ptkdev" title="Translation">🌍</a> <a href="https://github.com/ptkdev/ptkdev/vscode-theme-dark-blood/commits?author=ptkdev" title="Documentation">📖</a> <a href="https://github.com/ptkdev/ptkdev/vscode-theme-dark-blood/issues?q=author%3Aptkdev" title="Bug reports">🐛</a></td>
  </tr>
</table>

<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->

<!-- ALL-CONTRIBUTORS-LIST:END -->

> 💰 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

<!-- all-shields/projects-badges1:START -->

[![](https://img.shields.io/badge/%F0%9F%92%BB%20My-Portfolio-3498db.svg?style=flat&logo=)](https://ptk.dev/)

<!-- all-shields/projects-badges1:END -->

<!-- all-shields/projects-badges2:START -->

[![](https://img.shields.io/badge/%F0%9F%A6%92%20Tools-Node%20Logger-9b59b6.svg?style=flat&logo=)](https://github.com/ptkdev/ptkdev-logger) [![](https://img.shields.io/badge/%F0%9F%A6%8C%20Tools-All%20Shields%20CLI-9b59b6.svg?style=flat&logo=)](https://github.com/ptkdev/all-shields-cli) [![](https://img.shields.io/badge/%F0%9F%96%A5%EF%B8%8F%20Tools-Aspect%20Ratio%2021%3A9-9b59b6.svg?style=flat&logo=)](https://github.com/ptkdev/chrome-extension-aspectratio219) [![](https://img.shields.io/badge/%F0%9F%9B%A1%20Tools-Badges%3A%20Available%20on-9b59b6.svg?style=flat&logo=)](https://availableon.badge.ptkdev.io/) [![](https://img.shields.io/badge/%F0%9F%90%BE%20Tools-JSON%20Token%20Replace-9b59b6.svg?style=flat&logo=)](https://github.com/ptkdev/json-token-replace) [![](https://img.shields.io/badge/%F0%9F%90%8D%20Tools-ESLint%3A%20snakecasejs-9b59b6.svg?style=flat&logo=)](https://github.com/ptkdev/eslint-plugin-snakecasejs)

<!-- all-shields/projects-badges2:END -->

<!-- all-shields/projects-badges3:START -->

[![](https://img.shields.io/badge/%F0%9F%93%B8%20WebComponent-Instagram%20Widget-e74c3c.svg?style=flat&logo=)](https://github.com/ptkdev-components/webcomponent-instagram-widget) [![](https://img.shields.io/badge/%F0%9F%91%91%20WebComponent-My%20Patreon%20Box-e74c3c.svg?style=flat&logo=)](https://github.com/ptkdev-components/webcomponent-patreon-box) [![](https://img.shields.io/badge/%F0%9F%8F%9E%20WebComponent-Carousel%20Slideshow-e74c3c.svg?style=flat&logo=)](https://github.com/ptkdev-components/webcomponent-carousel-slideshow)

<!-- all-shields/projects-badges3:END -->

<!-- all-shields/projects-badges4:START -->

[![](https://img.shields.io/badge/%F0%9F%8E%A8%20Themes-VSCode-f1c40f.svg?style=flat&logo=)](https://github.com/ptkdev/vscode-theme-dark-blood) [![](https://img.shields.io/badge/%F0%9F%93%9A%20Bot-GameBookChat-34495e.svg?style=flat&logo=)](https://t.me/gamebookchatbot) [![](https://img.shields.io/badge/%F0%9F%91%94%20Boilerplate-Svelte-f368e0.svg?style=flat&logo=)](https://github.com/ptkdev-boilerplate?q=svelte) [![](https://img.shields.io/badge/%F0%9F%91%94%20Boilerplate-WebComponents-f368e0.svg?style=flat&logo=)](https://github.com/ptkdev-boilerplate?q=webcomponent) [![](https://img.shields.io/badge/%F0%9F%91%94%20Boilerplate-BOT-f368e0.svg?style=flat&logo=)](https://github.com/ptkdev-boilerplate?q=bot) [![](https://img.shields.io/badge/%F0%9F%91%94%20Boilerplate-Node-f368e0.svg?style=flat&logo=)](https://github.com/ptkdev-boilerplate?q=node) [![](https://img.shields.io/badge/%F0%9F%92%85%20App-Me%20in%20Gifs-2ecc71.svg?style=flat&logo=)](https://meingifs.pics/) [![](https://img.shields.io/badge/%F0%9F%93%B1%20App-Stickers-2ecc71.svg?style=flat&logo=)](https://github.com/ptkdev/ptkdev-stickers#-install-free)

<!-- all-shields/projects-badges4:END -->

## 💫 License

-   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 Rzucidło](https://ptk.dev) ([@PTKDev](https://twitter.com/ptkdev)) <[support@ptkdev.io](mailto:support@ptkdev.io)>