From 314be2a3afe5ceb7c865a4a09d8f534d5cd20227 Mon Sep 17 00:00:00 2001 From: Trianta <56975502+Trimutex@users.noreply.github.com> Date: Mon, 29 Jan 2024 02:58:59 -0600 Subject: [PATCH] New waybar colors who dis --- waybar/config | 6 +++-- waybar/style.css | 66 +++++++++++++----------------------------------- 2 files changed, 21 insertions(+), 51 deletions(-) diff --git a/waybar/config b/waybar/config index 1aa3cb4..a7e6ec0 100755 --- a/waybar/config +++ b/waybar/config @@ -1,11 +1,13 @@ [ { "name": "main", - "layer": "top", + "layer": "bottom", "position": "bottom", - "height": 40, + "height": 48, "spacing": 4, "output": "DP-2", + "margin-left": 800, + "margin-right": 800, "modules-left": [ "wireplumber", "disk", diff --git a/waybar/style.css b/waybar/style.css index cb19571..0e48813 100755 --- a/waybar/style.css +++ b/waybar/style.css @@ -4,12 +4,15 @@ border: none; border-radius: 0px; min-height: 0; + font-weight: bold; font-size: 14px; font-family: "Hack Nerd Font"; } window#waybar { - background: alpha(@base, 0.6); + background: alpha(@surface2, 0.6); + border: 4px inset @yellow; + border-radius: 8px; color: @text; } @@ -18,32 +21,35 @@ window#waybar.hidden { } #workspaces { - margin: 4px 0; - border-radius: 6px; background: transparent; } #workspaces button { - color: @overlay0; + color: @mauve; background: transparent; transition: all 0.1s ease; } #workspaces button.active { - color: @lavender; - border-top: 2px solid @lavender; + background-color: @yellow; + margin: 4px; + border-radius: 6px; transition: all 0.1s ease; } .modules-left { - background: @surface0; -} -.modules-center { - background: @surface0; + color: @mauve; + margin: 2px; border-radius: 16px; } +.modules-center { + border-radius: 16px; + margin: 2px; +} .modules-right { - background: @surface0; + color: @mauve; + border-radius: 16px; + margin: 2px; } #clock, @@ -60,41 +66,3 @@ window#waybar.hidden { #custom-weather { padding: 0 10px; } - - -#wireplumber{ - color: @teal; -} -#disk { - color: @rosewater; -} -#custom-weather { - color: @sapphire; -} - -#memory, -#cpu, -#network, -#custom-gpu, -#temperature { - color: @green; -} - -#custom-poweroff { - color: @red; -} - -/* Old Colors -#memory { - color: @teal; -} -#cpu { - color: @yellow; -} -#custom-gpu { - color: @pink; -} -#temperature { - color: @sky; -} -*/