diff options
| -rw-r--r-- | .config/waybar/style.css | 246 |
1 files changed, 123 insertions, 123 deletions
diff --git a/.config/waybar/style.css b/.config/waybar/style.css index b261465..2f59995 100644 --- a/.config/waybar/style.css +++ b/.config/waybar/style.css @@ -1,43 +1,44 @@ @import "theme.css"; * { - font-family: monospace; - font-size: 17px; - border: none; + font-family: monospace; + font-size: 17px; + border: none; } window#waybar { - background-color: #2b3339; - color: #d3c6aa; + background-color: #2b3339; + color: #d3c6aa; } -window#waybar > * { - margin-top: 3px; - margin-bottom: 3px; /* margin-top + bar underline thickness */ +window#waybar>* { + margin-top: 3px; + margin-bottom: 3px; + /* margin-top + bar underline thickness */ } window#waybar.hidden { - opacity: 0.2; + opacity: 0.2; } #workspaces { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } #workspaces button { - padding: 0; - min-height: 0px; - margin-left: 4px; - color: #495156; + padding: 0; + min-height: 0px; + margin-left: 4px; + color: #495156; } #workspaces button.active { - color: #d3c6aa; + color: #d3c6aa; } #workspaces button.urgent { - color: #e67e80; + color: #e67e80; } /* !!! COLORS !!! */ @@ -77,8 +78,8 @@ window#waybar.hidden { /* !!! END of COLORS !!! */ #mode { - background-color: #ff0000; - box-shadow: inset 0 -3px #0000ff; + background-color: #ff0000; + box-shadow: inset 0 -3px #0000ff; } #custom-clock, @@ -111,97 +112,95 @@ window#waybar.hidden { #custom-notifications, #custom-power, #mpd { - padding: 0 2px; - margin-right: 10px; + padding: 0 2px; + margin-right: 10px; } #window, #workspaces { - margin: 0 4px; + margin: 0 4px; } #custom-clock { - margin-right: 4px; + margin-right: 4px; } /* If workspaces is the leftmost module, omit left margin */ -.modules-left > widget:first-child > #workspaces { - margin-left: 0; +.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; +.modules-right>widget:last-child>#workspaces { + margin-right: 0; } #custom-notifications { - background-color: @color-widget-notifications-bg; - color: @color-widget-notifications-fg; - font-size: 20px; - padding-right: 14px; + background-color: @color-widget-notifications-bg; + color: @color-widget-notifications-fg; + font-size: 20px; + padding-right: 14px; } #custom-power { - background-color: @color-widget-power-bg; - color: @color-widget-power-fg; - font-size: 20px; - margin-right: 4px; + background-color: @color-widget-power-bg; + color: @color-widget-power-fg; + font-size: 20px; + margin-right: 4px; } #battery { - background-color: @color-widget-battery-bg; - color: @color-widget-battery-fg; + background-color: @color-widget-battery-bg; + color: @color-widget-battery-fg; } -#battery.charging, #battery.plugged { - background-color: @color-widget-battery-bg; - color: @color-widget-battery-fg; +#battery.charging, +#battery.plugged { + background-color: @color-widget-battery-bg; + color: @color-widget-battery-fg; } -#battery.charging { -} +#battery.charging {} @keyframes blink-battery-low { - to { - background-color: @color-widget-battery-low-blink-bg; - color: @color-widget-battery-low-blink-fg; - } + to { + background-color: @color-widget-battery-low-blink-bg; + color: @color-widget-battery-low-blink-fg; + } } -#battery:not(.charging) { -} +#battery:not(.charging) {} /* Using steps() instead of linear as a timing function to limit cpu usage */ #battery.critical:not(.charging) { - background-color: @color-widget-battery-low-bg; - color: @color-widget-battery-low-fg; - animation-name: blink-battery-low; - animation-duration: 0.5s; - animation-timing-function: steps(12); - animation-iteration-count: infinite; - animation-direction: alternate; + background-color: @color-widget-battery-low-bg; + color: @color-widget-battery-low-fg; + animation-name: blink-battery-low; + animation-duration: 0.5s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; } -#power-profiles-daemon { -} +#power-profiles-daemon {} #power-profiles-daemon.performance { - background-color: @color-widget-power-profile-performance-bg; - color: @color-widget-power-profile-performance-fg; + background-color: @color-widget-power-profile-performance-bg; + color: @color-widget-power-profile-performance-fg; } #power-profiles-daemon.balanced { - background-color: @color-widget-power-profile-balanced-bg; - color: @color-widget-power-profile-balanced-fg; + background-color: @color-widget-power-profile-balanced-bg; + color: @color-widget-power-profile-balanced-fg; } #power-profiles-daemon.power-saver { - background-color: @color-widget-power-profile-saver-bg; - color: @color-widget-power-profile-saver-fg; + background-color: @color-widget-power-profile-saver-bg; + color: @color-widget-power-profile-saver-fg; } label:focus { - background-color: #ff0000; + background-color: #ff0000; } #cpu { @@ -217,12 +216,12 @@ label:focus { } #disk { - background-color: #ff0000; + background-color: #ff0000; } #backlight { - background-color: @color-widget-backlight-bg; - color: @color-widget-backlight-fg; + background-color: @color-widget-backlight-bg; + color: @color-widget-backlight-fg; } #custom-weather { @@ -236,11 +235,11 @@ label:focus { } #network { - background-color: #ff0000; + background-color: #ff0000; } #network.disconnected { - background-color: #ff0000; + background-color: #ff0000; } #custom-rainchance { @@ -260,8 +259,9 @@ label:focus { border-top-left-radius: 0px; } -#custom-music, #image { - background-color: @color-widget-tray-bg; +#custom-music, +#image { + background-color: @color-widget-tray-bg; } #custom-music { @@ -283,138 +283,138 @@ label:focus { } #pulseaudio.muted { - background-color: @color-widget-audio-muted-bg; - color: @color-widget-audio-muted-fg; + background-color: @color-widget-audio-muted-bg; + color: @color-widget-audio-muted-fg; } #custom-media { - background-color: #ff0000; - color: #0000ff; - min-width: 100px; + background-color: #ff0000; + color: #0000ff; + min-width: 100px; } #custom-torrent { - background-color: @color-widget-tray-bg; + background-color: @color-widget-tray-bg; } #custom-news { - background-color: @color-widget-tray-bg; + background-color: @color-widget-tray-bg; } #custom-media.custom-spotify { - background-color: #00ff00; + background-color: #00ff00; } #custom-media.custom-vlc { - background-color: #ff0000; + background-color: #ff0000; } #custom-recording { - background-color: @color-widget-tray-bg; + background-color: @color-widget-tray-bg; } #temperature { - background-color: @color-widget-temperature-bg; - color: @color-widget-temperature-fg; + background-color: @color-widget-temperature-bg; + color: @color-widget-temperature-fg; } #temperature.critical { - background-color: @color-widget-temperature-critical-bg; - color: @color-widget-temperature-critical-fg; + background-color: @color-widget-temperature-critical-bg; + color: @color-widget-temperature-critical-fg; } #tray { - background-color: @color-widget-tray-bg; + background-color: @color-widget-tray-bg; } -#tray > .passive { - -gtk-icon-effect: dim; +#tray>.passive { + -gtk-icon-effect: dim; } -#tray > .needs-attention { - -gtk-icon-effect: highlight; - background-color: @color-widget-tray-needs-attention; +#tray>.needs-attention { + -gtk-icon-effect: highlight; + background-color: @color-widget-tray-needs-attention; } #idle_inhibitor { - background-color: @color-widget-idle-inhibitor-off-bg; - color: @color-widget-idle-inhibitor-off-fg; + background-color: @color-widget-idle-inhibitor-off-bg; + color: @color-widget-idle-inhibitor-off-fg; } #idle_inhibitor.activated { - background-color: @color-widget-idle-inhibitor-on-bg; - color: @color-widget-idle-inhibitor-on-fg; + background-color: @color-widget-idle-inhibitor-on-bg; + color: @color-widget-idle-inhibitor-on-fg; } #mpd { - background-color: #ff0000; - color: #0000ff; + background-color: #ff0000; + color: #0000ff; } #mpd.disconnected { - background-color: #00ff00; + background-color: #00ff00; } #mpd.stopped { - background-color: #ff0000; + background-color: #ff0000; } #mpd.paused { - background-color: #ffff00; + background-color: #ffff00; } #language { - background: #ff0000; - color: #0000ff; - padding: 0 5px; - margin: 0 5px; - min-width: 16px; + background: #ff0000; + color: #0000ff; + padding: 0 5px; + margin: 0 5px; + min-width: 16px; } #keyboard-state { - background: #0000ff; - color: #ff0000; - padding: 0 0px; - margin: 0 5px; - min-width: 16px; + background: #0000ff; + color: #ff0000; + padding: 0 0px; + margin: 0 5px; + min-width: 16px; } -#keyboard-state > label { - padding: 0 5px; +#keyboard-state>label { + padding: 0 5px; } -#keyboard-state > label.locked { - background: rgba(0, 0, 0, 0.2); +#keyboard-state>label.locked { + background: rgba(0, 0, 0, 0.2); } #scratchpad { - background-color: @color-widget-scratchpad-bg; - color: @color-widget-scratchpad-fg; + background-color: @color-widget-scratchpad-bg; + color: @color-widget-scratchpad-fg; } #scratchpad.empty { - background-color: transparent; + background-color: transparent; } #privacy { - padding: 0; + padding: 0; } #privacy-item { - padding: 0 5px; - color: white; + padding: 0 5px; + color: white; } #privacy-item.screenshare { - background-color: #ff0000; + background-color: #ff0000; } #privacy-item.audio-in { - background-color: #0000ff; + background-color: #0000ff; } #privacy-item.audio-out { - background-color: #00ff00; + background-color: #00ff00; } tooltip { |