{"id":13476491,"url":"https://github.com/illixion/vscode-vibrancy-continued","last_synced_at":"2026-06-06T09:01:11.945Z","repository":{"id":58096828,"uuid":"523240261","full_name":"illixion/vscode-vibrancy-continued","owner":"illixion","description":"Enable Acrylic/Glass effect for your VS Code.","archived":false,"fork":false,"pushed_at":"2026-05-31T12:02:40.000Z","size":56456,"stargazers_count":833,"open_issues_count":42,"forks_count":49,"subscribers_count":3,"default_branch":"main","last_synced_at":"2026-05-31T13:16:41.040Z","etag":null,"topics":["vscode-extension","vscode-theme"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/illixion.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.txt","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},"funding":{"github":"illixion"}},"created_at":"2022-08-10T07:14:03.000Z","updated_at":"2026-05-31T12:02:44.000Z","dependencies_parsed_at":"2022-09-08T13:21:21.407Z","dependency_job_id":"42629619-5f17-4636-92f4-7270239884d6","html_url":"https://github.com/illixion/vscode-vibrancy-continued","commit_stats":null,"previous_names":[],"tags_count":76,"template":false,"template_full_name":null,"purl":"pkg:github/illixion/vscode-vibrancy-continued","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/illixion%2Fvscode-vibrancy-continued","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/illixion%2Fvscode-vibrancy-continued/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/illixion%2Fvscode-vibrancy-continued/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/illixion%2Fvscode-vibrancy-continued/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/illixion","download_url":"https://codeload.github.com/illixion/vscode-vibrancy-continued/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/illixion%2Fvscode-vibrancy-continued/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33975476,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-06T02:00:07.033Z","response_time":107,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["vscode-extension","vscode-theme"],"created_at":"2024-07-31T16:01:31.058Z","updated_at":"2026-06-06T09:01:11.929Z","avatar_url":"https://github.com/illixion.png","language":"JavaScript","funding_links":["https://github.com/sponsors/illixion"],"categories":["JavaScript"],"sub_categories":[],"readme":"# Visual Studio Code Extension - Vibrancy Continued\n\nEnable Acrylic/Glass effect in VS Code.\n\n\u003e [!TIP]\n\u003e Solutions for common issues can be found in the [FAQ](#FAQs) and [Known Errors](https://github.com/illixion/vscode-vibrancy-continued/blob/main/docs/known-errors.md)\n\n\u003e [!IMPORTANT]\n\u003e Windows 10/11 users: see [important notice](#️-important-notice-for-windows-1011-users) at the top of the description regarding a known issue with VSCode on Windows.\n\n![screenshot](./images/screenshot.png)\n\n[![VS Code Insiders (nightly)](https://img.shields.io/github/actions/workflow/status/illixion/vscode-vibrancy-continued/test.yml?event=schedule\u0026label=VS%20Code%20Insiders%20%28nightly%29)](https://github.com/illixion/vscode-vibrancy-continued/actions/workflows/test.yml?query=event%3Aschedule)\n[![](https://vsmarketplacebadges.dev/version/illixion.vscode-vibrancy-continued.png)](https://marketplace.visualstudio.com/items?itemName=illixion.vscode-vibrancy-continued)\u0026nbsp;\n[![](https://vsmarketplacebadges.dev/rating-star/illixion.vscode-vibrancy-continued.png)](https://marketplace.visualstudio.com/items?itemName=illixion.vscode-vibrancy-continued)\u0026nbsp;\n[![](https://vsmarketplacebadges.dev/installs-short/illixion.vscode-vibrancy-continued.png)](https://marketplace.visualstudio.com/items?itemName=illixion.vscode-vibrancy-continued)\u0026nbsp;\n[![Open VSX Version](https://img.shields.io/open-vsx/v/illixion/vscode-vibrancy-continued?label=Open%20VSX)](https://open-vsx.org/extension/illixion/vscode-vibrancy-continued)\u0026nbsp;\n[![Open VSX Downloads](https://img.shields.io/open-vsx/dt/illixion/vscode-vibrancy-continued?label=Open%20VSX%20downloads)](https://open-vsx.org/extension/illixion/vscode-vibrancy-continued)\n\n[![](https://img.shields.io/github/stars/illixion/vscode-vibrancy-continued.svg?style=social)](https://github.com/illixion/vscode-vibrancy-continued)\u0026nbsp;\n[![](https://img.shields.io/github/watchers/illixion/vscode-vibrancy-continued.svg?style=social)](https://github.com/illixion/vscode-vibrancy-continued)\n\nLinks: [GitHub](https://github.com/illixion/vscode-vibrancy-continued) | [Visual Studio Code Marketplace](https://marketplace.visualstudio.com/items?itemName=illixion.vscode-vibrancy-continued) | [Open VSX Registry](https://open-vsx.org/extension/illixion/vscode-vibrancy-continued) | [issues](https://github.com/illixion/vscode-vibrancy-continued/issues)\n\nMaintenance of this project is made possible by all the \u003ca href=\"https://github.com/illixion/vscode-vibrancy-continued/graphs/contributors\"\u003econtributors\u003c/a\u003e and \u003ca href=\"https://github.com/sponsors/illixion\"\u003esponsors\u003c/a\u003e. If you'd like to sponsor this project and have your avatar or company logo appear below, \u003ca href=\"https://github.com/sponsors/illixion\"\u003eclick here\u003c/a\u003e. Any support is greatly appreciated 💖\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://github.com/doughayden\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/110487462?s=120\u0026v=4\" width=\"64px\" alt=\"User avatar of user doughayden\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/hjnnjh\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/37699150?s=64\u0026v=4\" width=\"32px\" alt=\"User avatar of user hjnnjh\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n# ❗️ Important notice for Windows 10/11 users\n\n### tl;dr YOU WON'T BE ABLE TO RESIZE THE VSCODE WINDOW unless you do this\n\nBy default, when Vibrancy is installed on VSCode 1.86 and newer on Windows, your VSCode windows **may stop being resizable, snappable or maximizable**. This is a known issue related to VSCode 1.86 and Electron 27 and it occurs due to hardware acceleration leading to distorted text. Vibrancy will by default apply a mitigation that enables frameless windows, but this also causes issues with window interaction.\n\nThe correct process to install Vibrancy on Windows is:\n\n1. Update your VSCode shortcut to include `--disable-gpu-compositing` at the end of \"Target\" field, for example: `\"C:\\Users\\User\\AppData\\Local\\Programs\\Microsoft VS Code\\Code.exe\" --disable-gpu-compositing`\n2. (optional) Update your shell configuration to add the same argument to `code`, needed if VSCode isn't running when you use `code`\n3. Install Vibrancy Continued\n4. Go to settings and check **Disable frameless window** (`vscode_vibrancy.disableFramelessWindow`)\n5. Press F1 and select **Reload Vibrancy**\n\nFor more information, see issues [#140](https://github.com/illixion/vscode-vibrancy-continued/issues/140) and [#122](https://github.com/illixion/vscode-vibrancy-continued/issues/122).\n\n# ⚠️ \"Your VSCode installation appears to be corrupt\"\n\nThis extension works by editing VS Code's checksum-verified HTML files, which means that a warning prompt will appear after installing and enabling Vibrancy Continued. This warning is safe to disregard, and all changes can be reverted. Click on the cogwheel and select **Don't Show Again** to hide it.\n\n![screenshot](./images/warn.png)\n![screenshot](./images/warnfix.png)\n\nIf you don't have the option to hide the alert, or to fix an `[Unsupported]` warning in VSCode's title bar, please refer to this extension: [Fix VSCode Checksums Next](https://marketplace.visualstudio.com/items?itemName=RimuruChan.vscode-fix-checksums-next).\n\n# Supported Operating Systems\n\n✔ macOS (Intel \u0026 Apple Silicon)\n\n✔ Windows 10/11 (x64 \u0026 ARM64)\n\n✔ Linux (transparency only, blur requires a compositor such as KWin, Hyprland, or Picom)\n\n# Supported code editors\n\n✔ Visual Studio Code (v1.86 and newer)\n\n✔ VSCodium\n\n✔ Code - OSS\n\n✔ Cursor\n\n✔ Antigravity\n\nSome editors may present a [persistent warning](#️-your-vscode-installation-appears-to-be-corrupt) warning about the installation being corrupted, use this extension to fix it: [Fix VSCode Checksums Next](https://marketplace.visualstudio.com/items?itemName=RimuruChan.vscode-fix-checksums-next).\n\n# Getting Started\n\n1. Install the extension from [Visual Studio Code Marketplace](https://marketplace.visualstudio.com/items?itemName=illixion.vscode-vibrancy-continued).\n\n2. Press F1 and activate command \"Reload Vibrancy.\"\n\n![step-2](./images/step-2.png)\n\n3. Restart VSCode when prompted.\n\nEach time VS Code is updated, please re-enable Vibrancy using the same steps. If you're experiencing issues, please check the [FAQs](#faqs).\n\n## Options\n\n#### Type (`vscode_vibrancy.type`)\n\nNative method of Vibrancy effect. See here for screenshots of all available options: [Vibrancy Types](https://github.com/illixion/vscode-vibrancy-continued/blob/main/docs/vibrancy-types.md)\n\n* auto : Automatically switch with system version.\n* transparent: Make VSCode transparent only, without blur. (Linux default)\n* acrylic : (Windows 10 only) Fluent Design blur.\n* under-window, fullscreen-ui, appearance-based, light, dark, titlebar, selection, menu, popover, sidebar, medium-light, ultra-dark: (MacOS only)\n\n#### Opacity (`vscode_vibrancy.opacity`)\n\nOpacity of Vibrancy effect. -1 is theme default, 0 is maximum transparency, and 1 will remove all transparency.\n\n*value: -1.0 ~ 1.0*\n\n#### Background Override (`vscode_vibrancy.backgroundOverride`)\n\nOverride the theme's background color for the vibrancy opacity effect. Uses VSCode's built-in color picker. Leave empty to use the theme default.\n\n*color string (e.g. #000000), default is empty*\n\n#### Custom imports (`vscode_vibrancy.imports`)\n\nImport any custom CSS/JS files into the VSCode editor directly without requiring custom CSS extensions. The files will be imported in the order they are listed. On Windows, forward slashes must be used.\n\nUse this feature to add a custom Vibrancy Continued theme or modify an existing one.\n\nEXAMPLES:\n\n- Windows: `[ C:/Users/MyUserName/Documents/custom.css ]`\n- macOS: `[ /Users/MyUserName/Documents/custom.css ]`\n- Linux: `[ /home/MyUserName/Documents/custom.css ]`\n\n*value: array[]*\n\n#### Prevent Flash (`vscode_vibrancy.preventFlash`)\n\nUse a new method for preventing window flashing during resizing. Eliminates the need for a refresh interval, but may be less compatible in some cases.\n\n*boolean, default is true*\n\n#### Force Frameless Window (`vscode_vibrancy.forceFramelessWindow`)\n\nAlways set VSCode window to use `frame: false`, which can sometimes solve visual rendering issues on Windows/macOS.\n\n#### Disable Frameless Window (`vscode_vibrancy.disableFramelessWindow`)\n\nDisable frameless window, which is a mitigation that fixes a GPU-related render bug on Windows with VSCode 1.86 and newer. You may see distorted and blurry graphics if you disable this mitigation with an affected GPU. Running VSCode with a `--disable-gpu-compositing` argument, such as via a shortcut, will allow for this mitigation to be safely disabled.\n\n#### Disable Theme Fixes (`vscode_vibrancy.disableThemeFixes`)\n\nDisable fixes to Default Dark and Default Light themes for non-VSCode editors like Cursor.\n\n#### Disable Color Customizations (`vscode_vibrancy.disableColorCustomizations`)\n\nPrevent Vibrancy from modifying `workbench.colorCustomizations` which is used to make some elements like the terminal vibrant. Enable this if you want to manage color customizations yourself, or if you use a custom CSS theme that handles its own background colors and transparency. When enabled mid-session, any previously written vibrancy colors will be restored to their original values.\n\n*boolean, default is false*\n\n#### Refresh interval (`vscode_vibrancy.refreshInterval`)\n\nRefresh interval (in milliseconds) for making the background transparent after window resizing. Lower values make the update less visible at the cost of increased CPU utilization. **Ignored when using \"Prevent Flash\" method.**\n\n*value: 1 ~ 1000, default is 10*\n\n#### Automatic theme switching (`vscode_vibrancy.enableAutoTheme`)\n\nEnable automatic dark/light mode switching based on OS mode. Requires `window.autoDetectColorScheme` VSCode setting to also be enabled.\n\n*boolean, default is false*\n\n#### Preferred dark/light theme (`vscode_vibrancy.preferedDarkTheme / vscode_vibrancy.preferedLightTheme`)\n\nSelect which themes to use for light and dark modes, they will be used instead of the main Vibrancy Continued theme selected.\n\n#### theme (`vscode_vibrancy.theme`)\n\nSelect Vibrancy theme:\n\n* Default Dark\n* Dark (Only Subbar)\n* Default Light\n* Light (Only Subbar)\n* Noir et blanc\n* Tokyo Night Storm\n* Tokyo Night Storm (Outer)\n* Catppuccin Mocha\n* Solarized Dark+\n* GitHub Dark Default\n\n| Theme | Screenshot |\n| ---- | ---- |\n| Default Dark | ![](./images/theme-default.jpg) |\n| Dark (Only Subbar) | ![](./images/theme-subbar.jpg) |\n| Noir et blanc | ![](./images/theme-noir-et-blanc.jpg) |\n| Tokyo Night Storm | ![](./images/theme-tokyo-night-storm.png) |\n| Tokyo Night Storm (Only Subbar) | ![](./images/theme-tokyo-night-storm-outer.png) |\n| Solarized Dark+ (with theme: [Solarized](https://marketplace.visualstudio.com/items?itemName=ryanolsonx.solarized)) | ![](./images/theme-solarized-dark%2B.png)\n| Catppuccin Mocha | ![](./images/theme-catppuccin-mocha.png) |\n| GitHub Dark Default | ![](./images/theme-github-dark-default.png) |\n| [Paradise](https://marketplace.visualstudio.com/items?itemName=nickesc.vscode-paradise-nickesc) Smoked Glass | ![](./images/theme-paradise-smoked-glass.png) |\n| [Paradise](https://marketplace.visualstudio.com/items?itemName=nickesc.vscode-paradise-nickesc) Frosted Glass | ![](./images/theme-paradise-frosted-glass.png) |\n\n\u003e You can contribute more themes! [see here](https://github.com/illixion/vscode-vibrancy-continued/tree/master/themes).\n\n# FAQs\n\n### How to uninstall Vibrancy?\n\nPress F1 or ⌘+Shift+P and activate command **\"Disable Vibrancy\"**, then restart Visual Studio Code.\n\nYou can also just uninstall the extension and restart VSCode, which will automatically remove Vibrancy.\n\n### Effect doesn't work correctly in VSCode terminal?\n\nCheck your settings. You should change the renderer type of the terminal to `dom`.\n\n`\"terminal.integrated.gpuAcceleration\": \"off\"`\n\n### `EROFS: read-only file system` when enabling Vibrancy on macOS?\n\nYour installation of VSCode is affected by [App Translocation](https://developer.apple.com/forums/thread/724969).\n\nTo fix this, either use the Finder and move VSCode to `/Applications` (or move it out of `/Applications` and then back in), or run the following terminal command:\n\n```shell\nsudo xattr -dr com.apple.quarantine \"/Applications/Visual Studio Code.app\"\n```\n\n### I'm on Windows 10 and I'm experiencing lag when dragging the window\n\n[Please read here for details](https://github.com/EYHN/vscode-vibrancy/discussions/80).\n\n### VSCode window cannot be resized/moved/maximized after enabling Vibrancy\n\nPlease see [Important notice for Windows users](#️-important-notice-for-windows-1011-users) at the top of the description.\n\n### Effect doesn't work, but there are no errors\n\nEnsure that you don't have transparency effects disabled globally through your OS settings.\n\nThis can usually be found under Accessibility settings, and it may be called \"Transparency effects\" or \"Reduce transparency.\" If that didn't help, you can also check the Console section in VSCode's Developer Tools, which can be accessed through the command palette.\n\nIf nothing else worked, try reinstalling VSCode, you won't lose any settings and this will ensure that your VSCode installation is consistent.\n\n### Linux: Why is the background transparent but not blurred?\n\nCurrently, we do not support native blur effects on Linux. While transparency can work on its own, blur usually depends on additional support from the system compositor. To achieve a blur effect, use transparent mode together with a compositor such as KWin, Hyprland, or Picom.\n\n# Contributing\n\nContributions are what make the open source community such an amazing place to learn, inspire, and create. Vibrancy relies on user contributions, and as such, any contributions you make are **greatly appreciated**.\n\nIf you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag \"enhancement\".\n\nDon't forget to give the project a star! Thanks again!\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n**When creating a PR**, please target the `development` branch.\n\n# License\n\nDistributed under the MIT License. See `LICENSE.txt` for more information.\n\n## Thanks ⭐\n\n[EYHN](https://github.com/EYHN) : for making the original Vibrancy that this is a fork of\n\n[be5invis/vscode-custom-css](https://github.com/be5invis/vscode-custom-css) : The basis of this extension program\n\n[DIYgod](https://github.com/microsoft/vscode/issues/32257#issuecomment-509936623) : Fix issues with VSCode 1.36\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fillixion%2Fvscode-vibrancy-continued","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fillixion%2Fvscode-vibrancy-continued","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fillixion%2Fvscode-vibrancy-continued/lists"}