Conversation

realizing that over time whenever i've wanted to do any vector graphics manipulation i've just been doing it directly in svg instead of getting vector editing software svg is actually pretty good for direct editing as long as you don't have to do paths yourself

Tony "Abolish ICE" Arcieri

@bascule

May 25, 2021

Replying to

@ManishEarth

I've been doing a lot of like... hybrid stuff lately where I build the initial image in Adobe Illustrator and then hand edit the SVG export. Really interested in pursuing this approach for making SVG images which look good on light or dark backgrounds.

Tony "Abolish ICE" Arcieri

Replying to

and

I think this can be done with:

@media

(prefers-color-scheme: light/dark) ...but support is somewhat spotty

Replying to

and

that's what

has been doing with SVG favicons grapheneos.org/favicon.svg

Replying to

Chromium and Firefox both support SVG favicons with dark mode support. Note opening it directly won't apply the CSS since the Content-Security-Policy standard specifies that it applies to an SVG document but not an SVG included as an image via img. Didn't add a special rule.

3:20 AM · May 26, 2021Twitter Web App

Replying to

If you look at grapheneos.org in Chromium and Firefox you can see the favicon changes based on whether dark mode is enabled. I made it so that the SVG gets served when /favicon.ico is requested with image/svg+xml in the Accept header so it works for non-HTML in Chromium.

Replying to

Issue asking for Firefox to support that: bugzilla.mozilla.org/show_bug.cgi?i It's also needed for HTML with Chromium since otherwise it prefers the ICO. bugs.chromium.org/p/chromium/iss Best to avoid specifying type for /favicon.ico in the HTML and serve the SVG if the browser asks for one.

bugzilla.mozilla.org

1711622 - Consider explicitly listing image/svg+xml in the Accept header for images (for favicons?)

REOPENED (nobody) in Core - Networking. Last updated 2022-02-05.

Show replies