From ccaa8f4942961e34a93d4da84c9975728069ea52 Mon Sep 17 00:00:00 2001
From: SnapOtter <snapotter.hq@gmail.com>
Date: Thu, 7 May 2026 22:18:29 +0800
Subject: [PATCH] fix: declare landing page as light-only to prevent dark theme
 extension issues

The landing page has no dark mode support, so browser extensions like
Dark Reader force-invert colors and break the design. This adds
color-scheme: light only in both CSS and meta tags, plus a
darkreader-lock meta tag, to signal that the page should not be
auto-darkened.
---
 apps/landing/src/app/layout.tsx     | 4 ++++
 apps/landing/src/styles/globals.css | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/apps/landing/src/app/layout.tsx b/apps/landing/src/app/layout.tsx
index ca88e389..5311df2c 100644
--- a/apps/landing/src/app/layout.tsx
+++ b/apps/landing/src/app/layout.tsx
@@ -10,6 +10,10 @@ export const metadata: Metadata = {
   description:
     "48 image processing tools with local AI. Runs 100% offline. No data leaves your network. Open source and free forever.",
   metadataBase: new URL("https://snapotter.com"),
+  other: {
+    "color-scheme": "light only",
+    "darkreader-lock": "true",
+  },
   openGraph: {
     title: "SnapOtter | Self-Hosted Image Processing",
     description:
diff --git a/apps/landing/src/styles/globals.css b/apps/landing/src/styles/globals.css
index e926f1a7..83405424 100644
--- a/apps/landing/src/styles/globals.css
+++ b/apps/landing/src/styles/globals.css
@@ -1,5 +1,9 @@
 @import "tailwindcss";
 
+html {
+  color-scheme: light only;
+}
+
 @theme {
   --color-accent: #f59e0b;
   --color-accent-hover: #d97706;