fix bg

semihcihan · semihcihan · commit 15852ee8ca50 · 2026-05-02T15:12:51.000+03:00
diff --git a/website/src/pages/index.astro b/website/src/pages/index.astro
@@ -84,7 +84,7 @@ const structuredData = {
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
     <title>{siteTitle}</title>
     <meta name="description" content={siteDescription} />
     <meta name="keywords" content={keywordMeta} />
@@ -98,6 +98,7 @@ const structuredData = {
       name="googlebot"
       content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1"
     />
+    <meta name="color-scheme" content="dark light" />
     <meta name="referrer" content="strict-origin-when-cross-origin" />
     <link rel="canonical" href={canonicalUrl} />
     <link rel="icon" type="image/png" sizes="256x256" href={iconUrl} />
@@ -124,7 +125,8 @@ const structuredData = {
     <meta name="twitter:description" content={socialDescription} />
     <meta name="twitter:image" content={ogImageUrl} />
     <meta name="twitter:image:alt" content="ASO CLI local dashboard keyword research view" />
-    <meta name="theme-color" content="#0d1317" />
+    <meta name="theme-color" content="#0d1317" media="(prefers-color-scheme: light)" />
+    <meta name="theme-color" content="#0d1317" media="(prefers-color-scheme: dark)" />
     <script type="application/ld+json" set:html={JSON.stringify(structuredData)}></script>
   </head>
   <body>
diff --git a/website/src/styles/site.css b/website/src/styles/site.css
@@ -42,10 +42,13 @@ body {
     radial-gradient(circle at 8% -14%, #1d5863 0%, transparent 42%),
     radial-gradient(circle at 94% 0%, #253660 0%, transparent 36%),
     linear-gradient(160deg, #0b1216, var(--bg) 52%, #101820);
+  background-color: var(--bg);
 }
 
 body {
   position: relative;
+  min-height: 100vh;
+  min-height: 100dvh;
 }
 
 a {
@@ -72,7 +75,7 @@ a {
 }
 
 .topbar-wrap {
-  padding: 1rem 0;
+  padding: calc(1rem + env(safe-area-inset-top, 0px)) 0 1rem;
   background: var(--hero-band);
 }
 
@@ -443,6 +446,10 @@ pre code {
   line-height: 1.7;
 }
 
+.band-faq {
+  padding-bottom: calc(clamp(2.4rem, 7vw, 5rem) + env(safe-area-inset-bottom, 0px));
+}
+
 .faq a {
   color: var(--accent-2);
 }

Original file line number	Diff line number	Diff line change
`@@ -42,10 +42,13 @@ body {`
`42`	`42`	`radial-gradient(circle at 8% -14%, #1d5863 0%, transparent 42%),`
`43`	`43`	`radial-gradient(circle at 94% 0%, #253660 0%, transparent 36%),`
`44`	`44`	`linear-gradient(160deg, #0b1216, var(--bg) 52%, #101820);`
	`45`	`+ background-color: var(--bg);`
`45`	`46`	`}`
`46`	`47`
`47`	`48`	`body {`
`48`	`49`	`position: relative;`
	`50`	`+ min-height: 100vh;`
	`51`	`+ min-height: 100dvh;`
`49`	`52`	`}`
`50`	`53`
`51`	`54`	`a {`
`@@ -72,7 +75,7 @@ a {`
`72`	`75`	`}`
`73`	`76`
`74`	`77`	`.topbar-wrap {`
`75`		`- padding: 1rem 0;`
	`78`	`+ padding: calc(1rem + env(safe-area-inset-top, 0px)) 0 1rem;`
`76`	`79`	`background: var(--hero-band);`
`77`	`80`	`}`
`78`	`81`
`@@ -443,6 +446,10 @@ pre code {`
`443`	`446`	`line-height: 1.7;`
`444`	`447`	`}`
`445`	`448`
	`449`	`+.band-faq {`
	`450`	`+ padding-bottom: calc(clamp(2.4rem, 7vw, 5rem) + env(safe-area-inset-bottom, 0px));`
	`451`	`+}`
	`452`	`+`
`446`	`453`	`.faq a {`
`447`	`454`	`color: var(--accent-2);`
`448`	`455`	`}`