How to Disable the Effect

{% note info %} The effect makes the visual experience not that fluent, kind of annoying, instead {% endnote %}

To disable the blurring background effect for a specific application (like VS Code) in Hyprland on Arch Linux, follow these steps:

1. Identify the Window Class

Open VS Code, then run this command in a terminal:

1hyprctl activewindow | grep "class"

The output will show the class, typically code for VS Code. If not, check all windows with:

1hyprctl clients

2. Add a Window Rule

Edit your Hyprland configuration file (usually ~/.config/hypr/hyprland.conf):

1nano ~/.config/hypr/hyprland.conf

Add this line to disable blur for VS Code:

1windowrulev2 = noblur, class:^(code)$
  • class:^(code)$: Matches VS Code’s window class (use regex from Step 1 if different).
  • noblur: Disables blur for the matched window.

3. Reload Hyprland

Save the file and reload Hyprland with:

  • Shortcut: Super + Shift + R
  • Terminal:
    1hyprctl reload

Verify the Rule

Open VS Code—the background blur should now be disabled. If not:

  • Double-check the window class.
  • Ensure the rule is placed after any blur-related decorations in your config.

Example Configuration Snippet

 1# ~/.config/hypr/hyprland.conf
 2general {
 3    # ...
 4}
 5
 6decoration {
 7    blur {
 8        enabled = true
 9        size = 8
10        passes = 3
11    }
12}
13
14# Window rules (disable blur for specific apps)
15windowrulev2 = noblur, class:^(code)$      # VS Code
16windowrulev2 = noblur, class:^(firefox)$    # Firefox (optional)

Notes:

  • Use xprop to find the class if hyprctl is unclear:
    1. Run xprop
    2. Click on the target window—look for WM_CLASS(STRING).
  • For system-wide Electron app fixes (if VS Code uses GPU rendering), launch with:
    1code --disable-gpu

This method keeps global blur enabled while disabling it selectively for VS Code. Adjust the regex (class:^(...)$) for other apps as needed.