{"id":18984946,"url":"https://github.com/mahirhamiabrar/vscode-blur-linux","last_synced_at":"2025-07-26T10:08:32.746Z","repository":{"id":47925158,"uuid":"516412617","full_name":"MahirHamiAbrar/vscode-blur-linux","owner":"MahirHamiAbrar","description":"A Visual Studio Code extension to make the vscode window blur and control It's tranparency.","archived":false,"fork":false,"pushed_at":"2023-09-28T08:38:26.000Z","size":16532,"stargazers_count":10,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-29T12:51:23.851Z","etag":null,"topics":["blur","visual-studio-code","visual-studio-code-extension","visual-studio-extension","visualstudio","vscode","vscode-extension","vscode-plugin","vscode-theme"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=mhabrar.vscode-blur-linux","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MahirHamiAbrar.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2022-07-21T14:50:44.000Z","updated_at":"2025-03-20T23:25:55.000Z","dependencies_parsed_at":"2024-11-08T16:37:09.176Z","dependency_job_id":null,"html_url":"https://github.com/MahirHamiAbrar/vscode-blur-linux","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MahirHamiAbrar%2Fvscode-blur-linux","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MahirHamiAbrar%2Fvscode-blur-linux/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MahirHamiAbrar%2Fvscode-blur-linux/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MahirHamiAbrar%2Fvscode-blur-linux/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MahirHamiAbrar","download_url":"https://codeload.github.com/MahirHamiAbrar/vscode-blur-linux/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249250812,"owners_count":21237961,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["blur","visual-studio-code","visual-studio-code-extension","visual-studio-extension","visualstudio","vscode","vscode-extension","vscode-plugin","vscode-theme"],"created_at":"2024-11-08T16:23:48.790Z","updated_at":"2025-04-16T14:31:54.444Z","avatar_url":"https://github.com/MahirHamiAbrar.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vscode-blur-linux README\n\nvscode-blur-linux helps to achieve transparent and blurry background to vscode window on linux.\n\n\n## Features\n\nThis extension provides transparency and blurring features. Transparency effect is expected to be\nworking on all linux distros but the blur effect will only work on KDE Plasma distros for now. We\nwill be adding the support for blurring on GNOME distros verry soon.\n\n   ### Make vscode window transparent\n   ![Make vscode window transparent](images/VSCode-Transparent-SS.png)\n\n   ### Add blur effect to the vscode window (works on KDE Plasma Distros only)\n   ![Add blur effect to the vscode window (works on KDE Plasma Distros only)](images/VSCode-Blur-SS.png)\n\n   ### Activate or deactivate Blur and change Opacity in Settings\n   ![Activate or deactivate Blur and change Opacity in Settings](images/VSCode-Settings-SS.png)\n\n## Requirements\n\n`vscode-blur-linux` requires `wmctrl` (to get the window ID), `xprop` (to set transparency), and `bash` (to run the transparency commands) installed on your system.\n\n### Install Dependencies on Ubuntu/Debian:\n\n``` bash\nsudo apt install -y wmctrl x11-utils bash\n```\n\n### Install Dependencies on Arch Linux:\n#### pacman:\n\n``` bash\nsudo pacman -S wmctrl bash\n```\n\n#### yay:\n\n```bash\nyay -S pacman bash\n```\n\n\nAlso make sure that `blur` is turned on in the settings.\nGo to `System Steeings` \u003e `Workspace Behaviour` \u003e `Desktop Effects` \u003e under appearance check the check box `Blur`.\nYou might need to change the blur strength by clicking the gear icon at the very right side beside `Blur`. and then click `Apply`.\nDone!\n\n## Extension Settings\n\nThis extension contributes the following settings:\n\n* `vscode-blur-linux.opacity`: opacity can be changed between 0-100 range, default is `88%`.\n* `vscode-blur-linux.blur`: enable/disable blur effect behind the window.\n\n## Usage\n* First install the dependencies.\n* Then install the extension from marketplace.\n* Finally restart the Visual Studio Code window.\n\nYou are done! Enjoy the new look of your Visual Studio Code!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmahirhamiabrar%2Fvscode-blur-linux","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmahirhamiabrar%2Fvscode-blur-linux","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmahirhamiabrar%2Fvscode-blur-linux/lists"}