make website blue

app/layout.tsx

@@ -1,4 +1,4 @@
-import type { Metadata } from "next";
+import type { Metadata, Viewport } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
 
@@ -7,9 +7,23 @@ const inter = Inter({
   subsets: ["latin"],
 });
 
+/** Matches `TvoneSiteNav` — Safari/iOS uses this for the browser chrome tint from the first paint. */
+const TVONE_HEADER_BLUE = "#0066D4";
+
+export const viewport: Viewport = {
+  themeColor: TVONE_HEADER_BLUE,
+  colorScheme: "light",
+  viewportFit: "cover",
+};
+
 export const metadata: Metadata = {
   title: "tvone — Notícias e entretenimento",
   description: "O seu portal de notícias, música e cultura.",
+  appleWebApp: {
+    capable: true,
+    statusBarStyle: "black-translucent",
+    title: "tvone",
+  },
 };
 
 export default function RootLayout({