Split waybar into two menus plus improvements

config/waybar/style.css

@@ -26,9 +26,13 @@
 #mode,
 #network,
 #pulseaudio,
+#temperature,
+#custom-battery,
 #custom-alsa,
 #custom-kill,
 #custom-terminal,
+#custom-keyshow,
+#custom-keyhide,
 #tray {
     padding-left: 8px;
     padding-right: 8px;
@@ -57,16 +61,30 @@
 #backlight {
 }
 
+#custom-battery.charging {
+}
+#custom-battery.discharging {
+    color: green;
+}
+
 #battery {
     animation-timing-function: linear;
     animation-iteration-count: infinite;
     animation-direction: alternate;
 }
 
-#battery.warning {
+#battery.warning,
+#temperature.warning,
+#cpu.warning {
     color: orange;
 }
 
+#battery.critical,
+#cpu.critical,
+#temperature.critical {
+    color: red;
+}
+
 #clock.date {
     font-weight: bold;
 }
@@ -76,17 +94,6 @@
     font-size: 12px;
 }
 
-#cpu {
-}
-
-#cpu.warning {
-    color: orange;
-}
-
-#cpu.critical {
-    color: orange;
-}
-
 #memory {
     animation-timing-function: linear;
     animation-iteration-count: infinite;
@@ -107,7 +114,7 @@
 }
 
 #network.disconnected {
-    color: orange;
+    color: gray;
 }
 
 #pulseaudio {