From 54b3e24fad3f2b66499a66e7146430e5b234510b Mon Sep 17 00:00:00 2001 From: Glary-Bot Date: Fri, 15 May 2026 06:34:00 +0000 Subject: [PATCH 1/2] fix(website): add dark-background favicon for legibility in search results The transparent yellow logomark used as the favicon rendered nearly invisibly on white surfaces (Google search results, Safari/Chrome tab strips on light themes) because no background fill was provided and clients composite the icon on white by default. Ship a dedicated /favicon.svg that wraps the existing yellow logomark in a black square and point at it. The in-page nav logo, Schema.org Organization.logo, and other consumers of logomark.svg are left untouched so transparent contexts continue to composite cleanly. --- apps/website/public/favicon.svg | 6 ++++++ apps/website/src/layouts/BaseLayout.astro | 2 +- 2 files changed, 7 insertions(+), 1 deletion(-) create mode 100644 apps/website/public/favicon.svg diff --git a/apps/website/public/favicon.svg b/apps/website/public/favicon.svg new file mode 100644 index 00000000000..61c067d03a8 --- /dev/null +++ b/apps/website/public/favicon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/apps/website/src/layouts/BaseLayout.astro b/apps/website/src/layouts/BaseLayout.astro index d46e85c7b36..5397d96820d 100644 --- a/apps/website/src/layouts/BaseLayout.astro +++ b/apps/website/src/layouts/BaseLayout.astro @@ -71,7 +71,7 @@ const websiteJsonLd = { {noindex && } {title} - + From 88f132c5ff4e4c0267f441bd25cc99bd8d652b19 Mon Sep 17 00:00:00 2001 From: Glary-Bot Date: Fri, 15 May 2026 06:59:51 +0000 Subject: [PATCH 2/2] fix(website): use circular favicon with dark-mode swap Per design feedback, the black-square favicon looked awkward inside Google's circular crop wrapper - a sharp black box floating inside a white circle. Per Google's published favicon guidance the wrapper is circular, so the favicon content itself should be circular too: the content edge and the wrapper edge then coincide, producing a single clean disc instead of a square-inside-a-circle. Changes to favicon.svg: - Replace the full-bleed black with a black filling the viewBox. The corners outside the circle are transparent, so on light surfaces they composite to whatever the surface color is (Google's white wrapper, light browser tabs, etc.) rather than drawing a hard square. - Embed prefers-color-scheme media query so the icon inverts on dark surfaces (yellow circle + black C) - prevents the previous version's black-circle-disappears-into-dark-tab failure mode. Supported in Chrome / Firefox / Edge. Safari ignores the media query and gets the light-mode variant, which still reads on Safari's typical light tab strip. - Enlarge the C glyph from scale 0.844 to 0.72 of the new circular canvas. The C now occupies a larger fraction of the visible area so it stays readable at 16px (browser tab) and inside Google's ~18px inner-favicon slot. --- apps/website/public/favicon.svg | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/apps/website/public/favicon.svg b/apps/website/public/favicon.svg index 61c067d03a8..f41c8445d70 100644 --- a/apps/website/public/favicon.svg +++ b/apps/website/public/favicon.svg @@ -1,6 +1,14 @@ - - - - + + + + +