Add catpuccin theme

config/hyprland/hyprland.conf

@@ -10,6 +10,9 @@ source = ~/.config/hypr/translucentrules.conf
 source = ~/.config/hypr/workspaces.conf
 source = ~/.config/hypr/workspacerules.conf
 
+layerrule = blur,rofi
+layerrule = blur,waybar
+
 general {
     gaps_in = 5
     gaps_out = 20

config/rofi/colors/Foggy-Lake.rasi

@@ -0,0 +1,7 @@
+* {
+	bg-col-op: rgba(239, 241, 245, 100%);
+    bg-col: rgba(239, 241, 245, 60%);
+    fg-col: #4c4f69;
+    pink: #d20f39;
+	trans: rgba(255, 255, 255, 0);
+}

config/rofi/rofi.rasi

@@ -5,6 +5,7 @@ configuration{
   font: "JetBrainsMono Nerd Font Mono 14";
   show-icons: true;
   icon-theme: "Papirus";
+  /*terminal: "alacritty -o font.size=12";*/
   terminal: "kitty";
   drun-display-format: "{icon} {name}";
   disable-history: false;
@@ -29,24 +30,24 @@ window {
   height: 500px;
   width: 700px;
   border-radius: 0px;
-  background-color: @accent-dark;
+  background-color: @bg-col;
 }
 
 mainbox {
-  background-color: @accent-dark;
+  background-color: @trans;
 }
 
 message {
-  background-color: @accent-dark;
+  background-color: @trans;
 }
 
 error-message {
-  background-color: @accent-dark;
+  background-color: @trans;
   margin: 0px 0px 20px 0px;
 }
 
 textbox {
-  background-color: @pastel-g;
+  background-color: @trans;
   padding: 6px;
   margin: 20px 20px 0px 20px;
   border-radius: 3;
@@ -54,13 +55,13 @@ textbox {
 
 inputbar {
   children: [prompt,entry];
-  background-color: @accent-dark;
+  background-color: @trans;
 }
 
 prompt {
-  background-color: @pastel-g;
+  background-color: @pink;
   padding: 6px;
-  text-color: @dark;
+  text-color: @bg-col-op;
   border-radius: 3px;
   margin: 20px 0px 0px 20px;
 }
@@ -68,8 +69,8 @@ prompt {
 entry {
   padding: 6px;
   margin: 20px 20px 0px 10px;
-  text-color: @dark;
-  background-color: @pastel-d;
+  text-color: @fg-col;
+  background-color: @trans;
   border-radius: 3px;
 }
 
@@ -78,14 +79,14 @@ listview {
   padding: 6px 0px 0px;
   margin: 10px 0px 0px 20px;
   columns: 1;
-  background-color: @accent-dark;
+  background-color: @trans;
 }
 
 element {
   padding: 5px;
   margin: 0px 20px 0px 0px;
-  background-color: @accent-dark;
-  text-color: @light;
+  background-color: @trans;
+  text-color: @pink;
   border-radius: 3px;
 }
 
@@ -94,6 +95,6 @@ element-icon {
 }
 
 element selected {
-  background-color: @light;
-  text-color: @dark;
+  background-color: @pink;
+  text-color: @bg-col-op;
 }

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; }