Visual Studio Code Fluent UI
Gives your Visual Studio Code a modern, Fluent UI-inspired makeover!
Enhance your Visual Studio Code experience with a modern, Fluent UI-inspired theme.
This extension brings Microsoft's Fluent UI design aesthetic to VS Code with blurred backgrounds,
customizable colors, and a refined interface.
Inspired by and based on the awesome concept designs by
u/zeealeidahmad.
[!CAUTION]
⚠️DISCLAIMER⚠️
This theme heavily modifies VS Code's UI for aesthetic purposes.
It's experimental and considered beta software - use at your own risk.
Features
- Windows 11 Mica Effect - Blurred wallpaper background emulating Fluent UI's Mica material
- Light/Dark Theme Support - Choose between light and dark accent colors
- Customizable Background & Colors - Personalize with your own wallpaper and accent colors
- Compact Mode - Reduce padding around UI elements to maximize workspace
Quick Start
- Install the extension from
VS Marketplace
or Open VSX
- Enable the extension: Open the command palette (
Ctrl+Shift+P) and run > Fluent: Enable
- Configure (optional): Open settings (
Ctrl+,) and search for
@ext:NightSky-Studio.vscode-fluent-ui-continued
Note: If you see a "Corrupt Installation" warning, this is expected. Click the cog icon and
select "Don't show again".
Common Settings
{
"fluentui.compact": false, // Enable compact mode
"fluentui.enableWallpaper": false, // Enable background image (matching "fluentui.wallpaper" setting)
"fluentui.wallpaper": "C:\\path\\to\\your\\wallpaper.jpg", // Path to your wallpaper (absolute path)
"fluentui.accent": "#005fb8", // Accent color (HEX values only)
"fluentui.darkBackground": "#202020", // Dark mode background (HEX values only)
"fluentui.lightBackground": "#ffffff" // Light mode background (HEX values only)
}
FAQ
- Corrupt installation warning? This is normal and expected. The extension modifies VSCode's
workbench HTML file.
- Problems after uninstalling? See our
uninstallation troubleshooting guide.
- Compatible with other extensions? Yes, but some extensions may have compatibility issues.
Recommended Companion Extensions
For more information, see our
full documentation.
✨ Give your Visual Studio Code a modern, Fluent UI-inspired makeover today!
⭐ If you enjoy this extension, please consider giving it a star on
GitHub!
