Merge branch 'dev' into 'production'

Merge dev into production

See merge request rheinsw/website!27

components/Helper/ThemeColors.ts

@@ -0,0 +1,28 @@
+export const themeColors: Record<
+    "light" | "dark",
+    {
+        primaryBg: string;
+        secondaryBg: string;
+        primaryText: string;
+        secondaryText: string;
+        inputFieldBg: string;
+        inputBorder: string;
+    }
+> = {
+    dark: {
+        primaryBg: "#121212",  // Dark gray/black background (closer to true dark mode)
+        secondaryBg: "#1e1e1e", // Slightly lighter gray for contrast
+        primaryText: "#e0e0e0", // Light gray for good readability
+        secondaryText: "#b0b0b0", // Muted gray for subtle contrast
+        inputFieldBg: "#252525", // Dark but slightly distinguishable from primaryBg
+        inputBorder: "#3a3a3a", // Slightly lighter gray for a soft contrast
+    },
+    light: {
+        primaryBg: "#f7f6fb",
+        secondaryBg: "#ffffff",
+        primaryText: "#1a1a2e",
+        secondaryText: "#4a4a4a", // Muted text color
+        inputFieldBg: "#ffffff", // White input field (same as secondaryBg)
+        inputBorder: "#dcdcdc", // Light gray border for subtle visibility
+    },
+};