feat: add themes and custom color options

feat: add italian translation

styles/themes/green.css

@@ -0,0 +1,21 @@
+:root {
+    --main-color: #6B8E23; /* Dark Olive Green */
+    --main-color-rgb: 107, 142, 35;
+    --accent-color: #9ACD32; /* Yellow-Green */
+    --accent-color-rgb: 154, 205, 50;
+    --hover-color: #556B2F; /* Olive Drab */
+    --hover-color-rgb: 85, 107, 47;
+}
+
+header .logo .logo-image {
+    background-image: url("../../images/siteicons/green/wallos.png");
+}
+
+.dark header .logo .logo-image {
+    background-image: url("../../images/siteicons/green/walloswhite.png");
+}
+
+.sort-options > ul > li.selected,
+.filtermenu-content .filter-item.selected {
+    background-image: url("../../images/siteicons/green/check.png");
+}

styles/themes/red.css

@@ -0,0 +1,21 @@
+:root {
+    --main-color: #f45a40;
+    --main-color-rgb: 244, 90, 64;
+    --accent-color: #f79988;
+    --accent-color-rgb: 239, 134, 116;
+    --hover-color: #c73f29;
+    --hover-color-rgb: 199, 63, 41;
+}
+
+header .logo .logo-image {
+    background-image: url("../../images/siteicons/red/wallos.png");
+}
+
+.dark header .logo .logo-image {
+    background-image: url("../../images/siteicons/red/walloswhite.png");
+}
+
+.sort-options > ul > li.selected,
+.filtermenu-content .filter-item.selected {
+    background-image: url("../../images/siteicons/red/check.png");
+}

styles/themes/yellow.css

@@ -0,0 +1,21 @@
+:root {
+    --main-color: #ffae00;
+    --main-color-rgb: 255, 174, 0;
+    --accent-color: #faea8f;
+    --accent-color-rgb: 250, 234, 143;
+    --hover-color: #cd930c;
+    --hover-color-rgb: 179, 124, 0;
+}
+
+header .logo .logo-image {
+    background-image: url("../../images/siteicons/yellow/wallos.png");
+}
+
+.dark header .logo .logo-image {
+    background-image: url("../../images/siteicons/yellow/walloswhite.png");
+}
+
+.sort-options > ul > li.selected,
+.filtermenu-content .filter-item.selected {
+    background-image: url("../../images/siteicons/yellow/check.png");
+}