Update .config/waybar/config

Update .config/waybar/scripts/keyhint.sh
Update .config/waybar/style.css

dot_config/waybar/style.css

@@ -10,11 +10,8 @@
  * Keyframes
  * -------------------------------------------------------------------------- */
 
-/*
-Arc-Dark Color Scheme
-*/
-@define-color highlight #5294e2 ;
-@define-color base1  #404552 ;
+@define-color highlight #685878 ;
+@define-color base1  #19191e ;
 
 @keyframes blink-warning {
     70% {
@@ -54,59 +51,74 @@ Arc-Dark Color Scheme
 /* The whole bar */
 #waybar {
     background: transparent;
-    color: #bebebe;
+    color: #e3e3ea;
     background-color: @base1;
-    font-family: UbuntuMono;
-    font-size: 14px;
+    font-family: JetBrainsMono;
+    font-size: 13px;
 }
 
 /* Every modules */
+#mode,
+#network,
+#custom-keyboard-layout,
+#idle_inhibitor,
+#cpu,
+#memory,
+#backlight,
+#pulseaudio,
 #battery,
 #clock,
-#backlight,
-#cpu,
-#custom-keyboard-layout,
-#memory,
-#mode,
-#custom-weather,
-#network,
-#pulseaudio,
-#temperature,
-#tray,
-#idle_inhibitor,
-#custom-PBPbattery {
+#tray {
     padding:0.5rem 0.6rem;
     margin: 1px 0px;
 }
 
 /* -----------------------------------------------------------------------------
- * Modules styles
+ * Module styles
  * -------------------------------------------------------------------------- */
 
-#battery {
-    animation-timing-function: linear;
-    animation-iteration-count: infinite;
-    animation-direction: alternate;
+#custom-launcher {
+    margin-left:15px;
+    margin-right:10px;
 }
 
-#battery.warning {
+#workspaces {
+    font-size:13px;
+}
+
+#workspaces button {
+    border-radius: 5px;
+    color: #eceff4;
+    padding: 1px 6px;
+    margin-right: 2px;
+    margin-left: 2px;
+}
+
+#workspaces button.focused {
+    border: 1px solid #d8dee9;
+}
+
+#workspaces button.urgent {
+    border-color: #c9545d;
+    color: #c9545d;
+}
+
+#mode {
+    background: @highlight;
+    border-bottom: 3px transparent;
+    color:white;
+    margin-left: 5px;
+    padding: 7px;
+}
+
+#window {
+    font-weight: bold;
+}
+
+#network.disconnected {
     color: orange;
 }
 
-#battery.critical {
-    color: red;
-}
-
-#battery.warning.discharging {
-    animation-name: blink-warning;
-    animation-duration: 3s;
-}
-
-#battery.critical.discharging {
-    animation-name: blink-critical;
-    animation-duration: 2s;
-}
-
 #cpu.warning {
     color: orange;
 }
@@ -133,53 +145,38 @@ Arc-Dark Color Scheme
     padding-right:5px;
 }
 
-#mode {
-    background: @highlight;
-    border-bottom: 3px transparent;
-    color:white;
-    margin-left: 5px;
-    padding: 7px;
-}
-
-#network.disconnected {
-    color: orange;
+#backlight.icon {
 }
 
 #pulseaudio {
-    padding-top:6px;
 }
 
 #pulseaudio.muted {
     color: @highlight;
 }
 
-#temperature.critical {
+#battery {
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+
+#battery.warning {
+    color: orange;
+}
+
+#battery.critical {
     color: red;
 }
 
-#window {
-    font-weight: bold;
+#battery.warning.discharging {
+    animation-name: blink-warning;
+    animation-duration: 3s;
 }
 
-#workspaces {
-    font-size:13px;
-}
-
-#workspaces button {
-    border-bottom: 3px solid transparent;
-    margin-bottom: 0px;
-    padding:0px;
-}
-
-#workspaces button.focused {
-    border-bottom: 3px solid  @highlight;
-    margin-bottom: 1px;
-    padding-left:0;
-}
-
-#workspaces button.urgent {
-    border-color: #c9545d;
-    color: #c9545d;
+#battery.critical.discharging {
+    animation-name: blink-critical;
+    animation-duration: 2s;
 }
 
 #custom-power {
@@ -187,14 +184,3 @@ Arc-Dark Color Scheme
     margin-right:15px;
     font-size:15px;
 }
-
-#custom-launcher {
-    font-size:15px;
-    margin-left:15px;
-    margin-right:10px;
-}
-
-#backlight.icon {
-    padding-right:1px;
-    font-size: 13px;
-}