+- Gimp-Forum.net (https://www.gimp-forum.net)
+-- Forum: GIMP (https://www.gimp-forum.net/Forum-GIMP)
+--- Forum: General questions (https://www.gimp-forum.net/Forum-General-questions)
+--- Thread: logo for website profile that works with both light/dark themes (/Thread-logo-for-website-profile-that-works-with-both-light-dark-themes)
logo for website profile that works with both light/dark themes - tbint62 - 05-02-2026
I'm getting older and cannot figure this out. I created a profile logo for google. It works but not on all google services apps. Some apps (google play) have a dark background header, the google notification icon (bell) changes to white. Is there an image that adapts to googles html/css, xml ?? ??. I know it is not that big of a deal. I did create on with a white background and dark logo. It works. I'm not getting the device theme preference and the web page theme. I chose light theme on laptop and phone. So the phone apps follow the website theme??
RE: logo for website profile that works with both light/dark themes - sallyanne - 05-03-2026
Don't think you can do SVG's in gimp.
https://stackoverflow.com/questions/67187091/creating-svg-that-appears-black-in-light-mode-and-light-in-dark-mode#67190894 may help
Try LibreOffice to make your SVG
RE: logo for website profile that works with both light/dark themes - MrsP-from-C - 05-03-2026
Inkscape?
It's made for creating SVGs
RE: logo for website profile that works with both light/dark themes - rich2005 - 05-03-2026
You can always make logo with Gimp. You can Export as a SVG but it is just a bitmap in a SVG wrapper. Exporting paths as a simple SVG is from the paths menu.
Quote:....Is there an image that adapts to googles html/css, xml ?? ??
The OP wants an image that automatically inverts depending on the current app theme. Easy enough to make a pair of logos, one an invert of the other. Gimp can do that, but really a question for a web page designer.
A quick search, https://www.sitepoint.com/using-svg-with-media-queries/
RE: logo for website profile that works with both light/dark themes - CmykStudent_ - 05-03-2026
(05-03-2026, 07:51 AM)rich2005 Wrote: You can always make logo with Gimp. You can Export as a SVG but it is just a bitmap in a SVG wrapper. Exporting paths as a simple SVG is from the paths menu.
Just FYI, with GIMP 3.2 you can export vector layers as actual SVGs (which can be edited further in Inkscape). You can also include any raster layers as either PNGs or JPEGs if you like.
RE: logo for website profile that works with both light/dark themes - tbint62 - 05-03-2026
Thanks for the reply everyone. debian 13 only has gimp 3.0.4. I do have inkscape, still catching on. Can't even make a ring unless I pull someones work apart.
Need to post a new thread about the gimp courser. I can't see it!!
RE: logo for website profile that works with both light/dark themes - tbint62 - 05-05-2026
(05-02-2026, 06:16 PM)tbint62 Wrote: I'm getting older and cannot figure this out. I created a profile logo for google. It works but not on all google services apps. Some apps (google play) have a dark background header, the google notification icon (bell) changes to white. Is there an image that adapts to googles html/css, xml ?? ??. I know it is not that big of a deal. I did create on with a white background and dark logo. It works. I'm not getting the device theme preference and the web page theme. I chose light theme on laptop and phone. So the phone apps follow the website theme??
I think I have done it with gimp. Made 2 images and added "color to alpha" the dark image and layered over the light. Exported as png. It seems to have worked. Tried both ways light over dark and the dark over light seem beter to me. Would you know it! Google play removed the dark header background.
RE: logo for website profile that works with both light/dark themes - BezierCurve - 05-13-2026
I ran into something similar here with profile icons disappearing against dark headers. In a lot of cases it feels less like an image problem and more like every Google service handling transparency/themes slightly differently.
The layered PNG approach actually sounds pretty clever for a workaround.