jordan/nix-config
1
1
Fork 0
Code Issues 10 Pull Requests Actions Projects 3 Wiki Activity

waybar: more Vista
All checks were successful
Check flake / build-amd64-linux (push) Successful in 1m23s
Details

Browse Source
This commit is contained in:
Jordan Holt
2025-09-15 20:41:59 +01:00
parent cc6b63ccc1
commit dc09ae397d
1 changed files with 74 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
users/jordan/common/optional/graphical/hyprland/waybar.css
View File

@@ -3,21 +3,88 @@
} }
window#waybar { window#waybar {
background: linear-gradient( rgba(26, 26, 26, 0.6), rgba(0, 0, 0, 0.6) 50%, rgba(13, 13, 13, 0.6) 50%, rgba(0, 0, 0, 0.6) ); background: linear-gradient(
border-top: 1px solid rgba(0, 0, 0, 0.8); to bottom,
box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset; rgba(118, 118, 118, 0.78) 0%,
rgba(50, 50, 50, 0.78) 50%,
rgba(0, 0, 0, 0.74) 50%,
rgba(0, 0, 0, 0.76) 100%
);
border-top: 1px solid rgba(71, 71, 71, 0.90);
border-bottom: 1px solid rgba(0, 0, 0, 0.97);
box-shadow: inset 0px 1px 0px 0px rgba(158, 158, 158, 0.90);
text-shadow: black 0px 0px 2px;
color: white;
}
#workspaces button {
margin: 2px;
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.35) 0%,
rgba(255, 255, 255, 0.11) 50%,
rgba(255, 255, 255, 0) 50%
);
border: 1px solid rgba(0, 0, 0, 0.37);
border-radius: 4px;
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
text-shadow: black 0px 0px 2px; text-shadow: black 0px 0px 2px;
color: white; color: white;
} }
#workspaces button:hover { #workspaces button:hover {
background: rgba(255,255,255,0.1); background:
border: none; linear-gradient(
to bottom,
rgba(255, 255, 255, 0.35) 0%,
rgba(255, 255, 255, 0.17) 50%,
rgba(255, 255, 255, 0) 50%
),
radial-gradient(
ellipse 80% 80% at 50% 110%,
rgba(44, 126, 204, 1) 0%,
rgba(44, 126, 204, 0) 80%
);
} }
#workspaces button.active { #workspaces button.active {
color: white; background: linear-gradient(
font-weight: bold; to bottom,
rgba(0, 0, 0, 0.40) 0%,
rgba(0, 0, 0, 0.38) 50%,
rgba(0, 0, 0, 0.55) 50%
);
box-shadow: inset 0px 1px 0px 0px rgb(0, 0, 0);
}
#workspaces button.active:hover {
background:
linear-gradient(
to bottom,
rgba(0, 0, 0, 0.40) 0%,
rgba(0, 0, 0, 0.38) 50%,
rgba(0, 0, 0, 0.55) 50%
),
radial-gradient(
ellipse 80% 80% at 50% 120%,
rgba(43, 143, 189, 1) 0%,
rgba(43, 143, 189, 0) 80%
);
}
#workspaces button.urgent {
background:
linear-gradient(
to bottom,
rgba(255, 255, 255, 0.35) 0%,
rgba(255, 255, 255, 0.11) 50%,
rgba(255, 255, 255, 0) 50%
),
radial-gradient(
ellipse 80% 80% at 50% 100%,
rgba(199, 128, 14, 1) 0%,
rgba(170, 75, 12, 0) 100%
);
} }
.modules-left { .modules-left {