From 26694e09e8f5bf2262737312e7ad217118db20de Mon Sep 17 00:00:00 2001 From: joott Date: Wed, 30 Jul 2025 15:53:29 -0400 Subject: switching to yadm --- .config/waybar/style.css | 205 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 205 insertions(+) create mode 100644 .config/waybar/style.css (limited to '.config/waybar/style.css') diff --git a/.config/waybar/style.css b/.config/waybar/style.css new file mode 100644 index 0000000..082ed20 --- /dev/null +++ b/.config/waybar/style.css @@ -0,0 +1,205 @@ +@import "colors.css"; + +* { + /* `otf-font-awesome` is required to be installed for icons */ + font-family: Lilex Nerd Font; + font-size: 13px; +} + +window#waybar { + background-color: alpha(@background, 0.9); + color: @foreground; + transition-property: background-color; + transition-duration: .5s; +} + +window#waybar.hidden { + opacity: 0.2; +} + +button { + /* Use box-shadow instead of border so the text isn't offset */ + box-shadow: inset 0 -3px transparent; + /* Avoid rounded borders under each button name */ + border: none; + border-radius: 0; + color: @foreground; +} + +#workspaces button { + padding: 0 5px; + /* background-color: transparent; */ + /* color: @text; */ +} + +/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ +#workspaces button:hover { + background: inherit; + box-shadow: inset 0 3px @color14; +} + +#workspaces button.focused { + box-shadow: inset 0 3px @color14; +} + +#workspaces button.urgent { + background-color: @color13; + color: @background; +} + +#workspaces button.urgent.focused { + box-shadow: inset 0 3px @color0; + background-color: @color13; + color: @background; +} + +#workspaces button:hover.urgent { + box-shadow: inset 0 3px @color0; + background-color: @color13; + color: @background; +} + +#mode { + border-top: 3px solid @color10; +} + +#clock, +#battery, +#cpu, +#memory, +#disk, +#temperature, +#backlight, +#network, +#pulseaudio, +#wireplumber, +#custom-rat, +#tray, +#mode, +#idle_inhibitor, +#scratchpad, +#mpd { + padding: 0 10px; + color: @color15; + border-top: 3px solid @color7; +} + +#workspaces { + margin: 0 4px; +} + +#window { + margin: 0 20px; +} + +/* 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; +} + +#tray { +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #eb4d4b; +} + +#clock { +} + +#battery { + padding-right: 18px; +} + +#battery.charging, #battery.plugged { + background-color: @color4; + border-top: 0; + padding-right: 11px; +} + +@keyframes blink { + to { + background-color: #ffffff; + border-top: 3px solid #ffffff; + color: #000000; + } +} + +#custom-rat.waiting, +#battery.critical:not(.charging) { + background-color: #f53c3c; + border-top: 3px solid #f53c3c; + color: #ffffff; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#memory { + padding-right: 15px; +} + +#temperature { + padding-right: 12px; +} + +#temperature.critical { + background-color: #eb4d4b; + border-top: 3px solid #eb4d4b; + color: #ffffff; +} + + +#network { + padding-right: 15px; +} + +#network.disconnected { +} + +#backlight { + padding-right: 11px; +} + +#pulseaudio { +} + +#pulseaudio.muted { + border-top: 3px solid @color14; + background-color: @color14; + color: @color0; +} + +#idle_inhibitor { + padding-right: 14px; +} + +#idle_inhibitor.activated { + background-color: @foreground; + color: @background; + border-top: 3px solid @color7; +} + +label:focus { + background-color: #000000; +} + +#scratchpad { + background: @color1; +} + +#scratchpad.empty { + background-color: transparent; +} -- cgit v1.3