add light theme and one new game

compose.yml

@@ -18,7 +18,10 @@ services:
         max-file: "3"
 
   optimal-settings-frontend:
-    build: optimal-settings-frontend
+    build:
+      context: optimal-settings-frontend
+      args:
+        - NEXT_PUBLIC_CAPTCHA_SITE_KEY=1x00000000000000000000AA
     ports:
       - 3000:3000
     environment:
@@ -28,7 +31,6 @@ services:
       - PUBLIC_BACKEND_PROTOCOL=https
       - PUBLIC_BACKEND_HOST=api.localhost
       - PUBLIC_BACKEND_PORT=443
-      - NEXT_PUBLIC_CAPTCHA_SITE_KEY=1x00000000000000000000AA
     labels:
       - "traefik.enable=true"
       - "traefik.http.routers.optimal-settings-frontend.rule=Host(`localhost`)"

optimal-settings-backend/data/games/red-dead-redemption-2.json

@@ -0,0 +1,145 @@
+{
+    "id": 3,
+    "name": "Red Dead Redemption 2",
+    "slug": "red-dead-redemption-2",
+    "image": {
+      "src": "/images/games/red-dead-redemption-2.jpg",
+      "alt": "Red Dead Redemption 2",
+      "width": 1024,
+      "height": 1024
+    },
+    "settings": {
+      "high": [
+        ["Texture Quality", "Ultra"],
+        ["Anisotropic Filtering", "16X"],
+        ["Lighting Quality", "High"],
+        ["Global Illumination Quality", "Ultra"],
+        ["Shadow Quality", "Ultra"],
+        ["Far Shadow Quality", "Ultra"],
+        ["Screen Space Ambient Occlusion", "Ultra"],
+        ["Reflection Quality", "Medium"],
+        ["Mirror Quality", "Ultra"],
+        ["Water Quality", "Custom"],
+        ["Volumetrics Quality", "Custom"],
+        ["Particle Quality", "Ultra"],
+        ["Tesselation Quality", "Ultra"],
+        ["TAA", "Medium"],
+        ["FXAA", "Off"],
+        ["MSAA", "Off"],
+        ["Advanced Settings", "Unlocked"],
+        ["Graphics API", "Vulkan"],
+        ["Near Volumetric Resolution", "Medium"],
+        ["Far Volumetric Resolution", "Ultra"],
+        ["Volumetric Lighting Quality", "Ultra"],
+        ["Unlocked Volumetric Raymarch Resolution", "On"],
+        ["Particle Lighting Quality", "High"],
+        ["Soft Shadows", "Ultra"],
+        ["Grass Shadows", "High"],
+        ["Long Shadows", "On"],
+        ["Full Resolution Screen Space Ambient Occlusion", "Off"],
+        ["Water Refraction Quality", "Medium"],
+        ["Water Reflection Quality", "High"],
+        ["Water Physics Quality", "2/4"],
+        ["Resolution Scale", "Off"],
+        ["Motion Blur", "Off"],
+        ["Reflection MSAA", "Off"],
+        ["Geometry Level of Detail", "3/5"],
+        ["Grass Level of Detail", "5/10"],
+        ["Tree Quality", "Ultra"],
+        ["Parallax Occlusion Mapping Quality", "Ultra"],
+        ["Decal Quality", "Ultra"],
+        ["Fur Quality", "High"],
+        ["Tree Tessellation", "Off"]
+      ],
+      "medium": [
+        ["Texture Quality", "Ultra"],
+        ["Anisotropic Filtering", "16X"],
+        ["Lighting Quality", "Medium"],
+        ["Global Illumination Quality", "Ultra"],
+        ["Shadow Quality", "High"],
+        ["Far Shadow Quality", "High"],
+        ["Screen Space Ambient Occlusion", "High"],
+        ["Reflection Quality", "Medium"],
+        ["Mirror Quality", "Ultra"],
+        ["Water Quality", "Custom"],
+        ["Volumetrics Quality", "Custom"],
+        ["Particle Quality", "High"],
+        ["Tesselation Quality", "Ultra"],
+        ["TAA", "Medium"],
+        ["FXAA", "Off"],
+        ["MSAA", "Off"],
+        ["Advanced Settings", "Unlocked"],
+        ["Graphics API", "Vulkan"],
+        ["Near Volumetric Resolution", "Low"],
+        ["Far Volumetric Resolution", "Medium"],
+        ["Volumetric Lighting Quality", "High"],
+        ["Unlocked Volumetric Raymarch Resolution", "Off"],
+        ["Particle Lighting Quality", "Medium"],
+        ["Soft Shadows", "Ultra"],
+        ["Grass Shadows", "Medium"],
+        ["Long Shadows", "On"],
+        ["Full Resolution Screen Space Ambient Occlusion", "Off"],
+        ["Water Refraction Quality", "Medium"],
+        ["Water Reflection Quality", "Medium"],
+        ["Water Physics Quality", "2/4"],
+        ["Resolution Scale", "Off"],
+        ["Motion Blur", "Off"],
+        ["Reflection MSAA", "Off"],
+        ["Geometry Level of Detail", "3/5"],
+        ["Grass Level of Detail", "5/10"],
+        ["Tree Quality", "High"],
+        ["Parallax Occlusion Mapping Quality", "High"],
+        ["Decal Quality", "Ultra"],
+        ["Fur Quality", "Medium"],
+        ["Tree Tessellation", "Off"]
+      ],
+      "low": [
+        ["Texture Quality", "Low"],
+        ["Anisotropic Filtering", "Off"],
+        ["Lighting Quality", "Low"],
+        ["Global Illumination Quality", "Low"],
+        ["Shadow Quality", "Low"],
+        ["Far Shadow Quality", "Low"],
+        ["Screen Space Ambient Occlusion", "Off"],
+        ["Reflection Quality", "Low"],
+        ["Mirror Quality", "Low"],
+        ["Water Quality", "Low"],
+        ["Volumetrics Quality", "Low"],
+        ["Particle Quality", "Low"],
+        ["Tesselation Quality", "Low"],
+        ["TAA", "Medium"],
+        ["FXAA", "Off"],
+        ["MSAA", "Off"],
+        ["Advanced Settings", "Unlocked"],
+        ["Graphics API", "Vulkan if possible, DirectX 12 if not"],
+        ["Near Volumetric Resolution", "Low"],
+        ["Far Volumetric Resolution", "Low"],
+        ["Volumetric Lighting Quality", "Low"],
+        ["Unlocked Volumetric Raymarch Resolution", "Off"],
+        ["Particle Lighting Quality", "Low"],
+        ["Soft Shadows", "Off"],
+        ["Grass Shadows", "Low"],
+        ["Long Shadows", "Off"],
+        ["Full Resolution Screen Space Ambient Occlusion", "Off"],
+        ["Water Refraction Quality", "Low"],
+        ["Water Reflection Quality", "Low"],
+        ["Water Physics Quality", "0/4"],
+        ["Resolution Scale", "Off"],
+        ["Motion Blur", "Off"],
+        ["Reflection MSAA", "Off"],
+        ["Geometry Level of Detail", "0/5"],
+        ["Grass Level of Detail", "0/10"],
+        ["Tree Quality", "Low"],
+        ["Parallax Occlusion Mapping Quality", "Low"],
+        ["Decal Quality", "Low"],
+        ["Fur Quality", "Medium"],
+        ["Tree Tessellation", "Off"]
+      ]    
+    },
+    "settings_sources": {
+      "low": "https://www.youtube.com/watch?v=w6bCcbHoVLw",
+      "medium": "https://www.youtube.com/watch?v=385eG1IEZMU, https://www.youtube.com/watch?v=C3xQ33Cq4CE, https://www.youtube.com/watch?v=Hyzp4zRivis",
+      "high": "https://www.youtube.com/watch?v=385eG1IEZMU, https://www.youtube.com/watch?v=C3xQ33Cq4CE, https://www.youtube.com/watch?v=Hyzp4zRivis"
+    }
+  }
+

optimal-settings-frontend/package.json

@@ -30,7 +30,7 @@
     "@types/react": "^18.2.42",
     "@types/react-dom": "^18.2.17",
     "autoprefixer": "^10",
-    "daisyui": "^4.0.3",
+    "daisyui": "^4.5.0",
     "eslint": "^8",
     "eslint-config-next": "^14.0.3",
     "eslint-config-prettier": "^9.0.0",

optimal-settings-frontend/src/app/games/[slug]/components/ReportCardList.tsx

@@ -8,7 +8,7 @@ type ReportCardList = {
 export default function ReportCardList({ reports }: ReportCardList) {
   if (reports.length === 0) {
     return (
-      <p className="text-xl text-info">
+      <p className="text-xl text-accent">
         There are no reports for these settings yet. You can create one below!
       </p>
     );

optimal-settings-frontend/tailwind.config.ts

@@ -18,7 +18,8 @@ const config: Config = {
   plugins: [require("@tailwindcss/typography"), require("daisyui")],
 
   daisyui: {
-    themes: ["dark"],
+    themes: ["winter", "dark"],
+    darkTheme: "dark",
   },
 };
 export default config;