From 19f1dd776777937da915c0a278b2f1619f0f312e Mon Sep 17 00:00:00 2001
From: Jan-Marlon Leibl <jleibl@proton.me>
Date: Mon, 24 Feb 2025 22:34:10 +0100
Subject: [PATCH] chore: update dependencies and improve button styles

---
 package.json        | 14 +++++++-------
 src/pages/index.tsx |  6 +++---
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index e9d03e1..acab5d3 100644
--- a/package.json
+++ b/package.json
@@ -13,20 +13,20 @@
     "@fontsource/instrument-sans": "^5.1.1",
     "@studio-freight/lenis": "^1.0.42",
     "framer-motion": "^12.4.7",
-    "next": "15.1.7",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "next": "14.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-intersection-observer": "^9.15.1"
   },
   "devDependencies": {
     "typescript": "^5",
     "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
     "postcss": "^8",
     "tailwindcss": "^3.4.1",
-    "eslint": "^9",
-    "eslint-config-next": "15.1.7",
+    "eslint": "^8",
+    "eslint-config-next": "14.1.0",
     "@eslint/eslintrc": "^3"
   }
 }
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index dbf2060..a6155c4 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -98,7 +98,7 @@ const GermanyText = () => {
       <motion.button
         aria-label="Switch to dark theme"
         aria-pressed={theme === 'black'}
-        style={{ flex: 1, backgroundColor: "rgba(0, 0, 0, 0.9)" }}
+        style={{ flex: 1, backgroundColor: "rgba(0, 0, 0)", borderLeft: "2px solid rgba(255, 255, 255, 0.1)", borderTop: "2px solid rgba(255, 255, 255, 0.1)", borderBottom: "2px solid rgba(255, 255, 255, 0.1)" }}
         whileHover={{ scale: 1.1 }}
         onClick={() => setTheme('black')}
         className={theme === 'black' ? 'ring-1 ring-white/20' : ''}
@@ -106,7 +106,7 @@ const GermanyText = () => {
       <motion.button
         aria-label="Switch to red theme"
         aria-pressed={theme === 'red'}
-        style={{ flex: 1, backgroundColor: "rgba(255, 0, 0, 0.9)" }}
+        style={{ flex: 1, backgroundColor: "rgba(255, 0, 0)" }}
         whileHover={{ scale: 1.1 }}
         onClick={() => setTheme('red')}
         className={theme === 'red' ? 'ring-1 ring-white/20' : ''}
@@ -114,7 +114,7 @@ const GermanyText = () => {
       <motion.button
         aria-label="Switch to gold theme"
         aria-pressed={theme === 'gold'}
-        style={{ flex: 1, backgroundColor: "rgba(255, 204, 0, 0.9)" }}
+        style={{ flex: 1, backgroundColor: "rgba(255, 204, 0)" }}
         whileHover={{ scale: 1.1 }}
         onClick={() => setTheme('gold')}
         className={theme === 'gold' ? 'ring-1 ring-white/20' : ''}