Dark Mode theme for VS code
Repository
Getting started
You can install this theme through Visual Studio Code Marketplace.
Installation
- Open extensions tab
- Search jugal13
- Click install
Prerequisite
The list of extensions are being used with the theme
- Bracket Pair Colorizer 2
- Todo Tree
- Material Icon Theme
- Better Comments
Activation
- Open Command Pallete
- Preferences: Color Scheme
- Select jugal13-theme
Override theme colors
Overriding Colours Documentation
Color Scheme override
Example (Syntax Colours without textMate Rules)
"editor.tokenColorCustomizations": {
"[jugal13-theme]": {
"comments": "#229977"
}
},
Example (Syntax Colours using textMate Rules)
"editor.tokenColorCustomizations": {
"[jugal13-theme]": {
"textMateRules": [
{
"name": "Variables",
"scope": ["variable", "string constant.other.placeholder"],
"settings": {
"foreground": "#EEFFFF"
}
},
]
},
},
"workbench.colorCustomizations": {
"[jugal13-theme]": {
"activityBar.activeBorder": "#ff33ff",
"activityBar.background": "#111111",
"activityBar.border": "#333333",
"activityBar.dropBackground": "#ff0033",
"activityBar.foreground": "#ffffff",
"activityBar.inactiveForeground": "#00ffbd",
"activityBarBadge.background": "#ff0000",
"activityBarBadge.foreground": "#000000",
}
},
textMate Rules
- Open Command Palette
- Select
Developer: Inspect Editor Tokens and Scopes
- Place cursor to identify the scope of the element in the file
Video
Screenshots
Flutter Dart
HTML
CSS
SCSS
JS
TS
Python
C
C++
SQL