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

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:
2026-04-16 09:50:04 -04:00
parent ea794a6772
commit feb528de5d

View File

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