diff --git a/StaticGalleryBuilder.code-workspace b/StaticGalleryBuilder.code-workspace
index 884a5f5..9d8e147 100644
--- a/StaticGalleryBuilder.code-workspace
+++ b/StaticGalleryBuilder.code-workspace
@@ -121,7 +121,7 @@
                     "-t",
                     "Pictures",
                     "--theme",
-                    "themes/cornflower.css",
+                    "themes/ivy.css",
                     "--use-fancy-folders",
                     "--web-manifest",
                     "-n",
diff --git a/themes/carnation.css b/themes/carnation.css
new file mode 100644
index 0000000..72966bc
--- /dev/null
+++ b/themes/carnation.css
@@ -0,0 +1,77 @@
+@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
+
+.navbar {
+  font-weight: bold;
+  color: #ebebeb;
+  background-color: #8B0000;
+  font-weight: 900;
+}
+
+.navbar li a {
+  font-weight: 800;
+  color: #ebebeb;
+}
+
+/* Change the link color on hover */
+.navbar li a:hover {
+  text-decoration: none;
+  background-color: #B22222;
+}
+
+.footer {
+  color: #ebebeb;
+  background-color: #FF4500;
+  font-weight: 700;
+}
+
+.footer a {
+  color: #8B0000;
+  text-decoration: none;
+}
+
+.footer a:hover {
+  text-decoration: none;
+}
+
+.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='%238B0000' /%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='%23B22222' /%3E%3C/g%3E%3C/svg%3E");
+  fill: #8B0000;
+}
+
+.folders a {
+  font-weight: 800;
+  color: #ebebeb;
+  text-decoration: none;
+}
+
+.folders a:hover {
+  text-decoration: none;
+}
+
+.row a {
+  font-weight: 800;
+  color: #B22222;
+  text-decoration: none;
+}
+
+.row a:hover {
+  text-decoration: underline;
+}
+
+.tooltiptext {
+  font-weight: 600;
+  background-color: #191313;
+}
+
+.column img {
+  background-color: #0a0a0a;
+}
+
+body {
+  color: #ebebeb;
+  background-color: #171717;
+  font-family: "Montserrat", sans-serif;
+  font-optical-sizing: auto;
+  font-weight: 700;
+  font-style: normal;
+}
diff --git a/themes/ivy.css b/themes/ivy.css
new file mode 100644
index 0000000..25a0376
--- /dev/null
+++ b/themes/ivy.css
@@ -0,0 +1,77 @@
+@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
+
+.navbar {
+  font-weight: bold;
+  color: #ebebeb;
+  background-color: #006400;
+  font-weight: 900;
+}
+
+.navbar li a {
+  font-weight: 800;
+  color: #ebebeb;
+}
+
+/* Change the link color on hover */
+.navbar li a:hover {
+  text-decoration: none;
+  background-color: #008000;
+}
+
+.footer {
+  color: #ebebeb;
+  background-color: #32CD32;
+  font-weight: 700;
+}
+
+.footer a {
+  color: #006400;
+  text-decoration: none;
+}
+
+.footer a:hover {
+  text-decoration: none;
+}
+
+.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='%23006400' /%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='%23008000' /%3E%3C/g%3E%3C/svg%3E");
+  fill: #006400;
+}
+
+.folders a {
+  font-weight: 800;
+  color: #ebebeb;
+  text-decoration: none;
+}
+
+.folders a:hover {
+  text-decoration: none;
+}
+
+.row a {
+  font-weight: 800;
+  color: #008000;
+  text-decoration: none;
+}
+
+.row a:hover {
+  text-decoration: underline;
+}
+
+.tooltiptext {
+  font-weight: 600;
+  background-color: #191313;
+}
+
+.column img {
+  background-color: #0a0a0a;
+}
+
+body {
+  color: #ebebeb;
+  background-color: #171717;
+  font-family: "Montserrat", sans-serif;
+  font-optical-sizing: auto;
+  font-weight: 700;
+  font-style: normal;
+}
diff --git a/themes/rainbow.css b/themes/rainbow.css
new file mode 100644
index 0000000..e9442e8
--- /dev/null
+++ b/themes/rainbow.css
@@ -0,0 +1,77 @@
+@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
+
+.navbar {
+  font-weight: bold;
+  color: #ebebeb;
+  background-color: #FF0000;
+  font-weight: 900;
+}
+
+.navbar li a {
+  font-weight: 800;
+  color: #ebebeb;
+}
+
+/* Change the link color on hover */
+.navbar li a:hover {
+  text-decoration: none;
+  background-color: #FF7F00;
+}
+
+.footer {
+  color: #ebebeb;
+  background-color: #0000FF;
+  font-weight: 700;
+}
+
+.footer a {
+  color: #9500ff;
+  text-decoration: none;
+}
+
+.footer a:hover {
+  text-decoration: none;
+}
+
+.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='%23FF0000' /%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='%23FF7F00' /%3E%3C/g%3E%3C/svg%3E");
+  fill: #FF0000;
+}
+
+.folders a {
+  font-weight: 800;
+  color: #ebebeb;
+  text-decoration: none;
+}
+
+.folders a:hover {
+  text-decoration: none;
+}
+
+.row a {
+  font-weight: 800;
+  color: #32CD32;
+  text-decoration: none;
+}
+
+.row a:hover {
+  text-decoration: underline;
+}
+
+.tooltiptext {
+  font-weight: 600;
+  background-color: #191313;
+}
+
+.column img {
+  background-color: #0a0a0a;
+}
+
+body {
+  color: #ebebeb;
+  background-color: #171717;
+  font-family: "Montserrat", sans-serif;
+  font-optical-sizing: auto;
+  font-weight: 700;
+  font-style: normal;
+}
diff --git a/themes/sunflower.css b/themes/sunflower.css
new file mode 100644
index 0000000..8caf885
--- /dev/null
+++ b/themes/sunflower.css
@@ -0,0 +1,77 @@
+@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
+
+.navbar {
+  font-weight: bold;
+  color: #222222;
+  background-color: #FFB000;
+  font-weight: 900;
+}
+
+.navbar li a {
+  font-weight: 800;
+  color: #222222;
+}
+
+/* Change the link color on hover */
+.navbar li a:hover {
+  text-decoration: none;
+  background-color: #FFD700;
+}
+
+.footer {
+  color: #222222;
+  background-color: #FFE135;
+  font-weight: 700;
+}
+
+.footer a {
+  color: #FFB000;
+  text-decoration: none;
+}
+
+.footer a:hover {
+  text-decoration: none;
+}
+
+.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='%23FFB000' /%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='%23FFD700' /%3E%3C/g%3E%3C/svg%3E");
+  fill: #FFB000;
+}
+
+.folders a {
+  font-weight: 800;
+  color: #ebebeb;
+  text-decoration: none;
+}
+
+.folders a:hover {
+  text-decoration: none;
+}
+
+.row a {
+  font-weight: 800;
+  color: #FFD700;
+  text-decoration: none;
+}
+
+.row a:hover {
+  text-decoration: underline;
+}
+
+.tooltiptext {
+  font-weight: 600;
+  background-color: #191313;
+}
+
+.column img {
+  background-color: #0a0a0a;
+}
+
+body {
+  color: #ebebeb;
+  background-color: #171717;
+  font-family: "Montserrat", sans-serif;
+  font-optical-sizing: auto;
+  font-weight: 700;
+  font-style: normal;
+}