diff --git a/StaticGalleryBuilder.code-workspace b/StaticGalleryBuilder.code-workspace
index abe224b..82b09fb 100644
--- a/StaticGalleryBuilder.code-workspace
+++ b/StaticGalleryBuilder.code-workspace
@@ -57,7 +57,7 @@
                     "-t",
                     "Pictures",
                     "--theme",
-                    "themes/rainbow.css",
+                    "themes/steam.css",
                     "--use-fancy-folders",
                     "--web-manifest",
                     "-n",
@@ -71,6 +71,16 @@
                 "request": "launch",
                 "type": "debugpy",
             },
+            {
+                "args": [
+                    "${workspaceFolder}/themes"
+                ],
+                "console": "integratedTerminal",
+                "name": "Generate Themes previews",
+                "program": "${workspaceFolder}/themes/generate_preview.py",
+                "request": "launch",
+                "type": "debugpy",
+            }
         ],
     },
     "settings": {
diff --git a/files/global.css b/files/global.css
index e40f761..5342cc4 100644
--- a/files/global.css
+++ b/files/global.css
@@ -162,6 +162,7 @@ figure {
   overflow: hidden;
   aspect-ratio: 1 / 1;
   object-fit: contain;
+  cursor: pointer;
 }
 
 #totop {
diff --git a/themes/generate_preview.py b/themes/generate_preview.py
index a2e39e5..86d128a 100644
--- a/themes/generate_preview.py
+++ b/themes/generate_preview.py
@@ -45,7 +45,7 @@ def take_screenshot(html_file, css_file, output_file):
 
 
 def main(_folder_path):
-    html_file = "/mnt/nfs/pictures/Analog/2465575/index.html"
+    html_file = "/mnt/nfs/pictures/Analog/Example/index.html"
 
     # Check if the folder path exists
     if not os.path.exists(_folder_path):
@@ -53,7 +53,7 @@ def main(_folder_path):
         return
 
     # Iterate over all files in the folder
-    for filename in os.listdir(_folder_path):
+    for filename in sorted(os.listdir(_folder_path)):
         if filename.endswith(".css"):
             css_file = os.path.join(_folder_path, filename)
             output_file = os.path.join(_folder_path, "screenshots", f"{os.path.splitext(filename)[0]}.png")
diff --git a/themes/screenshots/alpenglow.png b/themes/screenshots/alpenglow.png
index 69e8da3..664e46a 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 87e1edd..538d519 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 6f00ec9..39b31b5 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 4fd6241..7c2c561 100644
Binary files a/themes/screenshots/autumn.png and b/themes/screenshots/autumn.png differ
diff --git a/themes/screenshots/carnation.png b/themes/screenshots/carnation.png
index 0661839..bfc1b65 100644
Binary files a/themes/screenshots/carnation.png and b/themes/screenshots/carnation.png differ
diff --git a/themes/screenshots/catpuccin.png b/themes/screenshots/catpuccin.png
index ae0f311..84d8304 100644
Binary files a/themes/screenshots/catpuccin.png and b/themes/screenshots/catpuccin.png differ
diff --git a/themes/screenshots/cornflower.png b/themes/screenshots/cornflower.png
index b5b4d25..920db53 100644
Binary files a/themes/screenshots/cornflower.png and b/themes/screenshots/cornflower.png differ
diff --git a/themes/screenshots/default-dark.png b/themes/screenshots/default-dark.png
index 6fed511..22ee149 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 79d169f..45ed9ad 100644
Binary files a/themes/screenshots/default.png and b/themes/screenshots/default.png differ
diff --git a/themes/screenshots/ivy.png b/themes/screenshots/ivy.png
index d9d027c..0e97c5a 100644
Binary files a/themes/screenshots/ivy.png and b/themes/screenshots/ivy.png differ
diff --git a/themes/screenshots/kjoe.png b/themes/screenshots/kjoe.png
index 159b6e7..3679560 100644
Binary files a/themes/screenshots/kjoe.png and b/themes/screenshots/kjoe.png differ
diff --git a/themes/screenshots/monokai-vibrant.png b/themes/screenshots/monokai-vibrant.png
index 29cc361..6cdfd2a 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 ae82a2f..09a3049 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 9251333..e89bedd 100644
Binary files a/themes/screenshots/spring.png and b/themes/screenshots/spring.png differ
diff --git a/themes/screenshots/steam.png b/themes/screenshots/steam.png
index 6fd5ea7..b120eb9 100644
Binary files a/themes/screenshots/steam.png and b/themes/screenshots/steam.png differ
diff --git a/themes/screenshots/summer.png b/themes/screenshots/summer.png
index c42a06b..7fb83b3 100644
Binary files a/themes/screenshots/summer.png and b/themes/screenshots/summer.png differ
diff --git a/themes/screenshots/sunflower.png b/themes/screenshots/sunflower.png
index 88ba706..4065f7d 100644
Binary files a/themes/screenshots/sunflower.png and b/themes/screenshots/sunflower.png differ
diff --git a/themes/screenshots/winter.png b/themes/screenshots/winter.png
index f7e6195..11a4e9c 100644
Binary files a/themes/screenshots/winter.png and b/themes/screenshots/winter.png differ
diff --git a/themes/steam.css b/themes/steam.css
index 8f9cd2d..458afe5 100644
--- a/themes/steam.css
+++ b/themes/steam.css
@@ -1,45 +1,43 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
+@import url('https://fonts.cdnfonts.com/css/arial');
 
 * {
-  --color1: #1b2838; /* Dark Blue */
-  --color2: #2a475e; /* Medium Blue */
-  --color3: #66c0f4; /* Light Blue */
-  --color4: #c7d5e0; /* Light Gray */
-  --bcolor1: #FFFFFF; /* White */
-  --bcolor2: #1b2838; /* Dark Blue */
-  --bcolor3: #171a21; /* Dark Gray */
+  --color1: #171d25;
+  --color2: #1a9fff;
+  --color3: #17191b;
+  --color4: #3d4450;
+  --bcolor1: #dcdedf;
+  --bcolor2: #262a32;
 }
 
 .navbar {
-  font-weight: 700;
+  font-weight: 900;
   color: var(--bcolor1);
-  background-color: var(--bcolor2);
-  font-family: "Roboto", sans-serif;
+  background-color: var(--color1);
 }
 
 .navbar li a {
-  font-weight: 500;
+  font-weight: 900;
   color: var(--bcolor1);
-  font-family: "Roboto", sans-serif;
 }
 
 /* Change the link color on hover */
 .navbar li a:hover {
-  text-decoration: none;
-  background-color: var(--color2);
+  text-decoration: underline;
+  text-decoration-thickness: 0.3ex;
+  text-underline-offset: 0.5ex;
+  color: var(--color2)
 }
 
 .footer {
   color: var(--bcolor1);
-  background-color: var(--bcolor3);
+  background-color: var(--color3);
   font-weight: 500;
-  font-family: "Roboto", sans-serif;
 }
 
 .footer a {
-  color: var(--color4);
+  color: var(--color2);
   text-decoration: none;
-  font-weight: 400;
+  font-weight: 700;
 }
 
 .footer a:hover {
@@ -47,26 +45,30 @@
 }
 
 .folders img {
-  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='%232a475e' /%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='%231b2838' /%3E%3C/g%3E%3C/svg%3E");
-  fill: var(--color1);
+  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg height='512' width='512' version='1.1' id='Layer_1' viewBox='0 0 327.68 327.68' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs1' /%3E%3Cg id='icon' transform='translate(-128.08785,-19.123746)'%3E%3Cpath id='fg' style='fill:%23dcdedf;fill-opacity:1;stroke:none;stroke-width:6.4;stroke-linecap:round' d='m 428.2793,160.97461 c -78.34525,0.002 -156.69075,-0.007 -235.03585,0.0159 -6.54719,0.16827 -12.82625,4.35683 -15.37415,10.41233 -1.13922,2.74038 -1.79474,5.64883 -2.74311,8.45618 -10.27476,33.32809 -20.56379,66.65251 -30.78952,99.99526 -1.21885,4.66702 0.98496,9.97729 5.17832,12.3776 2.40372,1.49255 5.31559,1.67974 8.07056,1.58986 78.16762,-0.0305 156.33557,0.008 234.503,-0.0259 6.43644,-0.17102 12.61041,-4.22124 15.23762,-10.1162 1.2077,-2.75858 1.84495,-5.72012 2.81312,-8.56426 10.08283,-32.66775 20.13843,-65.34481 30.20361,-98.01744 0.84274,-2.37238 1.35887,-4.96865 0.67937,-7.45078 -0.98831,-4.2533 -4.6015,-7.82876 -8.96172,-8.48315 -1.24947,-0.20685 -2.51789,-0.23068 -3.78125,-0.18945 z' /%3E%3Cpath id='bg' style='fill:%23dcdedf;fill-opacity:1;stroke:none;stroke-width:6.4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;paint-order:normal' d='m 214.44922,72.089844 c -20.32611,0.01324 -40.65359,-0.03032 -60.97883,0.03325 -5.06767,0.228794 -9.72081,4.176673 -10.64873,9.186171 -0.54368,2.865585 -0.16202,5.794266 -0.28069,8.688777 -4.6e-4,27.527908 -0.008,55.056498 0.0176,82.583978 0.17186,3.22428 3.44977,5.89016 6.64757,5.28488 2.4037,-0.30447 4.32209,-2.31086 4.87898,-4.61617 3.53052,-10.60549 6.98896,-21.23707 10.60492,-31.81263 1.14174,-2.71356 4.14972,-4.41014 7.06111,-4.12697 16.80704,-0.0631 33.61433,-0.01 50.42149,-0.0279 55.72175,-0.002 111.44406,0.006 167.16547,-0.0191 5.71319,-0.19462 10.82844,-5.25566 10.91838,-11.00339 0.12602,-2.9908 -0.0352,-5.98579 0.0574,-8.97822 0.0534,-2.61272 -0.3941,-5.33067 -1.94259,-7.50013 -2.21535,-3.37352 -6.26106,-5.45808 -10.30253,-5.1988 -44.42303,-0.0315 -88.8461,0.006 -133.26914,-0.0339 -1.35699,0.0355 -2.86726,0.10531 -3.94821,-0.87625 -1.14131,-0.86056 -1.57137,-2.31551 -1.50179,-3.694889 -0.0148,-5.79966 0.0803,-11.603104 -0.0604,-17.400318 -0.41681,-5.210159 -4.80455,-9.807583 -10.02134,-10.361315 -2.37314,-0.240789 -4.76368,-0.0457 -7.14443,-0.12428 -5.89141,-0.0074 -11.78281,-0.0066 -17.67422,-0.0028 z' /%3E%3C/g%3E%3C/svg%3E%0A");
 }
 
 .folders a {
-  font-weight: 600;
+  font-weight: 700;
   color: var(--bcolor1);
   text-decoration: none;
-  font-family: "Roboto", sans-serif;
 }
 
-.folders a:hover {
-  text-decoration: none;
+.folders figure:hover img {
+  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg height='512' width='512' version='1.1' id='Layer_1' viewBox='0 0 327.68 327.68' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs1' /%3E%3Cg id='icon' transform='translate(-128.08785,-19.123746)'%3E%3Cpath id='fg' style='fill:%23dcdedf;fill-opacity:1;stroke:none;stroke-width:6.4;stroke-linecap:round' d='m 428.2793,160.97461 c -78.34525,0.002 -156.69075,-0.007 -235.03585,0.0159 -6.54719,0.16827 -12.82625,4.35683 -15.37415,10.41233 -1.13922,2.74038 -1.79474,5.64883 -2.74311,8.45618 -10.27476,33.32809 -20.56379,66.65251 -30.78952,99.99526 -1.21885,4.66702 0.98496,9.97729 5.17832,12.3776 2.40372,1.49255 5.31559,1.67974 8.07056,1.58986 78.16762,-0.0305 156.33557,0.008 234.503,-0.0259 6.43644,-0.17102 12.61041,-4.22124 15.23762,-10.1162 1.2077,-2.75858 1.84495,-5.72012 2.81312,-8.56426 10.08283,-32.66775 20.13843,-65.34481 30.20361,-98.01744 0.84274,-2.37238 1.35887,-4.96865 0.67937,-7.45078 -0.98831,-4.2533 -4.6015,-7.82876 -8.96172,-8.48315 -1.24947,-0.20685 -2.51789,-0.23068 -3.78125,-0.18945 z' /%3E%3Cpath id='bg' style='fill:%23dcdedf;fill-opacity:1;stroke:none;stroke-width:6.4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;paint-order:normal' d='m 214.44922,72.089844 c -20.32611,0.01324 -40.65359,-0.03032 -60.97883,0.03325 -5.06767,0.228794 -9.72081,4.176673 -10.64873,9.186171 -0.54368,2.865585 -0.16202,5.794266 -0.28069,8.688777 -4.6e-4,27.527908 -0.008,55.056498 0.0176,82.583978 0.17186,3.22428 3.44977,5.89016 6.64757,5.28488 2.4037,-0.30447 4.32209,-2.31086 4.87898,-4.61617 3.53052,-10.60549 6.98896,-21.23707 10.60492,-31.81263 1.14174,-2.71356 4.14972,-4.41014 7.06111,-4.12697 16.80704,-0.0631 33.61433,-0.01 50.42149,-0.0279 55.72175,-0.002 111.44406,0.006 167.16547,-0.0191 5.71319,-0.19462 10.82844,-5.25566 10.91838,-11.00339 0.12602,-2.9908 -0.0352,-5.98579 0.0574,-8.97822 0.0534,-2.61272 -0.3941,-5.33067 -1.94259,-7.50013 -2.21535,-3.37352 -6.26106,-5.45808 -10.30253,-5.1988 -44.42303,-0.0315 -88.8461,0.006 -133.26914,-0.0339 -1.35699,0.0355 -2.86726,0.10531 -3.94821,-0.87625 -1.14131,-0.86056 -1.57137,-2.31551 -1.50179,-3.694889 -0.0148,-5.79966 0.0803,-11.603104 -0.0604,-17.400318 -0.41681,-5.210159 -4.80455,-9.807583 -10.02134,-10.361315 -2.37314,-0.240789 -4.76368,-0.0457 -7.14443,-0.12428 -5.89141,-0.0074 -11.78281,-0.0066 -17.67422,-0.0028 z' /%3E%3C/g%3E%3C/svg%3E%0A");
+}
+
+.folders figure:hover a {
+  text-decoration: underline;
+  text-decoration-thickness: 0.3ex;
+  text-underline-offset: 0.5ex;
+  color: var(--color2)
 }
 
 .row a {
   font-weight: 500;
-  color: var(--color3);
+  color: var(--color2);
   text-decoration: none;
-  font-family: "Roboto", sans-serif;
 }
 
 .row a:hover {
@@ -74,13 +76,12 @@
 }
 
 .tooltiptext {
-  font-weight: 400;
-  background-color: var(--bcolor2);
-  font-family: "Roboto", sans-serif;
+  font-weight: 500;
+  background-color: var(--color4);
 }
 
 .column img {
-  background-color: var(--bcolor2);
+  background-color: var(--color4);
 }
 
 #totop:hover {
@@ -90,15 +91,14 @@
 #totop {
   background-color: var(--color1);
   color: var(--bcolor1);
-  font-weight: 600;
-  font-family: "Roboto", sans-serif;
+  font-weight: 700;
 }
 
 body {
   color: var(--bcolor1);
-  background-color: var(--bcolor3);
-  font-family: "Roboto", sans-serif;
+  background-color: var(--bcolor2);
+  font-family: "Arial", sans-serif;
   font-optical-sizing: auto;
-  font-weight: 400;
+  font-weight: 500;
   font-style: normal;
 }