Skip to content

fix(website): replace favicon.svg with user-supplied design#12381

Draft
bertfy wants to merge 1 commit into
mainfrom
glary/update-favicon-svg
Draft

fix(website): replace favicon.svg with user-supplied design#12381
bertfy wants to merge 1 commit into
mainfrom
glary/update-favicon-svg

Conversation

@bertfy
Copy link
Copy Markdown

@bertfy bertfy commented May 20, 2026

PR Created by the Glary-Bot Agent


Summary

Replaces apps/website/public/favicon.svg with the exact SVG provided by the user in Slack (comfy_favicon.svg, 1412 bytes).

The previous file (introduced in #12285) was a 48×48 dark-mode-aware version with a <circle> background. The new file is a 500×500 design supplied by the user: a solid black square with the same Comfy C-glyph rendered tighter (less padding) in #F2FF59 yellow, using a mask. No dark-mode color swap.

Changes

  • apps/website/public/favicon.svg — file replaced verbatim with the user-supplied SVG. No code changes needed; apps/website/src/layouts/BaseLayout.astro already references /favicon.svg with type="image/svg+xml".

User request

(Slack #website-and-docs, with comfy_favicon.svg attached)
"update the favicon"

Verification

Built site

  • pnpm --filter @comfyorg/website typecheck (astro check): 0 errors, 0 warnings, 2 pre-existing hints unrelated to this change
  • pnpm --filter @comfyorg/website build (astro build): 279 pages built, exit 0
  • pnpm --filter @comfyorg/website test:unit: 11 files, 77 tests, all pass
  • Built dist/index.html head contains exactly one <link rel="icon" href="/favicon.svg" type="image/svg+xml">, and /favicon.svg is the only favicon URL referenced anywhere in dist/. md5(dist/favicon.svg) == md5(public/favicon.svg) after the build.

Visual

  • Loaded the built dist/ over local HTTP in a headless browser and inspected document.querySelector('link[rel="icon"]') → confirmed href="/favicon.svg", type="image/svg+xml", no other icon links.
  • Rendered the new favicon at 16/32/48/128 px and inside a simulated Chrome tab strip and a Google-style search-result row. Side-by-side comparison against the previous repo favicon captured in the screenshots below.

One note for the reviewer

The new design intentionally has tighter padding than the previous version. At 32 px and up the C-glyph is clearly recognizable; at the native 16 px tab size it reads as a more zoomed-in yellow mark on a black square (vs. the previous, slightly more circular-badge-y look). Both ship a black background so contrast vs. the original transparent yellow is the main legibility win in both cases. Flagging in case anyone wants to tweak the inner scale — this PR ships exactly the file the user supplied.

Related context (not blocking)

The production site at https://comfy.org/favicon.svg is currently still serving the default Astro starter favicon (the angular black "rocket" path that was the basis of the original "weird upside-down V" report), even though #12285 merged to main on May 18. This PR will overwrite that on next deploy, but if main deploys haven't been picking up, it's worth checking the Vercel website-frontend-comfyui project before relying on this PR alone to fix what the user saw in their screenshot.

Screenshots

Side-by-side: previous (top) vs new (bottom) at 16 / 32 / 48 / 128 px, plus tab strip and Google search row

Favicon before/after comparison at multiple sizes and in tab + Google search contexts

New favicon previewed standalone at native sizes

New favicon previewed at 16/32/48/128 px and in a Chrome tab

Screenshots

favicon-before-after

favicon-preview

┆Issue is synchronized with this Notion page by Unito

Replace the auto-generated 48x48 dark-mode-aware favicon (introduced
in #12285) with a user-supplied 500x500 design.

The new design uses the same Comfy C-shape geometry rendered tighter
inside a solid black square (no dark-mode color swap). The user
supplied the exact SVG.

No code changes: BaseLayout.astro still references /favicon.svg, so
this is a content-only swap of the file at apps/website/public/favicon.svg.
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 20, 2026

🌐 Website E2E

Tip

All tests passed.

Status ✅ Passed
Report View Report

🔗 Website Preview

Website Preview: https://comfy-website-preview-pr-12381.vercel.app

This commit: https://website-frontend-jfg53xemu-comfyui.vercel.app

Last updated: 2026-05-20T18:31:15Z for c0c797d

@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented May 20, 2026

Important

Review skipped

Review was skipped due to path filters

⛔ Files ignored due to path filters (1)
  • apps/website/public/favicon.svg is excluded by !**/*.svg

CodeRabbit blocks several paths by default. You can override this behavior by explicitly including those paths in the path filters. For example, including **/dist/** will override the default block on the dist directory, by removing the pattern from both the lists.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 2f55e52c-007e-43b4-bca5-b203c88e5950

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch glary/update-favicon-svg

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@glary-bot
Copy link
Copy Markdown

glary-bot Bot commented May 20, 2026

Thanks for the approval, @coderabbitai. Noting for the record: there are no inline comments on this PR — the earlier "Review skipped" notice was the default behavior because the only changed file (apps/website/public/favicon.svg) matches !**/*.svg in .coderabbit.yaml, which is expected for an asset-only swap. No code changes were made in response.

For human reviewers: this is a byte-for-byte replacement of the favicon SVG with the file the user attached in Slack. Verification (typecheck / build / test:unit — all green) and the oracle review (0 findings) are summarized in the PR description.

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