From 392031bd8cb07c448381615ec5b1e080e02d9b96 Mon Sep 17 00:00:00 2001 From: Ivan Bushchik Date: Tue, 9 Aug 2022 16:43:55 +0300 Subject: [PATCH] Move bar to bottom --- configs/waybar/config | 52 +++---------- configs/waybar/style.css | 161 ++------------------------------------- 2 files changed, 16 insertions(+), 197 deletions(-) diff --git a/configs/waybar/config b/configs/waybar/config index 3f81390..4c2dabf 100644 --- a/configs/waybar/config +++ b/configs/waybar/config @@ -1,18 +1,9 @@ { "height": 30, // Waybar height (to be removed for auto height) - "spacing": 0, // Gaps between modules (4px) + "position": "bottom", "modules-left": ["sway/workspaces", "sway/mode"], "modules-center": ["sway/window"], - "modules-right": ["idle_inhibitor", "network", "cpu", "memory", "keyboard-state", "sway/language", "clock", "tray"], - "keyboard-state": { - "numlock": true, - "capslock": true, - "format": "{name} {icon}", - "format-icons": { - "locked": "", - "unlocked": "" - } - }, + "modules-right": ["idle_inhibitor", "network", "cpu", "memory", "temperature", "sway/language", "clock", "tray"], "sway/mode": { "format": "{}" }, @@ -40,40 +31,17 @@ "format": "RAM: {}%" }, "temperature": { - // "thermal-zone": 2, - // "hwmon-path": "/sys/class/hwmon/hwmon2/temp1_input", - "critical-threshold": 80, - // "format-critical": "{temperatureC}°C {icon}", - "format": "{temperatureC}°C {icon}", - "format-icons": ["", "", ""] - }, - "backlight": { - // "device": "acpi_video1", - "format": "{percent}% {icon}", - "format-icons": ["", "", "", "", "", "", "", "", ""] + "format": "{temperatureC}°C", }, "battery": { - "states": { - // "good": 95, - "warning": 30, - "critical": 15 - }, - "format": "{capacity}% {icon}", - "format-charging": "{capacity}% ", - "format-plugged": "{capacity}% ", - "format-alt": "{capacity}% {icon}", - "format-icons": ["", "", "", "", ""] - }, - "battery#bat2": { - "bat": "BAT2" + "format": "Bat: {capacity}%", + "format-charging": "Bat: {capacity}% (charging)", + "format-plugged": "Bat: {capacity}% (plugged)", }, "network": { - // "interface": "wlp2*", // (Optional) To force the use of this interface - "format-wifi": "", - "format-ethernet": "", - "tooltip-format": "{ifname} via {essid} {ipaddr}/{cidr} ", - "format-linked": "{ifname} (No IP) ", - "format-disconnected": "Disconnected ⚠", - // "format-alt": "{ifname} ({essid}): {ipaddr}/{cidr}" + "format": "Connected: {ifname}", + "tooltip-format": "{ifname} via {essid} {ipaddr}/{cidr}", + "format-linked": "Connected (No IP): {ifname}", + "format-disconnected": "Disconnected", }, } diff --git a/configs/waybar/style.css b/configs/waybar/style.css index c1284f0..f91d241 100644 --- a/configs/waybar/style.css +++ b/configs/waybar/style.css @@ -1,12 +1,11 @@ * { - /* `otf-font-awesome` is required to be installed for icons */ - font-family: JetBrains Mono, FontAwesome, Roboto, Helvetica, Arial, sans-serif; + font-family: JetBrains Mono, Roboto, Helvetica, monospace, 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); + border-top: 3px solid rgba(100, 114, 125, 0.5); color: #ffffff; transition-property: background-color; transition-duration: .5s; @@ -16,44 +15,27 @@ window#waybar.hidden { opacity: 0.5; } -/* -window#waybar.empty { - background-color: transparent; -} -window#waybar.solo { - background-color: #FFFFFF; -} -*/ - window#waybar.termite { background-color: #3F3F3F; } -window#waybar.chromium { - background-color: #000000; - border: none; -} - #workspaces button { padding: 0 5px; 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 */ + box-shadow: inset 0 3px transparent; 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; + box-shadow: inset 0 3px #ffffff; } #workspaces button.focused { background-color: #64727D; - box-shadow: inset 0 -3px #ffffff; + box-shadow: inset 0 3px #ffffff; } #workspaces button.urgent { @@ -62,7 +44,7 @@ window#waybar.chromium { #mode { background-color: #64727D; - border-bottom: 3px solid #ffffff; + border-top: 3px solid #ffffff; } #clock, @@ -96,22 +78,8 @@ window#waybar.chromium { /* 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; -}*/ - @keyframes blink { to { background-color: #ffffff; @@ -120,9 +88,6 @@ window#waybar.chromium { } #battery.critical:not(.charging) { -/* background-color: #f53c3c; - color: #ffffff; - animation-name: blink;*/ animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: infinite; @@ -133,123 +98,9 @@ label:focus { background-color: #000000; } -/*#cpu { - background-color: #2ecc71; - color: #000000; -} - -#memory { - background-color: #9b59b6; -} - -#disk { - background-color: #964B00; -} - -#backlight { - background-color: #90b1b1; -} - -#network { - background-color: #2980b9; -} - -#network.disconnected { - background-color: #f53c3c; -} - -#pulseaudio { - background-color: #f1c40f; - color: #000000; -} - -#pulseaudio.muted { - background-color: #90b1b1; - color: #2a5c45; -} - -#custom-media { - background-color: #66cc99; - color: #2a5c45; - min-width: 100px; -} - -#custom-media.custom-spotify { - background-color: #66cc99; -} - -#custom-media.custom-vlc { - background-color: #ffa000; -} - -#temperature { - background-color: #f0932b; -} - -#temperature.critical { - background-color: #eb4d4b; -} - -#tray { - background-color: #2980b9; -} - -#tray > .passive { - -gtk-icon-effect: dim; -} - -#tray > .needs-attention { - -gtk-icon-effect: highlight; - background-color: #eb4d4b; -} - -#idle_inhibitor { - background-color: #2d3436; -} - -#idle_inhibitor.activated { - background-color: #ecf0f1; - color: #2d3436; -} - -#mpd { - background-color: #66cc99; - color: #2a5c45; -} - -#mpd.disconnected { - background-color: #f53c3c; -} - -#mpd.stopped { - background-color: #90b1b1; -} - -#mpd.paused { - background-color: #51a37a; -} -*/ #language { - /*background: #00b093; - color: #740864;*/ padding: 0 5px; margin: 0 0px; min-width: 16px; } -#keyboard-state { - background: #97e1ad; - color: #000000; - padding: 0 0px; - margin: 0 5px; - min-width: 16px; -} -/* -#keyboard-state > label { - padding: 0 5px; -} - -#keyboard-state > label.locked { - background: rgba(0, 0, 0, 0.2); -} -*/