diff --git a/themes/alpenglow-dark.css b/themes/alpenglow-dark.css
index c288076..7640a74 100644
--- a/themes/alpenglow-dark.css
+++ b/themes/alpenglow-dark.css
@@ -57,7 +57,7 @@ body {
 }
 
 .foldericon {
-  content: "themes/icons/subfolder.svg.j2";
+  content: "themes/icons/catpuccin.svg.j2";
 }
 
 .folders a {
diff --git a/themes/alpenglow.css b/themes/alpenglow.css
index e187412..eb23e7c 100644
--- a/themes/alpenglow.css
+++ b/themes/alpenglow.css
@@ -2,17 +2,17 @@
 
 * {
   --color1: #FFA769;
-  --color2: #FF778E;
-  --color3: #FF4AD9;
-  --color4: #FC4CA0;
-  --color5: #7542E5;
+  --color2: #FC4CA0;
+  --color3: #7542E5;
+  --color4: #FF4AD9;
+  --color5: #FF778E;
   --color6: #ffe7ea;
   --color7: #5F2ECA;
   --bcolor1: #e2d9f8;
   --bcolor2: #20123b;
   --bcolor3: #2B1753;
   --bcolor4: #321C64;
-  --gradient: linear-gradient(80deg, var(--bcolor2) 0%, var(--color5) 1%, var(--color3) 2%, var(--color2) 3%, var(--color1) 4%, var(--color1) 96%, var(--color2) 97%, var(--color3) 98%, var(--color5) 99%, var(--bcolor2) 100%);
+  --gradient: linear-gradient(80deg, var(--bcolor2) 0%, var(--color3) 1%, var(--color4) 2%, var(--color5) 3%, var(--color1) 4%, var(--color1) 96%, var(--color5) 97%, var(--color4) 98%, var(--color3) 99%, var(--bcolor2) 100%);
 }
 
 body {
@@ -27,7 +27,7 @@ body {
 .navbar {
   font-weight: 800;
   color: var(--bcolor2);
-  background-color: var(--color2);
+  background-color: var(--color5);
   background-image: var(--gradient);
 }
 
@@ -38,7 +38,7 @@ body {
 
 .navbar li a:hover {
   text-decoration: none;
-  background-color: var(--color4);
+  background-color: var(--color2);
 }
 
 .footer {
@@ -48,7 +48,7 @@ body {
 }
 
 .footer a {
-  color: var(--color2);
+  color: var(--color5);
   text-decoration: none;
 }
 
@@ -57,7 +57,7 @@ body {
 }
 
 .foldericon {
-  content: "themes/icons/subfolder.svg.j2";
+  content: "themes/icons/catpuccin.svg.j2";
 }
 
 .folders a {
@@ -83,7 +83,7 @@ body {
 .tooltiptext {
   font-weight: 500;
   color: var(--bcolor1);
-  background-color: var(--color5);
+  background-color: var(--color3);
 }
 
 .column img {
@@ -91,11 +91,11 @@ body {
 }
 
 #totop:hover {
-  background-color: var(--color5);
+  background-color: var(--color3);
 }
 
 #totop {
-  background-color: var(--color4);
+  background-color: var(--color2);
   color: var(--bcolor2);
   font-weight: 600;
 }
\ No newline at end of file
diff --git a/themes/catpuccin.css b/themes/catpuccin.css
index f714be1..6ad9f80 100644
--- a/themes/catpuccin.css
+++ b/themes/catpuccin.css
@@ -2,21 +2,13 @@
 
 * {
   --color1: #F28FAD;
-  /* Pink */
   --color2: #ABE9B3;
-  /* Green */
   --color3: #FAE3B0;
-  /* Yellow */
   --color4: #96CDFB;
-  /* Blue */
   --bcolor1: #F5E0DC;
-  /* Rosewater */
   --bcolor2: #575268;
-  /* Dark surface */
   --bcolor3: #D9E0EE;
-  /* Surface */
   --bcolor4: #C9CBFF;
-  /* Mauve */
 }
 
 .navbar {
@@ -56,7 +48,7 @@
 }
 
 .foldericon {
-  content: "themes/icons/catpuccin.svg";
+  content: "themes/icons/catpuccin.svg.j2";
 }
 
 .folders a {
diff --git a/themes/icons/catpuccin.svg b/themes/icons/catpuccin.svg.j2
similarity index 59%
rename from themes/icons/catpuccin.svg
rename to themes/icons/catpuccin.svg.j2
index d84e8c1..e3386ac 100644
--- a/themes/icons/catpuccin.svg
+++ b/themes/icons/catpuccin.svg.j2
@@ -1,6 +1,6 @@
 <svg width='64' height='64' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
-    <path d='M20 6H10L8 4H4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V8C22 6.89543 21.1046 6 20 6Z' fill='#F28FAD' />
-    <path d='M4 4H8L10 6H20C21.1046 6 22 6.89543 22 8H2C2 6.89543 2.89543 6 4 6V4Z' fill='#96CDFB' />
-    <path d='M10 6H14L12 4H8L10 6Z' fill='#ABE9B3' />
-    <path d='M14 6H18L16 4H12L14 6Z' fill='#FAE3B0' />
+    <path d='M20 6H10L8 4H4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V8C22 6.89543 21.1046 6 20 6Z' fill='{{ color1 }}' />
+    <path d='M4 4H8L10 6H20C21.1046 6 22 6.89543 22 8H2C2 6.89543 2.89543 6 4 6V4Z' fill='{{ color4 }}' />
+    <path d='M10 6H14L12 4H8L10 6Z' fill='{{ color2 }}' />
+    <path d='M14 6H18L16 4H12L14 6Z' fill='{{ color3 }}' />
 </svg>
\ No newline at end of file
diff --git a/themes/screenshots/alpenglow-dark.png b/themes/screenshots/alpenglow-dark.png
index 6e0f8b1..cf88c0d 100644
Binary files a/themes/screenshots/alpenglow-dark.png and b/themes/screenshots/alpenglow-dark.png differ
diff --git a/themes/screenshots/alpenglow.png b/themes/screenshots/alpenglow.png
index e08275c..7173657 100644
Binary files a/themes/screenshots/alpenglow.png and b/themes/screenshots/alpenglow.png differ