Author

I'm evondev, a frontend developer also a blogger and youtuber teaching and sharing knowledge about HTML CSS. https://evondev.com is my personal blog and https://codingui.dev is my personal project to share UI.

vscode-dracula-dark

Just simple vscode Dracula Theme with dark color customization version

Install dracula theme

Link to install dracula theme for vscode: vscode:extension/dracula-theme.theme-dracula

Install theme

Open Visual Studio Code and click to Extensions icon(4 square) on the left of sidebar and type Dracula Official
Click install and then choose Dracula color scheme
Open your settings.json by ctrl/command + shift + P and type settings.json
You'll see Preferences: Open Setting(JSON) and hit Enter to open your settings.json
Copy all setting from my settings.txt to your settings.json and save

Install fonts

Base on your system you can search on Google how to install fonts for your system with all fonts in fonts folder
After installed fonts, you can use in your Visual Studio Code with setting editor.fontFamily in your settings.json. Example: editor.fontFamily: "SF Mono, Inconsolata, Arial, Helvetica, sans-serif"

Some of images

HTML

SASS

JAVASCRIPT

JSX

Bonus - PowerMode

Install this package at this link: vscode:extension/hoovercj.vscode-power-mode, after installed, you can copy powermode settings in settings.txt to your settings.json

Notice

Your settings.json should have curly braces at beginning and the end of file. For example: { // your all settings here, // other settings you copied from my custom }

SskyWorms / vscode-dracula-dark