๐จ vscode-theme-dark-blood
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!
๐ Menu
๐ก Features๐ Screenshot๐ How to use๐จ Developer mode๐ Documentation๐จโ๐ป Contributing๐ Known Bugs๐ป Community:- Telegram (
๐ฌ๐ง English |๐ฎ๐น Italian) - Discord (
๐ฌ๐ง English |๐ฎ๐น Italian |๐ต๐ฑ Polish)
- Telegram (
๐ก 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
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.
- 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": [
"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
- Download nightly, beta or stable.
- Run
npm run init
- Run
npm run pack
- Install VSCode
- Open extension list, click on
...
on right/up corner - Select
Install from VSIX
- Choose
/dist/dark-blood-theme-X.X.X.vsix
- Go to extensions list and find "Dark Blood Theme"
- Click to
Set Color Theme
and confirm theme.
๐ Documentation
Run npm run docs
๐ Backers and Sponsors
Thanks to all our backers!
๐จโ๐ป Contributing
I .all-contributorsrc
and package.json
file.
Thanks goes to these wonderful people (emoji key):
Patryk Rzucidลo |
๐ฐ 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
๐ซ 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