mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
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.
This commit is contained in:
@@ -10,6 +10,10 @@ export const metadata: Metadata = {
|
|||||||
description:
|
description:
|
||||||
"48 image processing tools with local AI. Runs 100% offline. No data leaves your network. Open source and free forever.",
|
"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"),
|
metadataBase: new URL("https://snapotter.com"),
|
||||||
|
other: {
|
||||||
|
"color-scheme": "light only",
|
||||||
|
"darkreader-lock": "true",
|
||||||
|
},
|
||||||
openGraph: {
|
openGraph: {
|
||||||
title: "SnapOtter | Self-Hosted Image Processing",
|
title: "SnapOtter | Self-Hosted Image Processing",
|
||||||
description:
|
description:
|
||||||
|
|||||||
@@ -1,5 +1,9 @@
|
|||||||
@import "tailwindcss";
|
@import "tailwindcss";
|
||||||
|
|
||||||
|
html {
|
||||||
|
color-scheme: light only;
|
||||||
|
}
|
||||||
|
|
||||||
@theme {
|
@theme {
|
||||||
--color-accent: #f59e0b;
|
--color-accent: #f59e0b;
|
||||||
--color-accent-hover: #d97706;
|
--color-accent-hover: #d97706;
|
||||||
|
|||||||
Reference in New Issue
Block a user