improve workspace selector styling

This commit is contained in:
Schrottkatze 2024-09-02 22:07:47 +02:00
parent 37a4235e5c
commit 867514362a
Signed by: schrottkatze
SSH key fingerprint: SHA256:hXb3t1vINBFCiDCmhRABHX5ocdbLiKyCdKI4HK2Rbbc
2 changed files with 15 additions and 1 deletions

View file

@ -45,8 +45,9 @@
:class "workspaces" :class "workspaces"
(for workspace in workspaces (for workspace in workspaces
(button (button
:class "${workspace.urgent ? "urgent" : ""} ${workspace.focused ? "focused" : 0}"
:onclick "swaymsg workspace ${workspace.name}" :onclick "swaymsg workspace ${workspace.name}"
(label :markup "<span foreground=\"${workspace.urgent ? "#ff0000" : "#ffffff"}\" background=\"${workspace.focused ? "#484848" : "#282828"}\">${workspace.name}</span>") (label :text "${workspace.name}")
) )
) )
) )

View file

@ -5,3 +5,16 @@
label { label {
font: 14pt "FiraCode Nerd Font"; font: 14pt "FiraCode Nerd Font";
} }
.workspaces button {
border: 0px;
background-color: #282828;
}
.workspaces button.urgent {
background-color: #cc241d;
}
.workspaces button.focused {
background-color: #504935;
}