Superior power-charged settings for Visual Studio Code editor. 🚀
This repository contains a Visual Studio Code settings and theme. Used when coding Digitoimisto Dude Oy's Projects.
Strongly WIP. Updates regurarly. Aims to be minimal and usable.
🎨 Beautiful - I'm a highly visual perfectionist-person so and that means my editor must look perfectly minimal, distract-free and beautiful. There are not a lot themes out there that please me, so I decided to build my own.
🧠 Useful extensions - Contains lots of extensions that will not slow down VSCode. Browse extensions here.
✂ Snippets - Useful snippets like media + tab
for media queries. Browse snippets here.
⌨ Key bindings - Useful keybindings for different kind of tasks. Browse keybindings here. ⚡ Fast - VSCode has not always been the fastest but I select my extensions wisely. No excessive extensions that don't get updated.
👨💻 Customizable - Feel free to fork this repository and modify settings to your liking. Let me know what you have done!
Preferences: Open User Settings (JSON)
rolle
from settings.json and replace with your username (or fix paths if you are on different systems than macOS). Save and restart VSCode when asked.You can decide which ones you want to install but I recommend to install them all to get the best experience. These extensions are carefully selected and fully supported by my VSCode settings.json already.
These extensions are not related to my settings so you can choose whether you want to install them or not.
Recommended install: Github Purple + Sweet vscode Icons to get this look:
My "theme" is my own mix of Spacegray, Synthwave '84 and Dracula. Color overrides are achieved via settings.json so no actual theme extension is needed.
To achieve this, include these to your settings.json. Then:
Enable Custom CSS and JS
, restart VSCodeFix Checksums: Apply
, restart VSCode by pressing ⌘ + Q and reopen VSCode. You'll need to do this each time VSCode updates (you'll see when the font sizes change)Change these to settings.json:
"helium-icon-theme.saturation": 1,
"helium-icon-theme.opacity": 1,
Then ⌘ + ⇧ + P and select Preferences: File Icon Theme
, select any other than Helium. After this re-activate Helium icons.
If you don't want to use CSS customizations, everything may look a big big and clumsy. You'll fix this by changing font/UI size settings to this:
"editor.lineHeight": 24,
"window.zoomLevel": 0.4,
"editor.fontSize": 14,
If you want to import your Sublime Keymaps, go through this documentation.
If you use Windows you need a bat file for executables, see this and this. Get my bat files from vscode-windows-helpers.