Feat: Update

waybar/.config/waybar/_colors.scss

@@ -1,37 +1,46 @@
-// Gruvbox Material theme
+// Nord theme
+$nord0: #2e3440;
+$nord1: #3b4252;
+$nord2: #434c5e;
+$nord3: #4c566a;
+$nord4: #d8dee9;
+$nord5: #e5e9f0;
+$nord6: #eceff4;
+$nord8: #88c0d0;
+$nord9: #81a1c1;
 
-$red:          #ea6962;
-$orange:       #e78a4e;
-$yellow:       #d8a657;
-$green:        #a9b665;
-$cyan:         #89b482;
-$blue:         #7daea3;
-$magenta:      #d3869b;
+$blue: #5e81ac;
+$red: #bf616a;
+$cyan: #8fbcbb;
+$orange: #d08770;
+$yellow: #ebcb8b;
+$green: #a3be8c;
+$magenta: #b48ead;
 
-$bg:           #464646;
-$fg:           $orange;
+$bg: $nord1;
+$fg: $magenta;
 
-$fg-opposite:  scale-color($fg, $lightness: -25%, $saturation: -15%);
+$fg-opposite: scale-color($fg, $lightness: -25%, $saturation: -15%);
 
 // Box shadow of modules automatically calculated from the background color
-$shadow:              scale-color($bg, $lightness: -34%, $saturation: -28%);
+$shadow: scale-color($bg, $lightness: -34%, $saturation: -28%);
 
-$fg-alt:              $shadow;
+$fg-alt: $shadow;
 @if lightness($bg) < 50% {
-  $fg-alt:            scale-color($bg, $lightness: 27%);
+  $fg-alt: scale-color($bg, $lightness: 27%);
 }
 
 // Accent color used by the River active tags
-$accent-color:        $fg;
+$accent-color: $fg;
 
 // Foreground + accent color for modules w/o backgrounds
-$fg-no-bg:            $fg;
-$accent-color-no-bg:  $shadow;
+$fg-no-bg: $fg;
+$accent-color-no-bg: $shadow;
 
 // Set this to true or false depending if the mpd module is readable
-$dark-theme:          true;
+$dark-theme: true;
 
 @if $dark-theme {
-  $fg-no-bg:             $fg-opposite;
-  $accent-color-no-bg:   $bg;
+  $fg-no-bg: $fg-opposite;
+  $accent-color-no-bg: $bg;
 }

waybar/.config/waybar/config

@@ -50,7 +50,8 @@
         "states": {
           "warning": 70,
           "critical": 90
-        }
+        },
+        "on-click": ""
     },
     "memory": {
         "interval": 5,
@@ -59,6 +60,7 @@
             "warning": 70,
             "critical": 90
         },
+        "on-click": ""
     },
 
   "battery": {
@@ -74,7 +76,8 @@
 			"",
 			"",
 			""
-		]
+		],
+    "on-click": ""
 	},
 
     "tray": {
@@ -85,11 +88,13 @@
     "clock": {
         "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
         "format": "{:%I:%M %p}",
+        "on-click": ""
     },
 
     "clock#date": {
         "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
         "format": "{:%B %d, %A}",
+        "on-click": ""
     },
 
     "pulseaudio": {

waybar/.config/waybar/style.css

@@ -2,14 +2,14 @@
 #pulseaudio, #clock, #tags, #language, #memory, #network, #sndio,
 #mode, #window, #workspaces, #temperature, #taskbar, #workspaces,
 #custom-treefetch-downloads, #custom-update-count {
-  box-shadow: 4px 4px 0 #2e2e2e;
+  box-shadow: 4px 4px 0 #292c34;
   margin-bottom: 4px;
   margin-right: 4px;
   margin-left: 3px;
   margin-right: 7px;
   padding-left: 10px;
   padding-right: 10px;
-  background: #464646;
+  background: #3b4252;
   border-radius: 0px;
 }
 
@@ -18,7 +18,7 @@
 }
 
 #workspaces button {
-  color: #b48ead;
+  color: #ebcb8b;
   margin: 0;
   padding: 1px 1px 0px 1px;
 }
@@ -57,17 +57,17 @@ window#waybar {
 }
 
 #mpd {
-  color: #464646;
+  color: #3b4252;
   margin-left: 5px;
 }
 
 #custom-mpd-song-scroll {
-  color: #bf6429;
+  color: #8d6486;
   margin-right: 50px;
 }
 
 #tags button {
-  color: #787878;
+  color: #65718c;
   font-family: "Source Han Sans JP Heavy";
   font-weight: 700;
   padding: 0 3px;
@@ -84,20 +84,20 @@ window#waybar {
 }
 
 #tags button:hover {
-  color: #464646;
-  background: #787878;
+  color: #3b4252;
+  background: #65718c;
   box-shadow: none;
   text-shadow: none;
   transition: 0;
 }
 
 #tags button.focused {
-  color: #464646;
-  background: #e78a4e;
+  color: #3b4252;
+  background: #b48ead;
 }
 
 #tags button.urgent {
-  color: #ea6962;
+  color: #bf616a;
 }
 
 @keyframes fadein {
@@ -109,7 +109,7 @@ window#waybar {
   }
 }
 tooltip {
-  background: #464646;
+  background: #3b4252;
   border-radius: 7px;
   font-family: "JetBrains Mono Nerd Font", monospace;
   font-weight: 500;
@@ -117,7 +117,7 @@ tooltip {
   padding: 10px;
   animation-name: fadein;
   animation-duration: 0.2s;
-  border: 2px solid #787878;
+  border: 2px solid #65718c;
   text-shadow: none;
   color: #b48ead;
 }
@@ -127,8 +127,8 @@ tooltip label {
 }
 
 #tray menu {
-  background: #464646;
+  background: #3b4252;
   color: #b48ead;
   border-radius: 5px;
-  border: 2px solid #787878;
+  border: 2px solid #65718c;
 }