chore: update user config to use new icon-label widget variants

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-07 21:04:40 -08:00
committed by Kat Huang
parent 979376c2b0
commit 4c66ad7626
2 changed files with 27 additions and 8 deletions

View File

@@ -19,6 +19,11 @@
text-shadow: none; text-shadow: none;
} }
/* Icon-label combined widgets (PulseAudio, NetworkManager): the `.icon` label
uses a nerd font character, so force the nerd font family on it. */
.icon-label > .icon {
font-family: "Iosevka Nerd Font";
}
/* The main bar container. border-radius matches the widget squircles (6px) /* The main bar container. border-radius matches the widget squircles (6px)
so the bar itself has softly rounded corners. */ so the bar itself has softly rounded corners. */
@@ -235,16 +240,25 @@
background-color: rgba(255, 255, 255, 0.06); background-color: rgba(255, 255, 255, 0.06);
} }
.workspaces .window-icon-container, /* Inside workspaces the squircle pill IS the background, so individual
.workspaces .window-icon-container.active { icon containers stay transparent. */
/* Don't give each window icon its own background/border; the workspace .workspaces .window-icon-container {
squircle is the background. */
background-color: transparent; background-color: transparent;
border: 0px; border: 0px;
box-shadow: none; box-shadow: none;
padding: 0px 2px; padding: 0px 2px;
} }
/* Subtle bright ring around the focused window's icon so it stands out
from the other icons in the same workspace pill. */
.workspaces .window-icon-container.active {
background-color: rgba(255, 255, 255, 0.10);
border: 0px;
border-radius: 50%;
box-shadow: 0 0 6px rgba(255, 255, 255, 0.45);
padding: 2px;
}
.workspaces .active .contents, .workspaces .active .contents,
.workspaces .visible .contents { .workspaces .visible .contents {
background-color: transparent; background-color: transparent;

View File

@@ -202,11 +202,11 @@ cssFilesForHost hostName =
audioWidget :: TaffyIO Gtk.Widget audioWidget :: TaffyIO Gtk.Widget
audioWidget = audioWidget =
decorateWithClassAndBoxM "audio" PulseAudio.pulseAudioLabelNew decorateWithClassAndBoxM "audio" PulseAudio.pulseAudioNew
networkWidget :: TaffyIO Gtk.Widget networkWidget :: TaffyIO Gtk.Widget
networkWidget = networkWidget =
decorateWithClassAndBoxM "network" NetworkManager.networkManagerWifiLabelNew decorateWithClassAndBoxM "network" NetworkManager.networkManagerWifiIconLabelNew
layoutWidget :: TaffyIO Gtk.Widget layoutWidget :: TaffyIO Gtk.Widget
layoutWidget = layoutWidget =
@@ -327,6 +327,10 @@ backlightWidget =
} }
) )
diskUsageWidget :: TaffyIO Gtk.Widget
diskUsageWidget =
decorateWithClassAndBoxM "disk-usage" diskUsageLabelNew
sniTrayWidget :: TaffyIO Gtk.Widget sniTrayWidget :: TaffyIO Gtk.Widget
sniTrayWidget = sniTrayWidget =
decorateWithClassAndBoxM decorateWithClassAndBoxM
@@ -345,12 +349,13 @@ startWidgetsForBackend backend =
endWidgetsForHost :: String -> Backend -> [TaffyIO Gtk.Widget] endWidgetsForHost :: String -> Backend -> [TaffyIO Gtk.Widget]
endWidgetsForHost hostName backend = endWidgetsForHost hostName backend =
let tray = sniTrayWidget let tray = sniTrayWidget
baseEndWidgets = [tray, audioWidget, networkWidget, mprisWidget] baseEndWidgets = [tray, audioWidget, diskUsageWidget, networkWidget, mprisWidget]
-- Keep battery widgets visually *after* the tray (i.e. further to the right). -- Keep battery widgets visually *after* the tray (i.e. further to the right).
laptopEndWidgets = laptopEndWidgets =
batteryEndWidgets ++ batteryEndWidgets ++
[ tray [ tray
, audioWidget , audioWidget
, diskUsageWidget
, backlightWidget , backlightWidget
, networkWidget , networkWidget
, mprisWidget , mprisWidget
@@ -369,7 +374,7 @@ mkSimpleTaffyConfig hostName backend cssFiles =
, barPadding = 4 , barPadding = 4
, barHeight = ScreenRatio $ 1 / 36 , barHeight = ScreenRatio $ 1 / 36
, cssPaths = cssFiles , cssPaths = cssFiles
, centerWidgets = [clockWidget] , centerWidgets = [clockWidget, sniTrayWidget]
} }
-- ** Entry Point -- ** Entry Point