diff --git a/StaticGalleryBuilder.code-workspace b/StaticGalleryBuilder.code-workspace
index adf0a78..c2181f8 100644
--- a/StaticGalleryBuilder.code-workspace
+++ b/StaticGalleryBuilder.code-workspace
@@ -32,7 +32,7 @@
                     "-t",
                     "Pictures",
                     "--theme",
-                    "themes/summer.css",
+                    "themes/aritim-dark.css",
                     "--use-fancy-folders",
                     "--web-manifest",
                     "-l",
diff --git a/test/example/example.tif b/test/example/example.tif
new file mode 100644
index 0000000..8bc276e
Binary files /dev/null and b/test/example/example.tif differ
diff --git a/test/example/info b/test/example/info
new file mode 100644
index 0000000..635e866
--- /dev/null
+++ b/test/example/info
@@ -0,0 +1,2 @@
+FOO: Bar
+LOREM: Ipsum Dolor Sit Amet
\ No newline at end of file
diff --git a/themes/alpenglow.css b/themes/alpenglow.css
index cb4b36e..40e7ede 100644
--- a/themes/alpenglow.css
+++ b/themes/alpenglow.css
@@ -1,50 +1,52 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@200;400;600;800&display=swap");
+@import url('https://fonts.cdnfonts.com/css/metropolis-2');
 
 * {
-  --color1: #FFADAD; /* Soft Pink */
-  --color2: #FF6363; /* Vivid Pink */
-  --color3: #FF9F1C; /* Orange */
-  --color4: #FF6F91; /* Coral Pink */
-  --bcolor1: #FFFFFF; /* White */
-  --bcolor2: #1E1E1E; /* Almost Black */
-  --bcolor3: #2E2E2E; /* Dark Gray */
-  --bcolor4: #4B4B4B; /* Medium Gray */
+  --color1: #FFA769;
+  --color2: #FC4CA0;
+  --color3: #7542E5;
+  --color4: #FF4AD9;
+  --color5: #5F2ECA;
+  --color6: #7033CA;
+  --color7: #FF778E;
+  --bcolor1: #e2d9f8;
+  --bcolor2: #20123A;
+  --bcolor3: #2B1753;
+  --bcolor4: #321C64;
 }
 
 body {
   color: var(--bcolor1);
   background-color: var(--bcolor3);
-  font-family: "Roboto Slab", serif;
+  font-family: "Metropolis", sans-serif;
   font-optical-sizing: auto;
-  font-weight: 400;
+  font-weight: 500;
   font-style: normal;
 }
 
 .navbar {
-  font-weight: 600;
-  color: var(--bcolor2);
-  background-color: var(--color1);
+  font-weight: 800;
+  color: var(--bcolor1);
+  background-color: var(--color3);
 }
 
 .navbar li a {
-  font-weight: 400;
-  color: var(--bcolor2);
+  font-weight: 800;
+  color: var(--bcolor1);
 }
 
-/* Change the link color on hover */
 .navbar li a:hover {
   text-decoration: none;
-  background-color: var(--color2);
+  background-color: var(--color4);
 }
 
 .footer {
   color: var(--bcolor2);
-  background-color: var(--color3);
+  background-color: var(--color1);
   font-weight: 600;
 }
 
 .footer a {
-  color: var(--color4);
+  color: var(--color2);
   text-decoration: none;
 }
 
@@ -53,11 +55,11 @@ body {
 }
 
 .foldericon {
-  content: "themes/icons/subfolder.svg.j2";
+  content: "themes/icons/folder-2.svg.j2";
 }
 
 .folders a {
-  font-weight: 400;
+  font-weight: 500;
   color: var(--bcolor1);
   text-decoration: none;
 }
@@ -67,8 +69,8 @@ body {
 }
 
 .row a {
-  font-weight: 400;
-  color: var(--color2);
+  font-weight: 500;
+  color: var(--color7);
   text-decoration: none;
 }
 
@@ -77,20 +79,20 @@ body {
 }
 
 .tooltiptext {
-  font-weight: 200;
+  font-weight: 400;
   background-color: var(--bcolor2);
 }
 
 .column img {
-  background-color: var(--bcolor4);
+  background-color: var(--bcolor2);
 }
 
 #totop:hover {
-  background-color: var(--color2);
+  background-color: var(--color6);
 }
 
 #totop {
-  background-color: var(--color1);
+  background-color: var(--bcolor4);
   color: var(--bcolor1);
-  font-weight: 400;
-}
+  font-weight: 600;
+}
\ No newline at end of file
diff --git a/themes/aritim-dark.css b/themes/aritim-dark.css
index c36f102..3fb8803 100644
--- a/themes/aritim-dark.css
+++ b/themes/aritim-dark.css
@@ -1,39 +1,38 @@
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
 
 * {
-  --color1: #6B5B95; /* Purple */
-  --color2: #FF6F61; /* Coral */
-  --color3: #88B04B; /* Green */
-  --color4: #F7CAC9; /* Pink */
-  --bcolor1: #2C2C2C; /* Very Dark Gray */
-  --bcolor2: #D3D3D3; /* Light Gray */
-  --bcolor3: #1C1C1C; /* Very Dark Gray */
+  --color1: #5d88ca;
+  --color2: #27ae60;
+  --color3: #f67400;
+  --color4: #da4453;
+  --color5: #212b36;
+  --bcolor1: #10151a;
+  --bcolor2: #d3dae3;
+  --bcolor3: #141a21;
+
 }
 
 .navbar {
   font-weight: 600;
   color: var(--bcolor2);
-  background-color: var(--color1);
-  font-family: "Poppins", sans-serif;
+  background-color: var(--color5);
 }
 
 .navbar li a {
   font-weight: 500;
   color: var(--bcolor2);
-  font-family: "Poppins", sans-serif;
 }
 
 /* Change the link color on hover */
 .navbar li a:hover {
   text-decoration: none;
-  background-color: var(--color2);
+  background-color: var(--bcolor3);
 }
 
 .footer {
   color: var(--bcolor1);
-  background-color: var(--color3);
+  background-color: var(--color2);
   font-weight: 500;
-  font-family: "Poppins", sans-serif;
 }
 
 .footer a {
@@ -47,15 +46,13 @@
 }
 
 .foldericon {
-  content: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 1024 1024' class='icon' version='1.1' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0' /%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M853.333333 256H469.333333l-85.333333-85.333333H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v170.666667h853.333334v-85.333334c0-46.933333-38.4-85.333333-85.333334-85.333333z' fill='%23FF6F61' /%3E%3Cpath d='M853.333333 256H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v426.666667c0 46.933333 38.4 85.333333 85.333334 85.333333h682.666666c46.933333 0 85.333333-38.4 85.333334-85.333333V341.333333c0-46.933333-38.4-85.333333-85.333334-85.333333z' fill='%236B5B95' /%3E%3C/g%3E%3C/svg%3E");
-  fill: var(--color1);
+  content: "themes/icons/folder-papirus.svg.j2";
 }
 
 .folders a {
   font-weight: 600;
   color: var(--bcolor2);
   text-decoration: none;
-  font-family: "Poppins", sans-serif;
 }
 
 .folders a:hover {
@@ -64,9 +61,8 @@
 
 .row a {
   font-weight: 500;
-  color: var(--color2);
+  color: var(--color1);
   text-decoration: none;
-  font-family: "Poppins", sans-serif;
 }
 
 .row a:hover {
@@ -76,7 +72,6 @@
 .tooltiptext {
   font-weight: 400;
   background-color: var(--bcolor1);
-  font-family: "Poppins", sans-serif;
 }
 
 .column img {
@@ -84,14 +79,13 @@
 }
 
 #totop:hover {
-  background-color: var(--color2);
+  background-color: var(--color3);
 }
 
 #totop {
-  background-color: var(--color1);
+  background-color: var(--color5);
   color: var(--bcolor2);
   font-weight: 600;
-  font-family: "Poppins", sans-serif;
 }
 
 body {
@@ -101,4 +95,4 @@ body {
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
-}
+}
\ No newline at end of file
diff --git a/themes/aritim.css b/themes/aritim.css
index c57a72c..62c56a2 100644
--- a/themes/aritim.css
+++ b/themes/aritim.css
@@ -1,40 +1,37 @@
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
 
 * {
-  --color1: #FF6F61; /* Coral */
-  --color2: #6B5B95; /* Purple */
-  --color3: #88B04B; /* Green */
-  --color4: #F7CAC9; /* Pink */
-  --bcolor1: #FFFFFF; /* White */
-  --bcolor2: #4B4B4B; /* Dark Gray */
-  --bcolor3: #F0F0F0; /* Light Gray */
-  --bcolor4: #D8BFD8; /* Thistle */
+  --color1: #1d99f3;
+  --color2: #27ae60;
+  --color3: #f67400;
+  --color4: #da4453;
+  --color5: #eef2f5;
+  --bcolor1: #a3a5ac;
+  --bcolor2: #303030;
+  --bcolor3: #eff0f1;
 }
 
 .navbar {
   font-weight: 600;
-  color: var(--bcolor1);
-  background-color: var(--color1);
-  font-family: "Poppins", sans-serif;
+  color: var(--bcolor2);
+  background-color: var(--bcolor1);
 }
 
 .navbar li a {
   font-weight: 500;
-  color: var(--bcolor1);
-  font-family: "Poppins", sans-serif;
+  color: var(--bcolor2);
 }
 
 /* Change the link color on hover */
 .navbar li a:hover {
   text-decoration: none;
-  background-color: var(--color2);
+  background-color: var(--bcolor2);
 }
 
 .footer {
   color: var(--bcolor2);
   background-color: var(--color3);
   font-weight: 500;
-  font-family: "Poppins", sans-serif;
 }
 
 .footer a {
@@ -48,15 +45,13 @@
 }
 
 .foldericon {
-  content: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 1024 1024' class='icon' version='1.1' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0' /%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M853.333333 256H469.333333l-85.333333-85.333333H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v170.666667h853.333334v-85.333334c0-46.933333-38.4-85.333333-85.333334-85.333333z' fill='%236B5B95' /%3E%3Cpath d='M853.333333 256H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v426.666667c0 46.933333 38.4 85.333333 85.333334 85.333333h682.666666c46.933333 0 85.333333-38.4 85.333334-85.333333V341.333333c0-46.933333-38.4-85.333333-85.333334-85.333333z' fill='%23FF6F61' /%3E%3C/g%3E%3C/svg%3E");
-  fill: var(--color1);
+  content: "themes/icons/folder-papirus.svg.j2";
 }
 
 .folders a {
   font-weight: 600;
   color: var(--bcolor2);
   text-decoration: none;
-  font-family: "Poppins", sans-serif;
 }
 
 .folders a:hover {
@@ -65,9 +60,8 @@
 
 .row a {
   font-weight: 500;
-  color: var(--color2);
+  color: var(--color1);
   text-decoration: none;
-  font-family: "Poppins", sans-serif;
 }
 
 .row a:hover {
@@ -76,23 +70,21 @@
 
 .tooltiptext {
   font-weight: 400;
-  background-color: var(--bcolor2);
-  font-family: "Poppins", sans-serif;
+  background-color: var(--bcolor1);
 }
 
 .column img {
-  background-color: var(--bcolor4);
+  background-color: var(--bcolor1);
 }
 
 #totop:hover {
-  background-color: var(--color2);
+  background-color: var(--color4);
 }
 
 #totop {
-  background-color: var(--color1);
-  color: var(--bcolor1);
+  background-color: var(--color5);
+  color: var(--bcolor2);
   font-weight: 600;
-  font-family: "Poppins", sans-serif;
 }
 
 body {
@@ -102,4 +94,4 @@ body {
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
-}
+}
\ No newline at end of file
diff --git a/themes/autumn.css b/themes/autumn.css
index 480ecad..fb71ab5 100644
--- a/themes/autumn.css
+++ b/themes/autumn.css
@@ -48,7 +48,7 @@
 }
 
 .foldericon {
-  content: "themes/icons/subfolder.svg.j2";
+  content: "themes/icons/folder-3.svg.j2";
 }
 
 .folders a {
diff --git a/themes/default-dark.css b/themes/default-dark.css
index 1f52d23..b7c51a3 100644
--- a/themes/default-dark.css
+++ b/themes/default-dark.css
@@ -38,7 +38,7 @@
 }
 
 .foldericon {
-  content: url(https://www.svgrepo.com/show/474853/gallery.svg);
+  content: "themes/icons/folder-2.svg.j2";
 }
 
 .folders a {
diff --git a/themes/default.css b/themes/default.css
index 131a444..27acbe1 100644
--- a/themes/default.css
+++ b/themes/default.css
@@ -38,7 +38,7 @@
 }
 
 .foldericon {
-  content: url(https://www.svgrepo.com/show/474852/folder.svg);
+  content: "themes/icons/folder-2.svg.j2";
 }
 
 .folders a {
diff --git a/themes/icons/folder-2.svg.j2 b/themes/icons/folder-2.svg.j2
new file mode 100644
index 0000000..b048bc9
--- /dev/null
+++ b/themes/icons/folder-2.svg.j2
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
+    preserveAspectRatio="xMidYMid meet">
+    <path fill="{{ color2 }}"
+        d="M491 326V92.143C491 79.021 480.259 68 467.137 68H341.13c-9.287 0-17.723 5.603-21.596 14.044l-12.709 27.903C302.952 118.388 294.516 124 285.229 124H67.538C54.416 124 44 134.426 44 147.549v216.363C44 377.034 54.416 388 67.538 388h399.599c.628 0 1.248-.36 1.863-.408V433h.342c0 6 4.877 10.636 10.829 10.636c5.952 0 10.829-4.967 10.829-10.919V326z">
+    </path>
+    <path fill="{{ color1 }}"
+        d="M480.171 443.636c-5.952 0-10.829-4.636-10.829-10.636H469V210.181C469 197.058 458.661 186 445.539 186H45.94C32.818 186 22 197.058 22 210.181V449.37C22 462.492 32.818 473 45.94 473h399.599c1.385 0 2.741-.06 4.061-.288c1.639.227 3.31.385 5.012.385c20.04 0 36.136-16.229 36.136-36.269c0-.534-.036-1.058-.058-1.586c-1.147 4.766-5.435 8.394-10.519 8.394z">
+    </path>
+</svg>
\ No newline at end of file
diff --git a/themes/icons/folder-3.svg.j2 b/themes/icons/folder-3.svg.j2
new file mode 100644
index 0000000..983bc1e
--- /dev/null
+++ b/themes/icons/folder-3.svg.j2
@@ -0,0 +1,34 @@
+<svg height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-51.2 -51.2 614.40 614.40" xml:space="preserve"
+    fill="#000000" stroke="#000000" stroke-width="0.00512" transform="matrix(1, 0, 0, 1, 0, 0)rotate(0)">
+    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+    <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#CCCCCC" stroke-width="10.24">
+    </g>
+    <g id="SVGRepo_iconCarrier">
+        <g transform="translate(0 1)">
+            <path style="fill: {{ color2 }};"
+                d="M422.4,144.067c0-18.773-13.653-34.133-29.867-34.133h-107.52l-37.547-51.2H81.92 c-11.947,0-22.187,11.947-22.187,25.6v59.733H422.4z"></path>
+            <path style="fill: {{ color3 }};" d="M426.667,109.933h-34.133c16.213,0,29.867,15.36,29.867,34.133h38.4 C460.8,125.293,445.44,109.933,426.667,109.933"></path>
+            <path style="fill: rgb(255, 255, 255);"
+                d="M81.92,58.733H59.733c-14.507,0-25.6,11.947-25.6,25.6v59.733h25.6V84.333 C59.733,70.68,69.973,58.733,81.92,58.733"></path>
+            <path style="fill: {{ color1 }};"
+                d="M34.133,169.667v256c0,14.507,10.24,25.6,23.04,25.6h397.653c12.8,0,23.04-11.093,23.04-25.6v-256 c0-14.507-10.24-25.6-23.04-25.6H57.173C44.373,144.067,34.133,156.013,34.133,169.667">
+            </path>
+            <path style="fill: rgb(255, 255, 255);"
+                d="M34.133,425.667v-256c0-14.507,10.24-25.6,23.04-25.6h-23.04c-14.507,0-25.6,11.093-25.6,25.6v256 c0,14.507,11.093,25.6,25.6,25.6h23.04C44.373,451.267,34.133,440.173,34.133,425.667">
+            </path>
+            <path style="fill: {{ color2 }};"
+                d="M477.867,144.067h-23.04c12.8,0,23.04,11.093,23.04,25.6v256c0,14.507-10.24,25.6-23.04,25.6h23.04 c14.507,0,25.6-11.093,25.6-25.6v-256C503.467,156.013,492.373,144.067,477.867,144.067">
+            </path>
+            <path
+                d="M477.867,459.8H34.133C15.36,459.8,0,444.44,0,425.667v-51.2c0-5.12,3.413-8.533,8.533-8.533s8.533,3.413,8.533,8.533v51.2 c0,9.387,7.68,17.067,17.067,17.067h443.733c9.387,0,17.067-7.68,17.067-17.067v-256c0-9.387-7.68-17.067-17.067-17.067H34.133 c-9.387,0-17.067,7.68-17.067,17.067V306.2c0,5.12-3.413,8.533-8.533,8.533S0,311.32,0,306.2V169.667 c0-18.773,15.36-34.133,34.133-34.133h443.733c18.773,0,34.133,15.36,34.133,34.133v256C512,444.44,496.64,459.8,477.867,459.8z">
+            </path>
+            <path d="M17.067,340.333c0-5.12-3.413-8.533-8.533-8.533S0,335.213,0,340.333c0,5.12,3.413,8.533,8.533,8.533 S17.067,345.453,17.067,340.333"></path>
+            <path
+                d="M460.8,152.6H34.133c-5.12,0-8.533-3.413-8.533-8.533V84.333C25.6,65.56,40.96,50.2,59.733,50.2h187.733 c2.56,0,5.12,0.853,6.827,3.413L294.4,101.4h132.267c23.893,0,42.667,18.773,42.667,42.667 C469.333,149.187,465.92,152.6,460.8,152.6z M42.667,135.533H450.56c-3.413-10.24-12.8-17.067-23.893-17.067H290.133 c-2.56,0-5.12-0.853-6.827-3.413L243.2,67.267H59.733c-9.387,0-17.067,7.68-17.067,17.067V135.533z">
+            </path>
+            <path d="M162.133,203.8h-102.4c-5.12,0-8.533-3.413-8.533-8.533c0-5.12,3.413-8.533,8.533-8.533h102.4 c5.12,0,8.533,3.413,8.533,8.533C170.667,200.387,167.253,203.8,162.133,203.8z"></path>
+            <path d="M162.133,237.933h-102.4c-5.12,0-8.533-3.413-8.533-8.533c0-5.12,3.413-8.533,8.533-8.533h102.4 c5.12,0,8.533,3.413,8.533,8.533C170.667,234.52,167.253,237.933,162.133,237.933z">
+            </path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/themes/icons/folder-papirus.svg.j2 b/themes/icons/folder-papirus.svg.j2
new file mode 100644
index 0000000..895455b
--- /dev/null
+++ b/themes/icons/folder-papirus.svg.j2
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" version="1">
+    <rect style="opacity:0.2" width="56" height="36" x="4" y="22" rx="2.8" ry="2.8" />
+    <path style="fill:{{ color2 }}"
+        d="M 4,46.2 C 4,47.751 5.2488,49 6.8,49 H 57.2 C 58.751,49 60,47.751 60,46.2 V 15.8 C 60,14.249 58.751,13 57.2,13 H 32 C 27.8,13 26.4,7 22.2,7 H 6.8 C 5.2488,7 4,8.2488 4,9.8" />
+    <rect style="opacity:0.2" width="56" height="36" x="4" y="20" rx="2.8" ry="2.8" />
+    <rect style="fill:#e4e4e4" width="48" height="22" x="8" y="16" rx="2.8" ry="2.8" />
+    <rect style="fill:{{ color1 }}" width="56" height="36" x="4" y="21" rx="2.8" ry="2.8" />
+    <path style="opacity:0.1;fill:#ffffff"
+        d="M 6.8008,7 C 5.2496,7 4,8.2496 4,9.8008 V 10.801 C 4,9.2496 5.2496,8 6.8008,8 H 22.199 C 26.399,8 27.8,14 32,14 H 57.199 C 58.75,14 60,15.25 60,16.801 V 15.801 C 60,14.25 58.75,13 57.199,13 H 32 C 27.8,13 26.399,7 22.199,7 Z" />
+</svg>
\ No newline at end of file
diff --git a/themes/monokai-vibrant.css b/themes/monokai-vibrant.css
index 9344f63..1f42328 100644
--- a/themes/monokai-vibrant.css
+++ b/themes/monokai-vibrant.css
@@ -41,7 +41,7 @@
 }
 
 .foldericon {
-  content: url(https://www.svgrepo.com/show/400249/folder.svg);
+  content: "themes/icons/folder-2.svg.j2";
 }
 
 .folders a {
diff --git a/themes/rainbow.css b/themes/rainbow.css
index 312deb3..db10d04 100644
--- a/themes/rainbow.css
+++ b/themes/rainbow.css
@@ -1,22 +1,23 @@
 @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
 
 * {
-  --color1: #e50000;
-  --color2: #ff8d00;
+  --color5: #e50000;
+  --color6: #ff8d00;
   --color3: #ffee00;
   --color4: #028121;
-  --color5: #004cff;
-  --color6: #770088;
+  --color1: #004cff;
+  --color2: #770088;
   --bcolor1: #ebebeb;
   --bcolor2: #191919;
   --bcolor3: #171717;
   --bcolor4: #0a0a0a;
+  --bcolor5: #929292;
 }
 
 .navbar {
   font-weight: bold;
   color: var(--bcolor1);
-  background-color: var(--color1);
+  background-color: var(--color5);
   font-weight: 900;
 }
 
@@ -28,7 +29,7 @@
 /* Change the link color on hover */
 .navbar li a:hover {
   text-decoration: none;
-  background-color: var(--color2);
+  background-color: var(--color6);
 }
 
 .footer {
@@ -47,12 +48,12 @@
 }
 
 .foldericon {
-  content: "themes/icons/subfolder.svg.j2";
+  content: "themes/icons/folder-2.svg.j2";
 }
 
 .folders a {
   font-weight: 800;
-  color: var(--bcolor1);
+  color: var(--bcolor3);
   text-decoration: none;
 }
 
@@ -76,7 +77,7 @@
 }
 
 .column img {
-  background-color: var(--bcolor4);
+  background-color: var(--bcolor5);
 }
 
 #totop:hover {
@@ -84,14 +85,14 @@
 }
 
 #totop {
-  background-color: var(--color2);
+  background-color: var(--color6);
   color: var(--bcolor4);
   font-weight: 800;
 }
 
 body {
-  color: var(--bcolor1);
-  background-color: var(--bcolor3);
+  color: var(--bcolor3);
+  background-color: var(--bcolor1);
   font-family: "Montserrat", sans-serif;
   font-optical-sizing: auto;
   font-weight: 700;
diff --git a/themes/screenshots/alpenglow.png b/themes/screenshots/alpenglow.png
index ceae4ea..05bcbe1 100644
Binary files a/themes/screenshots/alpenglow.png and b/themes/screenshots/alpenglow.png differ
diff --git a/themes/screenshots/aritim-dark.png b/themes/screenshots/aritim-dark.png
index 4df000d..f61bdef 100644
Binary files a/themes/screenshots/aritim-dark.png and b/themes/screenshots/aritim-dark.png differ
diff --git a/themes/screenshots/aritim.png b/themes/screenshots/aritim.png
index 3ad7808..4727824 100644
Binary files a/themes/screenshots/aritim.png and b/themes/screenshots/aritim.png differ
diff --git a/themes/screenshots/autumn.png b/themes/screenshots/autumn.png
index 929d2db..d08ce18 100644
Binary files a/themes/screenshots/autumn.png and b/themes/screenshots/autumn.png differ
diff --git a/themes/screenshots/default-dark.png b/themes/screenshots/default-dark.png
index 8e99261..4624f63 100644
Binary files a/themes/screenshots/default-dark.png and b/themes/screenshots/default-dark.png differ
diff --git a/themes/screenshots/default.png b/themes/screenshots/default.png
index c43a3cc..f2877bf 100644
Binary files a/themes/screenshots/default.png and b/themes/screenshots/default.png differ
diff --git a/themes/screenshots/monokai-vibrant.png b/themes/screenshots/monokai-vibrant.png
index ed8b966..3ccfd34 100644
Binary files a/themes/screenshots/monokai-vibrant.png and b/themes/screenshots/monokai-vibrant.png differ
diff --git a/themes/screenshots/rainbow.png b/themes/screenshots/rainbow.png
index 21b45df..ecc1b7a 100644
Binary files a/themes/screenshots/rainbow.png and b/themes/screenshots/rainbow.png differ
diff --git a/themes/screenshots/spring.png b/themes/screenshots/spring.png
index 40c4e55..c039859 100644
Binary files a/themes/screenshots/spring.png and b/themes/screenshots/spring.png differ
diff --git a/themes/screenshots/summer.png b/themes/screenshots/summer.png
index 694ca22..cba834b 100644
Binary files a/themes/screenshots/summer.png and b/themes/screenshots/summer.png differ
diff --git a/themes/screenshots/winter.png b/themes/screenshots/winter.png
index da0174f..06ef05a 100644
Binary files a/themes/screenshots/winter.png and b/themes/screenshots/winter.png differ
diff --git a/themes/spring.css b/themes/spring.css
index 9529262..171e13d 100644
--- a/themes/spring.css
+++ b/themes/spring.css
@@ -48,7 +48,7 @@
 }
 
 .foldericon {
-  content: "themes/icons/subfolder.svg.j2";
+  content: "themes/icons/folder-3.svg.j2";
 }
 
 .folders a {
diff --git a/themes/summer.css b/themes/summer.css
index dd48ffa..791d2fb 100644
--- a/themes/summer.css
+++ b/themes/summer.css
@@ -48,7 +48,7 @@
 }
 
 .foldericon {
-  content: "themes/icons/subfolder.svg.j2";
+  content: "themes/icons/folder-3.svg.j2";
 }
 
 .folders a {
diff --git a/themes/winter.css b/themes/winter.css
index 6815771..eabb0bd 100644
--- a/themes/winter.css
+++ b/themes/winter.css
@@ -48,7 +48,7 @@
 }
 
 .foldericon {
-  content: "themes/icons/subfolder.svg.j2";
+  content: "themes/icons/folder-3.svg.j2";
 }
 
 .folders a {