Add catpuccin theme

config/waybar/colors/foggy-lake.css

@@ -0,0 +1,37 @@
+/*
+*
+* Catppuccin Latte palette
+* Maintainer: rubyowo
+*
+*/
+
+@define-color base   #eff1f5;
+@define-color mantle #e6e9ef;
+@define-color crust  #dce0e8;
+
+@define-color text     #4c4f69;
+@define-color subtext0 #6c6f85;
+@define-color subtext1 #5c5f77;
+
+@define-color surface0 #ccd0da;
+@define-color surface1 #bcc0cc;
+@define-color surface2 #acb0be;
+
+@define-color overlay0 #9ca0b0;
+@define-color overlay1 #8c8fa1;
+@define-color overlay2 #7c7f93;
+
+@define-color blue      #1e66f5;
+@define-color lavender  #7287fd;
+@define-color sapphire  #209fb5;
+@define-color sky       #04a5e5;
+@define-color teal      #179299;
+@define-color green     #40a02b;
+@define-color yellow    #df8e1d;
+@define-color peach     #fe640b;
+@define-color maroon    #e64553;
+@define-color red       #d20f39;
+@define-color mauve     #8839ef;
+@define-color pink      #ea76cb;
+@define-color flamingo  #dd7878;
+@define-color rosewater #dc8a78;

config/waybar/config.json

@@ -47,6 +47,7 @@
     "pulseaudio": {
       "format": "<span font=\"FontAwesome\"></span> {volume}%",
       "format-muted": "<span font=\"FontAwesome\"></span> ",
+      // "on-click": "alacritty -o font.size=12 -e ncpamixer"
       "on-click": "kitty ncpamixer"
     },
 

config/waybar/style.css

@@ -1,12 +1,14 @@
-@import url("colors/three-bears.css");
+/*@import url("colors/three-bears.css");*/
+@import url("colors/foggy-lake.css");
 
 /*Order is Top-Right-Bottom-Left for combined properties*/
 
 window#waybar {
   font-family: JetBrainsMono Nerd Font Mono;
   font-weight: bold;
-  color: @dark;
-  background-color: @accent-dark;
+  color: @base;
+  background-color: @base;
+  opacity: 0.6;
 }
 
 /*Square Widgets*/
@@ -39,14 +41,14 @@ window#waybar {
 }
 
 /*Colors*/
-#custom-launcher { background-color: @pastel-g; }
-#user { background-color: @pastel-f; }
-#window { background-color: @pastel-e; }
-#workspaces button { background-color: @pastel-d; }
-#pulseaudio { background-color: @pastel-e; }
-#network { background-color: @pastel-f; }
-#cpu { background-color: @pastel-g; }
-#memory { background-color: @pastel-h; }
-#temperature { background-color: @pastel-i; }
-#clock { background-color: @pastel-a; }
-#tray { background-color: @pastel-b; }
+#custom-launcher { background-color: @flamingo; }
+#user { background-color: @pink; }
+#window { background-color: @mauve; }
+#workspaces button { background-color: @red; }
+#pulseaudio { background-color: @maroon; }
+#network { background-color: @peach; }
+#cpu { background-color: @yellow; }
+#memory { background-color: @green; }
+#temperature { background-color: @teal; }
+#clock { background-color: @sky; }
+#tray { background-color: @sapphire; }