VS Code Frosted Glass

English | 简体中文

A stable, scriptable setup for:

• Editor/body transparency (acrylic)
• Transparent sidebars/panels/webview markdown preview
• Opaque sticky scroll area (top fold area in editor)
• Opaque title bar with transparent window control buttons
• Window resize remains normal
• AI coding assistant support: includes CLAUDE.md and AGENTS.md for Claude Code, Codex, OpenCode, and OpenClaw

Important

• Required extension: Vibrancy Continued (illixion.vscode-vibrancy-continued).
• This project is tuned around One Dark Pro visual behavior; the script does not force One Dark Pro.
• Other themes may not reproduce the same issue set, and may need different color tweaks.

Demo

Environment

• OS: Windows
• Required extension: illixion.vscode-vibrancy-continued
• VS Code install path: D:\Microsoft VS Code
• Theme used in demo: One Dark Pro
• Auto detect color scheme in demo: false

One-Click Apply

Run in Administrator PowerShell:

& ".\scripts\reapply-vscode-transparency.ps1"

Optional:

# Change opacity
& ".\scripts\reapply-vscode-transparency.ps1" -Opacity 0.35

# Apply without restart
& ".\scripts\reapply-vscode-transparency.ps1" -NoRestart

# Custom VS Code install path
& ".\scripts\reapply-vscode-transparency.ps1" -VsCodeRoot "D:\Microsoft VS Code"

What the script patches

• %APPDATA%\Code\User\settings.json
• <VSCodeHashDir>\resources\app\out\main.js
• <VSCodeHashDir>\resources\app\extensions\markdown-language-features\media\markdown.css
• <VSCodeHashDir>\resources\app\extensions\github\markdown.css

The script auto-creates backups before patching.

Common Issues

1) Resize disabled

Set:

• vscode_vibrancy.disableFramelessWindow = true

2) Dark/black overlay blocks

Remove heavy workbench.colorCustomizations overlays or use transparent values.

3) Markdown preview not transparent

Patch built-in markdown css (already included in the script).

4) Effect disappears after VS Code update

Re-run the script (updates overwrite patched install files).

Safety Notes

• Always run with Admin for install-path patching.
• Script creates .bak_* backups.
• To revert, restore backups or reinstall/update VS Code.