Add no background icons

todoblue/public/manifest.json

@@ -11,37 +11,73 @@
 			"src": "logo-wbg-32.png",
 			"sizes": "32x32",
 			"type": "image/png",
-			"purpose": "maskable any"
+			"purpose": "maskable"
 		},
 		{
 			"src": "logo-wbg-64.png",
 			"sizes": "64x64",
 			"type": "image/png",
-			"purpose": "maskable any"
+			"purpose": "maskable"
 		},
 		{
 			"src": "logo-wbg-128.png",
 			"sizes": "128x128",
 			"type": "image/png",
-			"purpose": "maskable any"
+			"purpose": "maskable"
 		},
 		{
 			"src": "logo-wbg-256.png",
 			"sizes": "256x256",
 			"type": "image/png",
-			"purpose": "maskable any"
+			"purpose": "maskable"
 		},
 		{
 			"src": "logo-wbg-512.png",
 			"sizes": "512x512",
 			"type": "image/png",
-			"purpose": "maskable any"
+			"purpose": "maskable"
 		},
 		{
-			"src": "favicon.ico",
+			"src": "logo-nbg-32.png",
+			"sizes": "32x32",
+			"type": "image/png",
+			"purpose": "any"
+		},
+		{
+			"src": "logo-nbg-64.png",
+			"sizes": "64x64",
+			"type": "image/png",
+			"purpose": "any"
+		},
+		{
+			"src": "logo-nbg-128.png",
+			"sizes": "128x128",
+			"type": "image/png",
+			"purpose": "any"
+		},
+		{
+			"src": "logo-nbg-160.png",
+			"sizes": "160x160",
+			"type": "image/png",
+			"purpose": "any"
+		},
+		{
+			"src": "logo-nbg-321.png",
+			"sizes": "321x321",
+			"type": "image/png",
+			"purpose": "any"
+		},
+		{
+			"src": "favicon-wbg.ico",
 			"sizes": "32x32 64x64 128x128 256x256 512x512",
 			"type": "image/x-icon",
-			"purpose": "maskable any"
+			"purpose": "maskable"
+		},
+		{
+			"src": "favicon-nbg.ico",
+			"sizes": "32x32 64x64 128x128 160x160 321x321",
+			"type": "image/x-icon",
+			"purpose": "any"
 		}
 	]
 }

todoblue/src/app/[lang]/(page)/RootHeader.module.css

@@ -5,5 +5,6 @@
 }
 
 .pageLogo {
-
+    width: 64px;
+    height: 64px;
 }

todoblue/src/app/[lang]/(page)/RootHeader.tsx

@@ -8,7 +8,7 @@ export async function RootHeader({lng}: {lng: string}) {
 
 	return (
 		<header className={style.pageHeader}>
-			<img className={style.pageLogo} src={"/logo-nbg-64.png"} alt={""}/>
+			<img className={style.pageLogo} src={"/logo-nbg-160.png"} width={64} height={64} alt={""}/>
 			<h1 className={style.pageTitle}>
 				{t("title")}
 			</h1>

todoblue/src/app/[lang]/layout.tsx

@@ -18,7 +18,7 @@ export const metadata: NextMetadata = {
 	creator: "Steffo",
 	robots: "noindex, nofollow",
 	manifest: "manifest.json",
-	icons: "favicon.ico"
+	icons: "favicon-wbg.ico"
 }
 
 export default function layout({children}: { children: ReactNode }) {

todoblue/src/middleware.ts

@@ -18,6 +18,6 @@ export function middleware(request: NextRequest) {
 
 export const config = {
 	matcher: [
-		'/((?!api|_next|manifest.json|logo-[nw]bg-[0-9]*.png|favicon.ico).*)',
+		'/((?!api|_next|manifest.json|logo-[nw]bg-[0-9]*.png|favicon-[nw]bg.ico).*)',
 	]
 }