{"id":49575187,"url":"https://github.com/rollecode/vscode-settings","last_synced_at":"2026-05-03T16:10:58.910Z","repository":{"id":43099394,"uuid":"261474459","full_name":"rollecode/vscode-settings","owner":"rollecode","description":"Superior power-charged settings for Visual Studio Code editor. 🚀 ","archived":false,"fork":false,"pushed_at":"2026-03-25T10:37:37.000Z","size":242328,"stargazers_count":20,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-05-02T13:33:34.843Z","etag":null,"topics":["visual-studio-code","vscode","vscode-settings","vscode-theme"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rollecode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2020-05-05T13:16:15.000Z","updated_at":"2026-03-29T21:11:11.000Z","dependencies_parsed_at":"2026-02-02T12:05:05.824Z","dependency_job_id":null,"html_url":"https://github.com/rollecode/vscode-settings","commit_stats":{"total_commits":353,"total_committers":2,"mean_commits":176.5,"dds":"0.025495750708215303","last_synced_commit":"f6604795448dfccbd8121bf7c1efca92498a609e"},"previous_names":["rollecode/vscode-settings"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rollecode/vscode-settings","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rollecode%2Fvscode-settings","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rollecode%2Fvscode-settings/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rollecode%2Fvscode-settings/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rollecode%2Fvscode-settings/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rollecode","download_url":"https://codeload.github.com/rollecode/vscode-settings/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rollecode%2Fvscode-settings/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32575394,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["visual-studio-code","vscode","vscode-settings","vscode-theme"],"created_at":"2026-05-03T16:10:58.794Z","updated_at":"2026-05-03T16:10:58.901Z","avatar_url":"https://github.com/rollecode.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚀 The ultimate Visual Studio Code setup\n\nThis repository contains my Visual Studio Code settings and theme, used when coding [Digitoimisto Dude Oy's projects](https://github.com/digitoimistodude).\n\n## Features\n\n- **🎨 Beautiful** - I'm a visual perfectionist, so my editor must look clean, minimal, distraction-free, and beautiful.\n- **🧠 Useful extensions** - Includes plenty of extensions that don't slow down VS Code.\n- **✂ Snippets** - Handy snippets like `media + tab` for media queries.\n- **⌨ Key bindings** - Helpful key bindings for various tasks.\n- **⚡ Fast** - VS Code hasn’t always been the fastest, but I choose my extensions wisely.\n- **👨‍💻 Customizable** - Feel free to fork this repo and tweak the settings to suit your preferences.\n\n## Installation\n\n1. Install [Visual Studio Code](https://code.visualstudio.com/), [Visual Studio Code Insiders](https://code.visualstudio.com/insiders/), [VSCodium](https://vscodium.com), or [Cursor](https://cursor.com)  \n2. Download [Maple Mono](https://font.subf.dev/en/), [Liga SFMono Nerd Font](https://github.com/shaunsingh/SFMono-Nerd-Font-Ligaturized), [Monaspace variable fonts](https://github.com/githubnext/monaspace/releases/download/v1.300/monaspace-variable-v1.300.zip) and add them to Font Book  \n3. Open the editor and press \u003ckbd\u003e⌘\u003c/kbd\u003e + \u003ckbd\u003e⇧\u003c/kbd\u003e + \u003ckbd\u003eP\u003c/kbd\u003e (or \u003ckbd\u003eCtrl\u003c/kbd\u003e + \u003ckbd\u003e⇧\u003c/kbd\u003e + \u003ckbd\u003eP\u003c/kbd\u003e on Windows) and choose `Preferences: Open Keyboard Shortcuts (JSON)`. Copy the contents of [keybindings.json](https://github.com/ronilaukkarinen/vscode-settings/blob/master/keybindings.json).  \n4. Open `Snippets: Configure Snippets` and choose `html`, then copy [html.json](https://github.com/ronilaukkarinen/vscode-settings/blob/master/snippets/html.json).  \n5. Do the same for `php` and [php.json](https://github.com/ronilaukkarinen/vscode-settings/blob/master/snippets/php.json).  \n6. Repeat for `scss` and [scss.json](https://github.com/ronilaukkarinen/vscode-settings/blob/master/snippets/scss.json).\n\n## Recommended settings\n\n1. Open `Preferences: Open User Settings (JSON)`  \n2. Copy [settings.json](https://raw.githubusercontent.com/ronilaukkarinen/vscode-settings/master/settings.json) into your settings file. If you already have custom settings, make a backup or merge them selectively.  \n3. Adjust them to your preferences.  \n4. Install all [extensions and themes](#extensions) below.\n\n## Extensions\n\nYou can install whichever you like, but I recommend all of them for the best experience. These have been carefully selected and fully supported by my `settings.json`.\n\n\u003e [!NOTE]  \n\u003e For Cursor, you’ll need to enable the VS Code marketplace by adding this to your settings.json (see [details here](https://github.com/cursor/cursor/issues/2461#issuecomment-3023527935)):  \n\u003e ```json\n\u003e \"extensions.gallery.serviceUrl\": \"https://marketplace.visualstudio.com/_apis/public/gallery\",\n\u003e ```\n\n- [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) — `EditorConfig.EditorConfig`  \n- [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens) — `usernamehw.errorlens`  \n- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) — `dbaeumer.vscode-eslint`  \n- [GitLens — Git supercharged](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) — `eamodio.gitlens`  \n- [PHP_CodeSniffer](https://marketplace.visualstudio.com/items?itemName=obliviousharmony.vscode-php-codesniffer) — `obliviousharmony.vscode-php-codesniffer`  \n- [Project Manager](https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager) — `alefragnani.project-manager`  \n- [Stylelint](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint) — `stylelint.vscode-stylelint`  \n- [SVG](https://marketplace.visualstudio.com/items?itemName=jock.svg) — `1000ch.svgo`  \n- [Indenticator](https://marketplace.visualstudio.com/items?itemName=SirTori.indenticator) — `SirTori.indenticator`  \n- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) — `esbenp.prettier-vscode`  \n\n## My current favorite themes\n\n- [Catppuccin for VS Code](https://open-vsx.org/extension/Catppuccin/catppuccin-vsc) + [Catppuccin Noctis Icons](https://open-vsx.org/extension/alexdauenhauer/catppuccin-noctis-icons)  \n- See below for more\n\n## Interface\n\n### CSS property syntax highlighting fix\n\nFix [this long-standing issue](https://github.com/atom/language-sass/issues/226#issuecomment-1129938430) by installing [SCSS Language Improvements](https://marketplace.visualstudio.com/items?itemName=ronilaukkarinen.scss-language-improvements) (`ronilaukkarinen.scss-language-improvements`) and adding this to your settings.json if not already present:\n\n```json\n\"editor.tokenColorCustomizations\": {\n  \"textMateRules\": [\n    {\n      \"scope\": \"meta.property-name-custom-unique.scss\",\n      \"settings\": { \"foreground\": \"#79b8ff\" }\n    }\n  ]\n},\n```\n\n### GitHub Purple + Sweet icons\n\nRecommended setup: [GitHub Purple](https://marketplace.visualstudio.com/items?itemName=4a454646.github-purple) + [Sweet VS Code Icons](https://marketplace.visualstudio.com/items?itemName=EliverLara.sweet-vscode-icons).  \n\nInstall [GitHub Purple theme](https://github.com/ronilaukkarinen/github-purple):\n\n```bash\ncd ~/.vscode/extensions/\n# Or: cd ~/.cursor/extensions\n# Or: cd ~/.vscode-oss/extensions\ngit clone https://github.com/ronilaukkarinen/github-purple\n```\n\nThen select “GitHub Purple” from the Theme Color menu (\u003ckbd\u003eCtrl\u003c/kbd\u003e + \u003ckbd\u003eP\u003c/kbd\u003e).  \n\n![Screen Shot 2023-04-03 at 11-10-24](https://user-images.githubusercontent.com/1534150/229450660-3a8c26e6-2382-4f4a-bf66-560edd54edd4.png)\n\n## Add colored icons for Helium icon theme\n\nAdd these to settings.json:\n\n```json\n\"helium-icon-theme.saturation\": 1,\n\"helium-icon-theme.opacity\": 1,\n```\n\nThen press \u003ckbd\u003e⌘\u003c/kbd\u003e + \u003ckbd\u003e⇧\u003c/kbd\u003e + \u003ckbd\u003eP\u003c/kbd\u003e and select `Preferences: File Icon Theme`.  \nSwitch to any other theme, then re-enable Helium icons.\n\n## Windows 10–11 support\n\nIf you’re using Windows, you’ll need a `.bat` file for executables — see [this Microsoft issue](https://github.com/microsoft/vscode/issues/22391#issuecomment-310593201) and [this Reddit thread](https://www.reddit.com/r/bashonubuntuonwindows/comments/77idb8/where_is_the_executable_for_the_new_wsl_ubuntu_in/donn90c/?utm_source=reddit\u0026utm_medium=web2x\u0026context=3).  \n\nGet my `.bat` files from [vscode-windows-helpers](https://github.com/ronilaukkarinen/vscode-windows-helpers).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frollecode%2Fvscode-settings","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frollecode%2Fvscode-settings","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frollecode%2Fvscode-settings/lists"}