Skip to content

fix(website): make the favicon larger and legible on light tabs - #5

Merged
kvlonge merged 1 commit into
mainfrom
fix/favicon-size
Oct 31, 2026
Merged

kvlonge merged 1 commit into
mainfrom
fix/favicon-size

Conversation

@kvlonge

@kvlonge kvlonge commented Oct 31, 2026

Copy link
Copy Markdown
Contributor

Why

Next to SQLBuild in a browser tab, the SQLClean favicon looked small, and on light tab bars its white database almost disappeared, leaving only the leaf.

Changes

  • favicon.png and assets/icon.png: the same artwork with shorter speed lines, 86 instead of 76 of 128 px tall.
  • New favicon.svg: dark logo ink in light mode, white in dark mode. The docs and homepage declare the PNG (sizes="128x128") first and the SVG last, so browsers without SVG favicons, such as Safari, use the PNG.

Verification

  • Website build passes with 21 pages and 0 broken links; the rendered head links were checked on the homepage and docs.
  • The SVG was rendered with both colour schemes and shows exactly one version in each.
  • Reviewed in the favicon preview at 16 and 32 px on light and dark backgrounds. Hygiene scan clean.

The favicon now uses shorter speed lines, so the artwork is 86 instead of
76 of 128 pixels tall. An SVG favicon shows the dark logo ink on light
browser themes and the white art on dark ones, with the PNG as fallback.

Amp-Thread-ID: https://ampcode.com/threads/T-01a18b8a-340f-717d-9ca7-6dcf564a065a
Co-authored-by: Kevin Longe <kvlonge@gmail.com>
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying sqlclean with  Cloudflare Pages  Cloudflare Pages

Latest commit: b851be6
Status: ✅  Deploy successful!
Preview URL: https://a4cb9290.sqlclean.pages.dev
Branch Preview URL: https://fix-favicon-size.sqlclean.pages.dev

View logs

@kvlonge
kvlonge merged commit 53faae2 into main Oct 31, 2026
14 checks passed
kvlonge added a commit that referenced this pull request Oct 31, 2026
The favicon now uses shorter speed lines, so the artwork is 86 instead of
76 of 128 pixels tall. An SVG favicon shows the dark logo ink on light
browser themes and the white art on dark ones, with the PNG as fallback.
@kvlonge
kvlonge deleted the fix/favicon-size branch October 31, 2026 08:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants