fix(website): use a larger current-brand favicon in both themes

Amp-Thread-ID: https://ampcode.com/threads/T-01a197ea-0f42-71c8-ad24-53b4be18a07d

Author: kvlonge

website/astro.config.mjs

@@ -16,10 +16,11 @@ export default defineConfig({
 				dark: './src/assets/logo-dark.png',
 				replacesTitle: true,
 			},
-			favicon: '/favicon.svg',
+			favicon: '/favicon.svg?v=green-leaf-1',
 			head: [
-				// PNG fallback for browsers without SVG favicons; the SVG favicon uses dark ink on light tabs and white on dark.
-				{ tag: 'link', attrs: { rel: 'icon', type: 'image/png', sizes: '128x128', href: '/favicon.png' } },
+				// Starlight places its adaptive SVG after these explicit fallbacks.
+				{ tag: 'link', attrs: { rel: 'icon', type: 'image/png', sizes: '128x128', href: '/favicon.png?v=green-leaf-1', media: '(prefers-color-scheme: light)' } },
+				{ tag: 'link', attrs: { rel: 'icon', type: 'image/png', sizes: '128x128', href: '/favicon-dark.png?v=green-leaf-1', media: '(prefers-color-scheme: dark)' } },
 				{ tag: 'meta', attrs: { property: 'og:image', content: 'https://sqlclean.io/assets/og-sqlclean-docs.png' } },
 				{ tag: 'meta', attrs: { property: 'og:image:width', content: '1200' } },
 				{ tag: 'meta', attrs: { property: 'og:image:height', content: '630' } },

website/public/assets/icon.png

@@ -18,8 +18,9 @@
 		<meta property="og:image:alt" content="SQLClean: fast SQL linting, safe fixes and one canonical format." />
 		<meta name="twitter:card" content="summary_large_image" />
 		<meta name="twitter:image" content="https://sqlclean.io/assets/og-sqlclean.png" />
-		<link rel="icon" type="image/png" sizes="128x128" href="assets/icon.png" />
-		<link rel="icon" type="image/svg+xml" href="favicon.svg" />
+		<link rel="icon" type="image/png" sizes="128x128" href="/favicon.png?v=green-leaf-1" media="(prefers-color-scheme: light)" />
+		<link rel="icon" type="image/png" sizes="128x128" href="/favicon-dark.png?v=green-leaf-1" media="(prefers-color-scheme: dark)" />
+		<link rel="icon" type="image/svg+xml" sizes="any" href="/favicon.svg?v=green-leaf-1" />
 		<link rel="preload" href="/fonts/inter-latin-wght-normal.woff2" as="font" type="font/woff2" crossorigin />
 		<link rel="stylesheet" href="styles.css" />
 		<script>