zephrynis/nix-flake
1
0
Fork 0
mirror of https://github.com/zephrynis/nix-flake.git synced 2026-02-18 12:11:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor Waybar styles for improved aesthetics and consistency

Browse Source
This commit is contained in:
Zephrynis
2025-10-27 21:06:46 +00:00
parent aeb12d04d8
commit 217aa3aa89
1 changed files with 11 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
home/waybar-style.css
View File

@@ -7,21 +7,17 @@
}
window#waybar {
background: rgba(30, 30, 46, 0.3);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background: rgba(30, 30, 46, 0.85);
color: #cdd6f4;
}
/* Workspaces */
#workspaces {
background: rgba(49, 50, 68, 0.4);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
background: rgba(49, 50, 68, 0.7);
margin: 5px 5px 5px 10px;
padding: 0px 5px;
border-radius: 15px;
border: 2px solid rgba(137, 180, 250, 0.3);
border: 2px solid rgba(137, 180, 250, 0.5);
}
#workspaces button {
@@ -47,25 +43,21 @@ window#waybar {
/* Window title */
#window {
background: rgba(49, 50, 68, 0.4);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
background: rgba(49, 50, 68, 0.7);
margin: 5px 10px;
padding: 5px 15px;
border-radius: 15px;
border: 2px solid rgba(137, 180, 250, 0.3);
border: 2px solid rgba(137, 180, 250, 0.5);
color: #cdd6f4;
}
/* Clock */
#clock {
background: rgba(49, 50, 68, 0.4);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
background: rgba(49, 50, 68, 0.7);
padding: 5px 20px;
margin: 5px 10px;
border-radius: 15px;
border: 2px solid rgba(137, 180, 250, 0.3);
border: 2px solid rgba(137, 180, 250, 0.5);
color: #89b4fa;
font-weight: bold;
}
@@ -75,13 +67,11 @@ window#waybar {
#network,
#battery,
#tray {
background: rgba(49, 50, 68, 0.4);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
background: rgba(49, 50, 68, 0.7);
padding: 5px 15px;
margin: 5px 5px;
border-radius: 15px;
border: 2px solid rgba(137, 180, 250, 0.3);
border: 2px solid rgba(137, 180, 250, 0.5);
}
#tray {
@@ -121,11 +111,9 @@ window#waybar {
/* Tooltips */
tooltip {
background: rgba(30, 30, 46, 0.8);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
background: rgba(30, 30, 46, 0.95);
border-radius: 10px;
border: 2px solid rgba(137, 180, 250, 0.3);
border: 2px solid rgba(137, 180, 250, 0.5);
color: #cdd6f4;
}