My Custom VS Code Theme inspired by Dalton Menezes' Aura Theme and CodingPhase's VS Code Style.
-
Open up a Terminal
-
Install vsce package
npm install -g vsce
-
Package the theme
vsce package
-
Install the theme
code --install-extension [name_of_packaged_theme].vsix
Example:
code --install-extension my-vscode-theme-0.0.1.vsix
-
Install Custom CSS and JS Loader
-
Open up VS Code Settings JSON
For Windows:
Ctrl + Shift + P > Open User Settings (JSON)
-
Copy and paste these properties into the JSON file
"vscode_custom_css.imports": [ "file:///[Drive]:/Users/[User]/.vscode/extensions/undefined_publisher.my-vscode-theme-0.0.1/myCustomStyles.css" ], "workbench.tree.indent": 20, "editor.cursorSmoothCaretAnimation": "on", "editor.cursorBlinking": "smooth", "editor.lineHeight": 1.5, "terminal.external.linuxExec": "iterm"
-
Reload Custom CSS and JS
For Windows:
Ctrl + Shift + P > Reload Custom CSS and JS