diff --git a/src/app/(frontend)/globals.css b/src/app/(frontend)/globals.css index 7bf6659..3f1437c 100644 --- a/src/app/(frontend)/globals.css +++ b/src/app/(frontend)/globals.css @@ -726,11 +726,23 @@ html:not([data-theme]) { ─────────────────────────────────────────────────────────────────────── */ @media (prefers-color-scheme: dark) { + /* Prevent the browser from applying its own dark mode color transforms to buttons */ + .fd-btn-primary, + .fd-btn-primary-dark, + .fd-btn-secondary, + .fd-btn-secondary-dark, + .fd-btn-navy, + .fd-btn-mint { + color-scheme: light; + } + + /* fd-btn-primary: hover must not go navy-on-navy (sections are now dark) */ .fd-btn-primary:hover { background-color: #ffffff; color: var(--color-fd-navy); } + /* fd-btn-secondary: navy text/border is invisible on dark sections */ .fd-btn-secondary { color: #ffffff; border-color: #ffffff; diff --git a/src/app/(frontend)/not-found-dark.tsx b/src/app/(frontend)/not-found-dark.tsx deleted file mode 100644 index b4784c1..0000000 --- a/src/app/(frontend)/not-found-dark.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import React from 'react' -import type { Metadata } from 'next' - -export const metadata: Metadata = { - title: '404 – Sidan hittades inte | Fiber Direkt', - description: 'Sidan du letar efter verkar ha kopplats bort.', -} - -export default function NotFound() { - return ( -
-
-
- - {/* ── Left: Text content ─────────────────────────────────────── */} -
- - {/* Error code badge */} -
- - - Felkod 404 - -
- - {/* Heading */} -
-

- Oops! -

-

- Vi kan inte hitta sidan du letar efter. -

-
- - {/* Body */} -

- Det verkar som kabeln kopplades bort någonstans längs vägen. - Prova att gå tillbaka till startsidan. -

- - {/* CTA */} -
- - Tillbaka till startsidan - -
-
- - {/* ── Right: Modem SVG illustration ──────────────────────────── */} -
-
- - - -
-
- -
-
-
- ) -} diff --git a/src/app/(frontend)/not-found.tsx b/src/app/(frontend)/not-found.tsx index 5586a73..411cc77 100644 --- a/src/app/(frontend)/not-found.tsx +++ b/src/app/(frontend)/not-found.tsx @@ -2,7 +2,6 @@ import React from 'react' import type { Metadata } from 'next' import { FDButton } from '@/components/FDButton' - export const metadata: Metadata = { title: '404 – Sidan hittades inte | Fiber Direkt', description: 'Sidan du letar efter verkar ha kopplats bort.', @@ -10,7 +9,7 @@ export const metadata: Metadata = { export default function NotFound() { return ( -
+
@@ -18,25 +17,25 @@ export default function NotFound() {
{/* Error code badge */} -
+
- + Felkod 404
{/* Heading */}
-

+

Oops!

-

+

Vi kan inte hitta sidan du letar efter.

{/* Body */} -

+

Det verkar som kabeln kopplades bort någonstans längs vägen. Prova att gå tillbaka till startsidan.

@@ -53,11 +52,11 @@ export default function NotFound() {
-