Added new waybar

waybar.old/style.css

@@ -0,0 +1,173 @@
+@keyframes blink-warning {
+    70% {
+        color: @light;
+    }
+
+    to {
+        color: @light;
+        background-color: @warning;
+    }
+}
+
+@keyframes blink-critical {
+    70% {
+      color: @light;
+    }
+
+    to {
+        color: @light;
+        background-color: @critical;
+    }
+}
+
+
+/* -----------------------------------------------------------------------------
+ * Styles
+ * -------------------------------------------------------------------------- */
+
+/* COLORS */
+
+/* Nord */
+@define-color bg #000000;
+@define-color light #eceff4;
+@define-color warning #ffb726;
+@define-color critical #ff3d00;
+@define-color mode #4c566a;
+@define-color workspaces @bg;
+@define-color workspacesfocused #5c5c5c;
+@define-color tray @bg;
+
+/* Reset all styles */
+* {
+    border: none;
+    border-radius: 0;
+    min-height: 0;
+    margin: 0;
+    padding: 0;
+}
+
+/* The whole bar */
+#waybar {
+    background: @bg;
+    color: @light;
+    font-family: Noto Sans;
+    font-size: 11px;
+    font-weight: bold;
+}
+
+/* Each module */
+#battery,
+#clock,
+#cpu,
+#custom-layout,
+#memory,
+#network,
+#pulseaudio,
+#temperature,
+#custom-alsa,
+#tray,
+#backlight {
+    padding-left: 10px;
+    padding-right: 10px;
+    border-right: 1px solid @light;
+}
+
+/* Each module that should blink */
+#memory,
+#temperature,
+#battery {
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+
+/* Each critical module */
+#memory.critical,
+#cpu.critical,
+#temperature.critical,
+#battery.critical {
+    color: @critical;
+}
+
+/* Each critical that should blink */
+#mode,
+#memory.critical,
+#temperature.critical,
+#battery.critical.discharging {
+    animation-name: blink-critical;
+    animation-duration: 2s;
+}
+
+/* Each warning */
+#network.disconnected,
+#memory.warning,
+#cpu.warning,
+#temperature.warning,
+#battery.warning {
+    color: @warning;
+}
+
+/* Each warning that should blink */
+#battery.warning.discharging {
+    animation-name: blink-warning;
+    animation-duration: 3s;
+}
+
+
+/* Workspaces stuff */
+
+#workspaces {
+    margin-right: 10px;
+}
+
+
+#workspaces button {
+	font-weight: bold; /* Somewhy the bar-wide setting is ignored*/
+	padding-left: 5px;
+	padding-right: 5px;
+	color: @light;
+	background: @bg;
+}
+
+#workspaces button.focused {
+    background: @workspacesfocused;
+}
+
+#workspaces button.urgent {
+	border-color: #c9545d;
+	color: #c9545d;
+}
+
+#window {
+	margin-right: 40px;
+	margin-left: 40px;
+}
+
+#network {
+    background: @bg;
+}
+
+#memory {
+    background: @bg;
+}
+
+#cpu {
+    background: @bg;
+}
+
+#battery {
+    background: @bg;
+}
+
+
+#clock.date {
+    background: @bg;
+}
+
+#clock.time {
+    background: @bg;
+}
+
+#tray {
+	background: @bg;
+}

waybar.old/waybar.config

@@ -0,0 +1,65 @@
+
+{
+    "height": 25, // Waybar height (to be removed for auto height)
+    "modules-left": ["sway/workspaces"],
+    "modules-center": ["sway/window"],
+    "modules-right": ["network", "cpu", "memory", "pulseaudio","battery", "tray", "clock"],
+    "sway/workspaces": {
+        "disable-scroll": true,
+        "all-outputs": true,
+        "format": "{name}",
+    },
+    "tray": {
+        "spacing": 10
+    },
+    "clock": {
+        "timezone": "Europe/Berlin",
+        "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
+        "format": "{:%d/%m %H:%M:%S}"
+    },
+    "cpu": {
+        "format": "{usage}% ",
+        "tooltip": false
+    },
+    "memory": {
+        "format": "{}% "
+    },
+    "battery": {
+        "states": {
+            "good": 80,
+            "warning": 30,
+            "critical": 15
+        },
+        "format": "{capacity}% {icon}",
+        "format-charging": "{capacity}% ",
+        "format-plugged": "{capacity}% ",
+        "format-alt": "{time} {icon}",
+        "format-icons": ["", "", "", "", ""]
+    },
+    "network": {
+        "format-wifi": "{essid} ({signalStrength}%) ",
+        "format-ethernet": "{ifname}: {ipaddr}/{cidr} ",
+        "format-linked": "{ifname} (No IP) ",
+        "format-disconnected": "Disconnected ⚠",
+        "format-alt": "{ifname}: {ipaddr}/{cidr}"
+    },
+    "pulseaudio": {
+        // "scroll-step": 1, // %, can be a float
+        "format": "{volume}% {icon} {format_source}",
+        "format-bluetooth": "{volume}% {icon} {format_source}",
+        "format-bluetooth-muted": " {icon} {format_source}",
+        "format-muted": " {format_source}",
+        "format-source": "{volume}% ",
+        "format-source-muted": "",
+        "format-icons": {
+            "headphone": "",
+            "hands-free": "",
+            "headset": "",
+            "phone": "",
+            "portable": "",
+            "car": "",
+            "default": ["", "", ""]
+        },
+        "on-click": "pavucontrol"
+    }
+}

waybar/modules/cpu.sh

@@ -0,0 +1,9 @@
+read cpu a b c previdle rest < /proc/stat
+prevtotal=$((a+b+c+previdle))
+sleep 3.0
+read cpu a b c idle rest < /proc/stat
+sleep 3.0
+total=$((a+b+c+idle))
+cpu=$((100*( (total-prevtotal) - (idle-previdle) ) / (total-prevtotal) ))
+
+echo  $cpu%

waybar/modules/datetime.sh

@@ -0,0 +1,2 @@
+#!/usr/bin/env bash
+echo " $(date '+%H:%M')"

waybar/modules/powermenu.sh

@@ -0,0 +1,10 @@
+rofiopt="Shut down\nReboot\nLock"
+rofi=$(printf "$rofiopt" | rofi -dmenu -i -p "Powermenu")
+[ -z "$rofi" ] && exit
+
+case $rofi in
+	"Shut down") shutdown now;;
+	"Reboot") reboot;;
+	"Lock") swaylock;;
+	*)
+esac

waybar/waybar.config

@@ -1,65 +1,158 @@
+* {
+	border: none;
+	border-radius: 0;
+	font-family: "JetbrainsMono Nerd Font";
+	font-size: 14px;
+}
 
-{
+window#waybar {
-    "height": 25, // Waybar height (to be removed for auto height)
+	background: none;
-    "modules-left": ["sway/workspaces"],
+}
-    "modules-center": ["sway/window"],
+
-    "modules-right": ["network", "cpu", "memory", "pulseaudio","battery", "tray", "clock"],
+window#waybar.hidden {
-    "sway/workspaces": {
+	opacity: 0.2;
-        "disable-scroll": true,
+}
-        "all-outputs": true,
+
-        "format": "{name}",
+#window {
-    },
+	margin-top: 6px;
-    "tray": {
+	padding-left: 10px;
-        "spacing": 10
+	padding-right: 10px;
-    },
+	border-radius: 5px;
-    "clock": {
+	transition: none;
-        "timezone": "Europe/Berlin",
+	background: #2e3440;
-        "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
+	color: #d8dee9;
-        "format": "{:%d/%m %H:%M:%S}"
+}
-    },
+
-    "cpu": {
+#custom-powermenu {
-        "format": "{usage}% ",
+	margin-top: 6px;
-        "tooltip": false
+	margin-left: 12px;
-    },
+	margin-right: 12px;
-    "memory": {
+	padding-left: 15px;
-        "format": "{}% "
+	padding-right: 20px;
-    },
+	border-radius: 5px;
-    "battery": {
+	transition: none;
-        "states": {
+	background: #2e3440;
-            "good": 80,
+}
-            "warning": 30,
+
-            "critical": 15
+#tags {
-        },
+	margin-top: 6px;
-        "format": "{capacity}% {icon}",
+	margin-right: 12px;
-        "format-charging": "{capacity}% ",
+	font-size: 4px;
-        "format-plugged": "{capacity}% ",
+	border-radius: 5px;
-        "format-alt": "{time} {icon}",
+	transition: none;
-        "format-icons": ["", "", "", "", ""]
+	background: #2e3440;
-    },
+}
-    "network": {
+
-        "format-wifi": "{essid} ({signalStrength}%) ",
+#tags button {
-        "format-ethernet": "{ifname}: {ipaddr}/{cidr} ",
+	transition: none;
-        "format-linked": "{ifname} (No IP) ",
+	color: #4c566a;
-        "format-disconnected": "Disconnected ⚠",
+	background: transparent;
-        "format-alt": "{ifname}: {ipaddr}/{cidr}"
+	border-radius: 0px;
-    },
+}
-    "pulseaudio": {
+
-        // "scroll-step": 1, // %, can be a float
+#tags button.occupied {
-        "format": "{volume}% {icon} {format_source}",
+	transition: none;
-        "format-bluetooth": "{volume}% {icon} {format_source}",
+	color: #a3be8c;
-        "format-bluetooth-muted": " {icon} {format_source}",
+	background: transparent;
-        "format-muted": " {format_source}",
+	font-size: 4px;
-        "format-source": "{volume}% ",
+}
-        "format-source-muted": "",
+
-        "format-icons": {
+#tags button.focused {
-            "headphone": "",
+	color: #81a1c1;
-            "hands-free": "",
+	border-bottom: 2px solid #81a1c1;
-            "headset": "",
+}
-            "phone": "",
+
-            "portable": "",
+#tags button:hover {
-            "car": "",
+	transition: none;
-            "default": ["", "", ""]
+	box-shadow: inherit;
-        },
+	text-shadow: inherit;
-        "on-click": "pavucontrol"
+	color: #81a1c1;
+}
+
+#temperature {
+	margin-top: 6px;
+	margin-right: 12px;
+	border-radius: 5px;
+	transition: none;
+	padding: 0 10px;
+	color: #a3be8c;
+	background: #2e3440;
+}
+
+#pulseaudio {
+	margin-top: 6px;
+	margin-left: 12px;
+	border-radius: 5px;
+	transition: none;
+	padding: 0 10px;
+	color: #a3be8c;
+	background: #2e3440;
+}
+
+#battery {
+	margin-top: 6px;
+	margin-left: 12px;
+	border-radius: 5px;
+	transition: none;
+	padding: 10px 10px;
+	color: #a3be8c;
+	background: #2e3440;
+}
+
+#battery.critical:not(.charging) {
+	background-color: #d8dee9;
+	color: #2e3440;
+	animation-name: blink;
+	animation-duration: 0.5s;
+	animation-timing-function: linear;
+	animation-iteration-count: infinite;
+	animation-direction: alternate;
+}
+
+@keyframes blink {
+	to {
+		background-color: #bf616a;
+		color: #d8dee9;
 	}
 }
+
+#backlight {
+	margin-top: 6px;
+	margin-left: 12px;
+	border-radius: 5px;
+	transition: none;
+	padding: 10px 10px;
+	color: #88c0d0;
+	background: #2e3440;
+}
+
+#custom-cpu {
+	margin-top: 6px;
+	margin-left: 12px;
+	border-radius: 5px;
+	transition: none;
+	padding: 10px 10px;
+	color: #88c0d0;
+	background: #2e3440;
+}
+
+#custom-clock {
+	margin-top: 6px;
+	margin-left: 12px;
+	margin-right: 12px;
+	border-radius: 5px;
+	transition: none;
+	padding: 10px 10px;
+	color: #a3be8c;
+	background: #2e3440;
+}
+
+#tray {
+	margin-top: 6px;
+	margin-right: 12px;
+	border-radius: 5px;
+	padding-left: 10px;
+	padding-right: 10px;
+	color: #d8dee9;
+	background: #2e3440;
+}