diff options
Diffstat (limited to 'config/hyprland/waybar/style.css')
| -rw-r--r-- | config/hyprland/waybar/style.css | 226 |
1 files changed, 120 insertions, 106 deletions
diff --git a/config/hyprland/waybar/style.css b/config/hyprland/waybar/style.css index 6faa931..cd2e65e 100644 --- a/config/hyprland/waybar/style.css +++ b/config/hyprland/waybar/style.css @@ -1,148 +1,166 @@ +/* + ******************************************** + *░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░* + *░░█▀█░█░░░█░█░█▀▀░░░█░█░█░░░▀█▀░█▀▄░█▀█░░* + *░░█▀▀░█░░░█░█░▀▀█░░░█░█░█░░░░█░░█▀▄░█▀█░░* + *░░▀░░░▀▀▀░▀▀▀░▀▀▀░░░▀▀▀░▀▀▀░░▀░░▀░▀░▀░▀░░* + *░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░* + ******************************************** + */ + * { - font-family: JetBrains Mono; + border: none; + border-radius: 0; + font-family: JetBrains Mono; font-weight: bold; - font-size: 13px; + font-size: 14px; + min-height: 24px; } window#waybar { - background-color: transparent; - color: #d8dee9; - transition-property: background-color; - transition-duration: .5s; + background: transparent; } window#waybar.hidden { - opacity: 0.2; + opacity: 0.2; } -button { - border: none; - border-radius: 0; +window#waybar.termite #window, +window#waybar.Firefox #window, +window#waybar.Navigator #window, +window#waybar.PCSX2 #window { + color: #2e3440; + background: #e6e6e6; } -/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ -button:hover { - background: inherit; - box-shadow: inset 0 -3px #d8dee9; +#workspaces { + margin-top: 8px; + margin-left: 12px; + margin-bottom: 0; + border-radius: 26px; + background: #2e3440; + transition: none; } #workspaces button { - padding: 0 5px; - color: #d8dee9; -} - -#workspaces button:hover { - background: rgba(0, 0, 0, 0.2); + transition: none; + color: #d8dee9; + background: transparent; + font-size: 16px; } #workspaces button.active { - background-color: #64727D; - box-shadow: inset 0 -3px #bcb4ee; + color: #88c0d0; } -#workspaces button.urgent { - background-color: #eb4d4b; +#workspaces button:hover { + transition: none; + color: #b48ead; } -#clock, -#battery, -#cpu, -#memory, -#disk, -#temperature, -#backlight, -#network, -#pulseaudio, -#wireplumber, -#custom-media, -#tray, -#mode, -#idle_inhibitor, -#scratchpad, -#window, #mpd { - padding: 0 10px; - box-shadow: inset 0 0 3 rgba(0, 0, 0, 1); -} - -#window { - background-color: #8fbcbb; + margin-top: 8px; + margin-left: 8px; + padding-left: 16px; + padding-right: 16px; + margin-bottom: 0; + border-radius: 26px; + background: #2e3440; + transition: none; color: #2e3440; - padding: 0 10px; + background: #88c0d0; } -#window, -#workspaces { - margin: 0 4px; -} - -/* 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; -} - -#clock { - background-color: #64727D; -} - -#battery { - background-color: #ffffff; - color: #000000; -} - -#battery.charging, #battery.plugged { - color: #ffffff; - background-color: #26A65B; -} - -#battery.critical:not(.charging) { - background-color: #f53c3c; - color: #ffffff; -} - -label:focus { - background-color: #000000; +#mpd.disconnected, +#mpd.stopped { + color: #d8dee9; + background: #2e3440; } -#backlight { - background-color: #90b1b1; +#window { + color: #88c0d0; } -#mpd { - background-color: #d08770; - color: #2e3440; +#network { + margin-top: 8px; + margin-left: 8px; + padding-left: 16px; + padding-right: 16px; + margin-bottom: 0; + border-radius: 26px; + transition: none; + color: #2e3440; + background: #5e81ac; } #pulseaudio { - background-color: #ebcb8b; - color: #2e3440; + margin-top: 8px; + margin-left: 8px; + padding-left: 16px; + padding-right: 16px; + margin-bottom: 0; + border-radius: 26px; + transition: none; + color: #2e3440; + background: #bf616a; } -#pulseaudio.muted { - background-color: #b48ead; - color: #2a5c45; +#temperature { + margin-top: 8px; + margin-left: 8px; + padding-left: 16px; + padding-right: 16px; + margin-bottom: 0; + border-radius: 26px; + transition: none; + color: #2e3440; + background: #d08770; } #cpu { - background-color: #a3be8c; - color: #2e3440; + margin-top: 8px; + margin-left: 8px; + padding-left: 16px; + padding-right: 16px; + margin-bottom: 0; + border-radius: 26px; + transition: none; + color: #2e3440; + background: #ebcb8b; } #memory { - background-color: #b48ead; + margin-top: 8px; + margin-left: 8px; + padding-left: 16px; + padding-right: 16px; + margin-bottom: 0; + border-radius: 26px; + transition: none; + color: #2e3440; + background: #a3be8c; } -#tray { - background-color: #2980b9; +#clock { + margin-top: 8px; + margin-left: 8px; + margin-right: 12px; + padding-left: 16px; + padding-right: 16px; + margin-bottom: 0; + border-radius: 26px; + transition: none; + color: #d8dee9; + background: #2e3440; } -#tray > .passive { - -gtk-icon-effect: dim; +#tray { + margin-top: 8px; + margin-right: 12px; + margin-bottom: 0; + transition: none; + color: #d8dee9; + background: transparent; } #tray > .needs-attention { @@ -150,10 +168,6 @@ label:focus { background-color: #eb4d4b; } -#scratchpad { - background: rgba(0, 0, 0, 0.2); -} - -#scratchpad.empty { - background-color: transparent; +#tray > .passive { + -gtk-icon-effect: dim; } |