feat(waybar): add waybar style configuration for fws theme
Add CSS stylesheet for Waybar that matches the FWS theme, SDDM appearance, and Hyprland borders. Includes styling for workspaces, clock, custom key help button, and system status modules with Catppuccin blue accent color (#89b4fa).
This commit is contained in:
@@ -0,0 +1,63 @@
|
|||||||
|
/* FWS — style Waybar (assorti au thème SDDM et aux bordures Hyprland). */
|
||||||
|
|
||||||
|
* {
|
||||||
|
font-family: "Noto Sans", sans-serif;
|
||||||
|
font-size: 13px;
|
||||||
|
min-height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
window#waybar {
|
||||||
|
background: rgba(26, 26, 46, 0.92); /* #1a1a2e */
|
||||||
|
color: #f0f0f5;
|
||||||
|
border-bottom: 2px solid #89b4fa; /* bleu FWS (Catppuccin) */
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button {
|
||||||
|
color: #a0a0b8;
|
||||||
|
padding: 0 10px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 0;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button.active {
|
||||||
|
color: #f0f0f5;
|
||||||
|
border-bottom: 2px solid #89b4fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button:hover {
|
||||||
|
background: rgba(255, 255, 255, 0.08);
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#window {
|
||||||
|
color: #a0a0b8;
|
||||||
|
margin-left: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#clock {
|
||||||
|
color: #f0f0f5;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-keyhelp {
|
||||||
|
background: #89b4fa;
|
||||||
|
color: #1a1a2e;
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 0 12px;
|
||||||
|
margin: 5px 6px;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-keyhelp:hover {
|
||||||
|
background: #b4d0fb;
|
||||||
|
}
|
||||||
|
|
||||||
|
#pulseaudio,
|
||||||
|
#network,
|
||||||
|
#cpu,
|
||||||
|
#memory,
|
||||||
|
#tray {
|
||||||
|
color: #a0a0b8;
|
||||||
|
padding: 0 10px;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user