diff options
Diffstat (limited to 'waybar/style.css')
| -rw-r--r-- | waybar/style.css | 205 |
1 files changed, 0 insertions, 205 deletions
diff --git a/waybar/style.css b/waybar/style.css deleted file mode 100644 index 082ed20..0000000 --- a/waybar/style.css +++ /dev/null @@ -1,205 +0,0 @@ -@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; -} |