Repository Changes Summary 🎉 🎉

Workbench Configuration

• window title edit option is added. You can add your name there with emoji's if you want. Just replace User part inside quotation "🫡 Hello User This is ${dirty}${activeFolderShort} folder" with your name or whatever you wish to do in the json file in the downloaded zip folder. Don't edit the part inside ${}.

Editor Configuration

• The glyph margin has been disabled.
• Code folding enabling and disabling option added.
• Trim whitespace differences are ignored.
• Unchanged regions in diff editor are hidden.

Comments have been customized with specific font styles and colors.

• General comment styles have been set to italic and bold with a specific foreground color.
• Source code elements (Java, CSS, JS, C, C++, HTML, Python) have been styled to be italic.
• Punctuation definitions within comments have been set to a bold font style with a distinct foreground color.

some extension settings are edited here

• Custom CSS and JS loader
• Dracula theme official
• live server
• CodeSnap

How to use

First, Ensure dracula theme is installed and enabled(enable normal one not the dracula soft theme). Download the whole file from repository first. First copy the code of settings.json file . Open vscode and press Ctrl+Shift+P on Windows/Linux or Cmd+Shift+P on macOS. Type Preferences: Open User Settings(JSON) and press enter. Now paste the codes of the json file and save it. Install Custom CSS and JS loader from extension market. Now add the file location of the css file and the svg file in the settings.json file(line no. 202) and css file(line no. 501) respectively according to the pattern shown in the json file and css file of the downloaded zip file. Then, again press press Ctrl+Shift+P on Windows/Linux or Cmd+Shift+P on macOS, type Enable Custom CSS and JS and press enter. Then press restart button which will be shown in the bottom right corner of the vscode editor(check the notification panel there). Now all the changes will be reflected unless you make a problem in file location. Check the gif for minimal setup to hide the different bars of vscode ui.

Important info

sometimes after update in vscode, editor ui may go back to normal style. If this happens, go to command pallete [press Ctrl+Shift+P on Windows/Linux or Cmd+Shift+P on macOS] , type Reload Custom CSS and JS then follow the same procedure as mentioned in Enable Custom CSS and JS section above.

Previews

Python with comments

JS with comments

HTML

CSS

• for violet or other effect shown in the picture use Peacock extension and choose random color from options

Command Palette

For Minimal setup change the visibilities according to the instructions

latest