diff --git a/configs/releng/airootfs/usr/local/share/fws/waybar-style.css b/configs/releng/airootfs/usr/local/share/fws/waybar-style.css index 6ef916e..88c9617 100644 --- a/configs/releng/airootfs/usr/local/share/fws/waybar-style.css +++ b/configs/releng/airootfs/usr/local/share/fws/waybar-style.css @@ -1,63 +1,107 @@ -/* FWS — style Waybar (assorti au thème SDDM et aux bordures Hyprland). */ +/* FWS — style Waybar v2 (Catppuccin Mocha, nuances de bleu). + Barre flottante arrondie, modules en « pilules », icônes Nerd Font + (paquet ttf-nerd-fonts-symbols, installé avec le bureau Hyprland). */ * { - font-family: "Noto Sans", sans-serif; + font-family: "Noto Sans", "Symbols Nerd Font", 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) */ + background: rgba(30, 30, 46, 0.88); /* base #1e1e2e */ + color: #cdd6f4; /* text */ + border: 1px solid rgba(137, 180, 250, 0.35); + border-radius: 14px; +} + +tooltip { + background: #1e1e2e; + border: 1px solid #89b4fa; + border-radius: 10px; +} +tooltip label { color: #cdd6f4; } + +/* --- Espaces de travail --------------------------------------------------- */ +#workspaces { + background: #313244; /* surface0 */ + margin: 5px 4px; + border-radius: 10px; + padding: 0 4px; } #workspaces button { - color: #a0a0b8; - padding: 0 10px; + color: #a6adc8; /* subtext0 */ + padding: 0 8px; + margin: 3px 2px; border: none; - border-radius: 0; + border-radius: 8px; background: transparent; + transition: all 0.2s ease; } #workspaces button.active { - color: #f0f0f5; - border-bottom: 2px solid #89b4fa; + color: #1e1e2e; + background: #89b4fa; /* bleu */ + font-weight: bold; } #workspaces button:hover { - background: rgba(255, 255, 255, 0.08); + color: #cdd6f4; + background: #45475a; box-shadow: none; } #window { - color: #a0a0b8; - margin-left: 12px; + color: #a6adc8; + margin-left: 10px; + font-style: italic; } +/* --- Horloge (centre) ------------------------------------------------------ */ #clock { - color: #f0f0f5; + color: #cdd6f4; font-weight: bold; + background: #313244; + padding: 0 16px; + margin: 5px 0; + border-radius: 10px; } -#custom-keyhelp { - background: #89b4fa; - color: #1a1a2e; - font-weight: bold; - padding: 0 12px; - margin: 5px 6px; - border-radius: 8px; -} - -#custom-keyhelp:hover { - background: #b4d0fb; -} - +/* --- Modules de droite : pilules ------------------------------------------- */ +#custom-keyhelp, +#backlight, #pulseaudio, +#bluetooth, #network, #cpu, #memory, +#battery, #tray { - color: #a0a0b8; - padding: 0 10px; + background: #313244; + padding: 0 12px; + margin: 5px 3px; + border-radius: 10px; + color: #cdd6f4; } + +#custom-keyhelp { + background: #89b4fa; /* bouton d'appel : bleu plein */ + color: #1e1e2e; + font-weight: bold; +} +#custom-keyhelp:hover { background: #b4d0fb; } + +#backlight { color: #f9e2af; } /* jaune doux */ +#pulseaudio { color: #89b4fa; } +#pulseaudio.muted { color: #6c7086; } +#bluetooth { color: #74c7ec; } /* sapphire */ +#bluetooth.disabled { color: #6c7086; } +#network { color: #94e2d5; } /* teal */ +#network.disconnected { color: #f38ba8; } +#cpu { color: #cba6f7; } /* mauve */ +#memory { color: #eba0ac; } /* maroon */ + +#battery.warning { color: #f9e2af; } +#battery.critical { color: #f38ba8; } +#battery.charging { color: #a6e3a1; }