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).
2026-07-03 23:59:58 +02:00
parent 23df7656e5
commit 5d6d1c6db8
1 changed files with 63 additions and 0 deletions
@@ -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;
+}