From 78ee784e68a80848a01d4660ecd3f82c593187cb Mon Sep 17 00:00:00 2001 From: coderkun Date: Sun, 30 Aug 2020 11:54:55 +0200 Subject: [PATCH] Add waybar configuration --- waybar/config | 25 ++++++++++++++++ waybar/style.css | 76 ++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 101 insertions(+) create mode 100644 waybar/config create mode 100644 waybar/style.css diff --git a/waybar/config b/waybar/config new file mode 100644 index 0000000..0989396 --- /dev/null +++ b/waybar/config @@ -0,0 +1,25 @@ +{ + "layer": "bottom", + "position": "top", + "height": 24, + "modules-left": ["sway/workspaces", "sway/mode"], + "modules-center": ["cpu", "memory", "tray"], + "modules-right": ["clock#time", "clock#date"], + "sway/mode": { + "format": "{}" + }, + "cpu": { + "format": " {usage}%" + }, + "memory": { + "format": " {used:0.1f}G/{total:0.1f}G ({percentage}%)" + }, + "clock#time": { + "interval": 20, + "format": "{: %H:%M}" + }, + "clock#date": { + "interval": 60, + "format": "{: %d.%m.%Y}" + } +} diff --git a/waybar/style.css b/waybar/style.css new file mode 100644 index 0000000..21303a4 --- /dev/null +++ b/waybar/style.css @@ -0,0 +1,76 @@ +* { + border: none; + border-radius: 0; + font-family: 'Dejavu Sans', sans-serif; + font-size: 12px; + min-height: 0; +} + +window#waybar { + background-color: black; + color: #ffffff; + transition-property: background-color; + transition-duration: .5s; +} + +window#waybar.hidden { + opacity: 0.2; +} + +#workspaces button { + padding: 0 5px; + background-color: transparent; + color: #ffffff; +} + +#workspaces button.focused { + background-color: #64727D; +} + +#workspaces button.urgent { + background-color: #eb4d4b; +} + +#clock, +#battery, +#cpu, +#memory, +#temperature, +#backlight, +#network, +#pulseaudio, +#custom-media, +#tray, +#mode, +#idle_inhibitor, +#mpd { + padding: 0 2px;; + margin: 0 0 0 10px; + color: #ffffff; +} + +#mode { + padding: 0 5px; + background-color: #64727D; +} + +@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; +}