evan/nix
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(sketchybar): add blur effect to individual item backgrounds

Browse Source 
Add per-item blur_radius=30 with background.clip=0.5 to create a
frosted-glass effect on each component pill while keeping the bar
itself fully transparent. Bump bg alpha from 0x20 to 0x30 so the
blur is visible through the semi-transparent backgrounds.
This commit is contained in:
Evan Reichard
2026-04-16 09:50:04 -04:00
parent ea794a6772
commit feb528de5d
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
modules/home/services/sketchybar/default.nix
View File

@@ -10,7 +10,7 @@ let
colors = { colors = {
white = "0xddffffff"; white = "0xddffffff";
white_dim = "0x99ffffff"; white_dim = "0x99ffffff";
bg = "0x20000000"; bg = "0x30000000";
transparent = "0x00000000"; transparent = "0x00000000";
green = "0xff8ceb34"; green = "0xff8ceb34";
yellow = "0xffe8d44d"; yellow = "0xffe8d44d";
@@ -56,8 +56,10 @@ let
label.padding_right=$PADDING \ label.padding_right=$PADDING \
background.color=$COLOR_BG \ background.color=$COLOR_BG \
background.corner_radius=6 \ background.corner_radius=6 \
background.clip=0.5 \
background.height=32 \ background.height=32 \
background.padding_left=4 \ background.padding_left=4 \
blur_radius=30 \
background.padding_right=4 background.padding_right=4
# Right side items (rightmost → leftmost) # Right side items (rightmost → leftmost)