diff --git a/src/app/globals.css b/src/app/globals.css index d117f4a..67bd8fa 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1,6 +1,7 @@ @import "tailwindcss"; :root { + --background: #F5F5F5; --default-page-background-image: url("/assets/images/home-Checkups-List.svg"); --safe-top: env(safe-area-inset-top, 0px); --safe-bottom: env(safe-area-inset-bottom, 0px); @@ -144,7 +145,9 @@ font-size: 16px; } -html { +html, +body { + background-color: #F5F5F5; width: 100%; height: 100%; overflow: hidden; diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 97a842a..4685c35 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -61,7 +61,7 @@ export const viewport: Viewport = { maximumScale: 1, userScalable: false, viewportFit: "cover", - themeColor: "#ffffff", + themeColor: "#F5F5F5", interactiveWidget: "overlays-content", }; @@ -92,6 +92,11 @@ export default async function RootLayout({ suppressHydrationWarning > +