zephrynis/nix-flake
1
0
Fork 0
mirror of https://github.com/zephrynis/nix-flake.git synced 2026-02-18 20:21:53 +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 { window#waybar {
background: rgba(30, 30, 46, 0.3); background: rgba(30, 30, 46, 0.85);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
color: #cdd6f4; color: #cdd6f4;
} }
/* Workspaces */ /* Workspaces */
#workspaces { #workspaces {
background: rgba(49, 50, 68, 0.4); background: rgba(49, 50, 68, 0.7);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
margin: 5px 5px 5px 10px; margin: 5px 5px 5px 10px;
padding: 0px 5px; padding: 0px 5px;
border-radius: 15px; border-radius: 15px;
border: 2px solid rgba(137, 180, 250, 0.3); border: 2px solid rgba(137, 180, 250, 0.5);
} }
#workspaces button { #workspaces button {
@@ -47,25 +43,21 @@ window#waybar {
/* Window title */ /* Window title */
#window { #window {
background: rgba(49, 50, 68, 0.4); background: rgba(49, 50, 68, 0.7);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
margin: 5px 10px; margin: 5px 10px;
padding: 5px 15px; padding: 5px 15px;
border-radius: 15px; border-radius: 15px;
border: 2px solid rgba(137, 180, 250, 0.3); border: 2px solid rgba(137, 180, 250, 0.5);
color: #cdd6f4; color: #cdd6f4;
} }
/* Clock */ /* Clock */
#clock { #clock {
background: rgba(49, 50, 68, 0.4); background: rgba(49, 50, 68, 0.7);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
padding: 5px 20px; padding: 5px 20px;
margin: 5px 10px; margin: 5px 10px;
border-radius: 15px; border-radius: 15px;
border: 2px solid rgba(137, 180, 250, 0.3); border: 2px solid rgba(137, 180, 250, 0.5);
color: #89b4fa; color: #89b4fa;
font-weight: bold; font-weight: bold;
} }
@@ -75,13 +67,11 @@ window#waybar {
#network, #network,
#battery, #battery,
#tray { #tray {
background: rgba(49, 50, 68, 0.4); background: rgba(49, 50, 68, 0.7);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
padding: 5px 15px; padding: 5px 15px;
margin: 5px 5px; margin: 5px 5px;
border-radius: 15px; border-radius: 15px;
border: 2px solid rgba(137, 180, 250, 0.3); border: 2px solid rgba(137, 180, 250, 0.5);
} }
#tray { #tray {
@@ -121,11 +111,9 @@ window#waybar {
/* Tooltips */ /* Tooltips */
tooltip { tooltip {
background: rgba(30, 30, 46, 0.8); background: rgba(30, 30, 46, 0.95);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-radius: 10px; border-radius: 10px;
border: 2px solid rgba(137, 180, 250, 0.3); border: 2px solid rgba(137, 180, 250, 0.5);
color: #cdd6f4; color: #cdd6f4;
} }