diff options
Diffstat (limited to '.config/waybar/style.css')
| -rw-r--r-- | .config/waybar/style.css | 95 |
1 files changed, 52 insertions, 43 deletions
diff --git a/.config/waybar/style.css b/.config/waybar/style.css index ce9310f..bfa642d 100644 --- a/.config/waybar/style.css +++ b/.config/waybar/style.css @@ -1,68 +1,77 @@ -* { - font-family: "Fira Code"; -} -#waybar { - background: #171717; - color: #fff; -} -#clock { - color: #fff; -} - -#tray { - padding-left: 4px; +* { + font-family: "DejaVu Sans Mono", "Symbols Nerd Font"; + font-size: 14px; } -#workspaces button:hover { - background-color: transparent; +window#waybar { + background-color: rgba(13, 27, 42, 0.5); + color: rgba(228, 228, 239, 1); + border: 1px solid rgba(238, 171, 196, 0.8); + border-radius: 10px; } -#workspaces button { - color: #737373; - padding-left: 4px; - padding-right: 4px; - border-radius: 0px; +#window { + margin: 0 10px; } -#workspaces button:hover { - background-color: #262626; +.modules-right:last-child { + /* background-color: rgba(51, 102, 0, 0.5); */ + /* margin: 0 2px 0 0; */ + margin-right: 10px; + /* padding: 0 3px; */ } -#workspaces button.active { - color: #84cc16; +.modules-center { + /* background-color: #1d1f21; */ + /* background-color: #2a3f38; */ + /* background-color: rgba(51, 102, 0, 0.5); */ + /* margin: 0 0 0 0; */ + /* padding: 0 3px; */ } -#window { - color: #fff; +.modules-left { + /* background-color: #1d1f21; */ + /* background-color: #2a3f38; */ + /* background-color: rgba(51, 102, 0, 0.5); */ + /* margin: 0 0 0 2px; */ + /* padding: 0 3px 0 0; */ } -#network { - color: #3b82f6; - margin-right: 8px; +tooltip { + background-color: rgba(13, 27, 42, 1); + color: rgba(228, 228, 239, 1); + border: 1px solid rgba(238, 171, 196, 0.8); + border-radius: 10px; } -#pulseaudio { - color: #14b8a6; - margin-right: 4px; +#workspaces button { + color: rgba(228, 228, 239, 1); + /* padding: 0 3px; */ } -#cpu { - color: #0ea5e9; - margin-right: 4px; +#workspaces button.focused { + color: rgba(238, 171, 196, 0.8); } -#temperature { - color: #eab308; - margin-right: 4px; +#workspaces button.active { + color: rgba(238, 171, 196, 0.8); } -#memory { - color: #d946ef; - margin-right: 4px; +#workspaces button:hover { + background: transparent; + border-color: rgba(238, 171, 196, 0.8); + box-shadow: none; + text-shadow: none; } -#custom-powermenu { - color: #f43f5e; +#network, +#wireplumber, +#custom-brightness, +#battery, +#cpu, +#memory, +#clock { + padding: 0 10px; } |
