From 5a00782b36562d47a06b4644f68e7601141183fa Mon Sep 17 00:00:00 2001 From: Michael Beck Date: Tue, 20 May 2025 14:37:24 +0200 Subject: [PATCH] fixes wallust and waybar coloring --- .config/wallust/templates/alacritty.toml | 10 +- .config/waybar/config | 17 +- .config/waybar/style.css | 243 +++-------------------- 3 files changed, 47 insertions(+), 223 deletions(-) diff --git a/.config/wallust/templates/alacritty.toml b/.config/wallust/templates/alacritty.toml index e811838..ccd84bf 100644 --- a/.config/wallust/templates/alacritty.toml +++ b/.config/wallust/templates/alacritty.toml @@ -9,8 +9,7 @@ cyan = "{{color14}}" white = "{{color15}}" [colors.cursor] -cursor = "#8e8e8e" -text = "#080808" +cursor = "{{cursor}}" [colors.normal] black = "{{color0}}" @@ -24,9 +23,4 @@ white = "{{color7}}" [colors.primary] background = "{{background}}" -bright_foreground = "#eeeeee" -foreground = "{{foreground}}" - -[colors.selection] -background = "#b2ceee" -text = "#080808" \ No newline at end of file +foreground = "{{foreground}}" \ No newline at end of file diff --git a/.config/waybar/config b/.config/waybar/config index 5ac3b7b..fede372 100644 --- a/.config/waybar/config +++ b/.config/waybar/config @@ -23,7 +23,7 @@ //"hyprland/submap", "temperature", //"idle_inhibitor", - //"mpd" + //"mpd", "custom/spotify" ], "modules-center": [ @@ -38,12 +38,12 @@ "battery", //"pulseaudio", "wireplumber", - "custom/screenshot_t", + "bluetooth", + //"custom/screenshot_t", "tray", "custom/power" ], - // ------------------------------------------------------------------------- // Modules // ------------------------------------------------------------------------- @@ -57,7 +57,6 @@ "tooltip": false }, - "custom/rofi": { "format": "", "tooltip": false, @@ -87,6 +86,16 @@ "on-click": "gsimplecal" }, + "bluetooth": { + // "controller": "controller1", // specify the alias of the controller if there are more than 1 on the system + "format": "", + "format-connected": " {num_connections} connected", + "tooltip-format": "{controller_alias}\t{controller_address}", + "tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{device_enumerate}", + "tooltip-format-enumerate-connected": "{device_alias}\t{device_address}", + "on-click": "blueman-manager" + }, + "temperature": { // "thermal-zone": 1, "interval": 4, diff --git a/.config/waybar/style.css b/.config/waybar/style.css index 9a6ded2..d29ba08 100644 --- a/.config/waybar/style.css +++ b/.config/waybar/style.css @@ -17,17 +17,17 @@ border: none; border-radius: 3px; min-height: 0; - margin: 0em 0.2em 0em 0.2em; + margin: 0; } /* The whole bar */ #waybar { - background-color: var(--background); - color: var(--foreground); + background-color: alpha(@background, 0); + color: @foreground; transition-property: background-color; transition-duration: 0.5s; border-radius: 0px; - margin: 0px 0px; + margin: 0; } window#waybar.hidden { @@ -35,42 +35,40 @@ window#waybar.hidden { } #workspaces button { - padding: 3px 2px; /* Adjusted padding to reduce height */ - margin: 3px 2px; /* Reduced margin slightly */ + padding: 3px 2px; + margin: 3px 2px; border-radius: 6px; - color: var(--foreground); - background-color: var(--color0); + color: @foreground; + background-color: @color0; transition: all 0.3s ease-in-out; - font-size: 13px; /* Slightly smaller font size */ + font-size: 9px; /* Slightly smaller font size */ } #workspaces button.active { - color: var(--foreground); - background: var(--color2); + color: @foreground; + background: @color3; } #workspaces button:hover { - background: var(--color1); + background: @color2; } #workspaces button.urgent { - background-color: var(--color9); + background-color: @color9; } #workspaces { background-color: rgba(17, 24, 39, 0.5); - - border-radius: 14px; - padding: 3px 6px; /* Adjusted padding to reduce height */ + margin-top: 2px; + border-radius: 3px; + padding: 3px 6px; } #window { - background-color: rgba(17, 24, 39, 0.1); - font-size: 11px; /* Slightly smaller font size */ - font-weight: 800; - color: var(--foreground); - border-radius: 14px; - padding: 1px 2px; /* Reduced padding */ + background-color: alpha(@background, 0.5); + color: @foreground; + border-radius: 3px; + padding: 1px 10px; /* Reduced padding */ margin: 2px; } @@ -78,208 +76,31 @@ window#waybar.hidden { #battery, #cpu, #memory, -#disk, +#custom-storage, +#custom-weather, +#bluetooth, +#custom-media, #temperature, #backlight, #network, -#pulseaudio, #wireplumber, -#custom-media, -#mode, -#idle_inhibitor, -#mpd, -#bluetooth, -#custom-hyprPicker, -#custom-power-menu, -#custom-spotify, -#custom-weather, -#custom-weather.severe, -#custom-weather.sunnyDay, -#custom-weather.clearNight, -#custom-weather.cloudyFoggyDay, -#custom-weather.cloudyFoggyNight, -#custom-weather.rainyDay, -#custom-weather.rainyNight, -#custom-weather.showyIcyDay, -#custom-weather.snowyIcyNight, -#custom-weather.default { - background-color: rgba(17, 24, 39, 0.5); - border-radius: 14px; - padding: 5px; /* Adjusted padding */ -} - -#custom-screenshot_t { - background-color: rgba(17, 24, 39, 0.5); - border-radius: 14px; - padding: 4px; -} - -#custom-spotify { - background-color: rgba(17, 24, 39, 0.5); - border-radius: 14px; - padding: 3px 12px; -} - -#tray { - background-color: rgba(17, 24, 39, 0.5); - border-radius: 14px; - padding: 4px; /* Adjusted padding */ -} - -#cpu { - color: #fb958b; - background-color: rgba(17, 24, 39, 0.5); - padding: 4px; -} - -#memory { - color: #ebcb8b; - background-color: rgba(17, 24, 39, 0.5); - padding: 4px; -} - -#custom-power { - background-color: rgba(17, 24, 39, 0.5); - border-radius: 14px; - padding: 4px; -} - -#custom-storage { - background-color: rgba(17, 24, 39, 0.5); - border-radius: 14px; - padding: 4px; -} - -#custom-launcher { - background-color: rgba(27, 36, 43, 0.5); - color: rgba(106, 146, 215, 0.5); - border-radius: 7.5px; - padding: 3px 6px; /* Adjusted padding */ -} - -#custom-weather.severe { - color: rgba(235, 147, 125, 0.5); -} - -#custom-weather.sunnyDay { - color: rgba(194, 202, 118, 0.5); -} - -#custom-weather.clearNight { - color: rgba(202, 211, 245, 0.5); -} - -#custom-weather.cloudyFoggyDay, -#custom-weather.cloudyFoggyNight { - color: rgba(194, 221, 218, 0.5); -} - -#custom-weather.rainyDay, -#custom-weather.rainyNight { - color: rgba(90, 172, 165, 0.5); -} - -#custom-weather.showyIcyDay, -#custom-weather.snowyIcyNight { - color: rgba(214, 231, 229, 0.5); -} - -#custom-weather.default { - color: rgba(219, 217, 216, 0.5); -} - -/* If workspaces is the leftmost module, omit left margin */ -.modules-left > widget:first-child > #workspaces { - margin-left: 0; -} - -/* If workspaces is the rightmost module, omit right margin */ -.modules-right > widget:last-child > #workspaces { - margin-right: 0; -} - #pulseaudio { - color: rgba(125, 155, 186, 0.5); + background-color: alpha(@background, 0.3); + color: @foreground; + padding: 0 10px; + margin: 2px; } -#backlight { - color: rgba(143, 188, 187, 0.5); -} - -#clock { - color: rgba(200, 210, 224, 0.5); -} - -#battery { - color: rgba(192, 202, 245, 0.5); -} - -#battery.charging, -#battery.full, -#battery.plugged { - color: rgba(38, 166, 91, 0.5); -} - -@keyframes blink { - to { - background-color: rgba(30, 34, 42, 0.5); - color: rgba(171, 178, 191, 0.5); - } +#bluetooth.disabled { + background-color: alpha(@color8, 0); } #battery.critical:not(.charging) { - color: rgba(245, 60, 60, 0.5); - animation-name: blink; - animation-duration: 0.5s; - animation-timing-function: linear; - animation-iteration-count: infinite; - animation-direction: alternate; -} - -label:focus { - background-color: rgba(0, 0, 0, 0.5); -} - -#disk { - background-color: rgba(150, 75, 0, 0.5); -} - -#bluetooth { - color: rgba(112, 125, 157, 0.5); -} - -#bluetooth.disconnected { - color: rgba(245, 60, 60, 0.5); -} - -#network { - color: rgba(180, 142, 173, 0.5); -} - -#network.disconnected { - color: rgba(245, 60, 60, 0.5); -} - -#custom-media { - background-color: rgba(102, 204, 153, 0.5); - color: #2a5c45; - min-width: 100px; -} - -#custom-media.custom-spotify { - background-color: rgba(102, 204, 153, 0.5); -} - -#custom-media.custom-vlc { - background-color: rgba(255, 160, 0, 0.5); -} - -#temperature { - background-color: rgba(240, 147, 43, 0.5); + color: @color1; } #temperature.critical { - background-color: rgba(253, 77, 75, 0.5); + background-color: alpha(@foreground, 0.5); } #tray > .passive {