Skip to content

Conversation

@davinotdavid
Copy link
Contributor

Description of the Change

  • Firefox has a bug when using media queries for favicon. This PR adds a favicon as an svg with CSS which seems to be better supported for both light and dark modes!

Light mode on Firefox
image

Dark mode on Firefox
image

Benefits

  • Favicon works for light and dark mode properly

Applicable Issues

Fixes #1436
Fixes #1461

Copy link
Collaborator

@devmount devmount left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Works on my end too. Thanks!

It's interesting that a media query inside a SVG works, but a media attribute on a link tag doesn't 🤷🏻

Copy link
Contributor

@rwood-moz rwood-moz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Appears nicely for me in Firefox too.

@davinotdavid davinotdavid merged commit 2e63026 into main Jan 27, 2026
8 checks passed
@davinotdavid davinotdavid deleted the use-svg-for-favicon branch January 27, 2026 21:12
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.

Appointment Favicon not Visible on Firefox (Light Theme) Favicon missing

4 participants