diff --git a/sway/.config/waybar/config b/sway/.config/waybar/config index 8e378b0..c2b4811 100644 --- a/sway/.config/waybar/config +++ b/sway/.config/waybar/config @@ -5,7 +5,7 @@ "spacing": 0, "modules-left": ["sway/workspaces", "sway/mode", "custom/media"], "modules-center": ["sway/window"], - "modules-right": ["idle_inhibitor", "network", "cpu", "temperature", "memory", "battery", "battery#bat0", "battery#bat1", "clock", "tray"], + "modules-right": ["idle_inhibitor", "network", "cpu", "temperature", "memory", "disk", "battery", "battery#bat0", "battery#bat1", "clock", "tray"], "sway/mode": { "format": "{}" }, @@ -23,7 +23,7 @@ "clock": { "timezone": "Europe/Tallinn", "tooltip-format": "{:%Y %B}\n{calendar}", - "format": "{:%Y-%m-%d %H:%M}", + "format": "{:%Y-%m-%d %a %H:%M}", "format-alt": "{:%Y-%m-%d}" }, "cpu": { @@ -33,6 +33,10 @@ "memory": { "format": "{}% " }, + "disk": { + "path": "/home", + "format": "{path} {free} 🖴" + }, "network": { // "interface": "wlp2*", // (Optional) To force the use of this interface "format-wifi": "{essid} ({signalStrength}%) ", diff --git a/sway/.config/waybar/style.css b/sway/.config/waybar/style.css new file mode 100644 index 0000000..fc0b1d3 --- /dev/null +++ b/sway/.config/waybar/style.css @@ -0,0 +1,126 @@ +* { + /* `otf-font-awesome` is required to be installed for icons */ + font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif; + font-size: 13px; +} + +window#waybar { + background-color: rgba(43, 48, 59, 0.5); + border-bottom: 3px solid rgba(100, 114, 125, 0.5); + color: #ffffff; + transition-property: background-color; + transition-duration: .5s; +} + +window#waybar.hidden { + opacity: 0.2; +} + +#workspaces button { + padding: 0 1px; + background-color: transparent; + color: #ffffff; + /* Use box-shadow instead of border so the text isn't offset */ + box-shadow: inset 0 -3px transparent; + /* Avoid rounded borders under each workspace name */ + border: none; + border-radius: 0; +} + +/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ +#workspaces button:hover { + background: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 -3px #ffffff; +} + +#workspaces button.focused { + background: rgba(0, 0, 0, 0.5); + box-shadow: inset 0 -3px #ffffff; +} + +#workspaces button.urgent { + background-color: #eb4d4b; +} + +#mode { + background-color: #64727D; + border-bottom: 3px solid #ffffff; +} + +#clock, +#battery, +#cpu, +#memory, +#disk, +#temperature, +#backlight, +#network, +#pulseaudio, +#custom-media, +#tray, +#mode, +#idle_inhibitor, +#mpd { + padding: 0 5px; + color: #ffffff; + border-left: 1px solid #888888; +} + +#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; +} + +#battery.charging, #battery.plugged { + color: #ffffff; + background-color: #26A65B; +} + +@keyframes blink { + to { + background-color: #ffffff; + color: #000000; + } +} + +#battery.critical:not(.charging) { + background-color: #f53c3c; + color: #ffffff; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +label:focus { + background-color: #000000; +} + +#temperature.critical { + background-color: #eb4d4b; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #eb4d4b; +} + +#idle_inhibitor { + background-color: #2d3436; +} + +#idle_inhibitor.activated { + background-color: #ecf0f1; + color: #2d3436; +}