Zeus

well i don't really know how much you know, so i don't want to over-explain things, but:

• data uris are basically a way of embedding a whole image in text, rather than linking to an image (i.e. src=./favicon.png). more reading. so there's no way of guessing what image to replace, you have to inspect the source of the image in the browser chrome
• which leads me to: the browser toolbox allows you to inspect the actual browserchrome itself more reading. you can't right click → inspect to pinpoint a specific element, but you can click the "⇱" icon and select an element
• so you'll have to inspect your own browser to find the specific string
• ~~if the code actually did nothing (on lemmy, not amazon) you might be out of luck - it's possible firefox compresses them differently so the uri doesn't match~~ i'm an idiot, it would do nothing, it has [..] in it because the actual string is too long for a lemmy comment

do feel free to ask further questions, although my replies may be slow as i'm not really on lemmy that often

okay there is a way to do this in css, but

1. it's really fucking tedious to do it for many images;
2. i haven't tried to do it in userchrome, just normal css.
   • i just tested it with the browser toolbox, and it doesn't work, but it may do if you add it to userchrome then restart &c.

but it is less hacky than doing it with the background-image way, so if you want to try it:

• the basic way to replace an image by its url is with content[^1]
  • so to replace your avatar with mine, use

img[src="/static/1787a77/assets/icons/icon-96x96.png"] {
	content: url("https://lemm.ee/pictrs/image/e04cf77f-b694-4a15-9633-3281efbe8157.webp")
}

• however tab favicons use data uri's (i also don't know if they accept svg - they ought, but i'm not sure)
  • so you'd need to inspect the tab, copy the uri, and hope it never changes. lemm.ee's, at the moment, is img[src="data:image/png;base64,iVBORw0K[..]8sRwEqwGyXYQAAAABJRU5ErkJggg=="]
• using this technique, you should be able to have (obviously use the full data uri for the match, but it's too long for a lemmy comment)

[src="data:image/png;base64,iVBORw0K[..]8sRwEqwGyXYQAAAABJRU5ErkJggg=="] {
	content: url("data:image/webp;base64,UklGRpwBAABXRUJQVlA4TI8BAAAvL8ALEI+gNpKt5CONUBD9DxGRu0tEG2pj24b+JlOH1rWjA5Fo34mMokhSnP2iAPxrwAc4QAFcDs/5DwAAwA/w3ldbUOGaa/PFlUhSTtKHXMo1SnxBLWOOcGW8HgAxttW4jtGCAn9R3H+1seFhmBQQ0X8GbtvGsWovC7r7eMSBkSRHjIyZYIjSA3OCy7GkZ7itFHpkYP0nej/k0xP6fUihtunvvL6G0jCydTrwojK20TWjImAJJqa1fVkU4Zydi49/En92lG0WTcwIzNjeOxtgottXvr19XsPVOxXXq4dGWaBh6mRc9YNM6fN2GZHQ49+SF1Htf4ZUfwiLU1grlqZwfuFVymENQ7MYw5CeRxWH9DGjnFefXa65loYRdEyFzUtfYbR2et/FbfHwWq84zvOEYWpyvBDAPAHsWQbhewqz9M5U8Q4i33LuTI/7EkAF7hBWKvXgpeS2cKflcB6sHFiU4N66AoZFZQS+lXxXhUd3X6p19vNUWcu/AWJ8SBIVce+KqCpVfJ7wwyY6KiAL6BwA") !important
}

• you might want to add extra specifiers so it doesn't match the same image if used elsewhere (i don't know if it ever is)
  • i.e. img.tab-icon-image[src=".."] {}

however, this doesn't work from my minute or so's testing

(by the way if you add 3 backticks you get a codeblock rather than the ol' ugly inline code. also you can specify the language in markdown, although i don't know if it affects anything in lemmy)

[^1]: also this only works in ffx, but that's not important right now

not my own comments, but i noticed more and more comments being downvoted for daring to say something controversial. i remember back before we had to have the "this is not a disagree button" hover text on reddit, now we don't even have that

if you fully colour images without transparency [i.e. the google/amazon icons] in red, they won't be distinguishable - they'll just be a red circle/square

however, if you still want to do it; put brightness(0) as the first filter to make it black, then an invert(0.5) to make it not black

also, you can use https://codepen.io/sosuke/pen/Pjoqqp to calculate the exact colour you want (although if it's 0deg red that's not hugely important)

filter:
	brightness(0)
	invert(18%)
	sepia(97%)
	saturate(3399%)
	hue-rotate(0deg)
	brightness(85%)
	contrast(90%);

we've got monitor edge barriers! the feature i missed most from windows is here i'm so pleased!

i doubt it, i don't see why an icon pack would have a systemd service. probably something to do with moonlight [nvidia]

still, thank you for introducing me to a new* icon pack

I have to say I like this one

image

kde can still look like that too:

i really hope oxygen does get ported to plasma 6, and not dropped like the air theme has been

i must say though, as much as i prefer the look of light themes usually, i think dark themes are objectively[^1] better unless you're in bright sunlight: images and video aren't affected by themes, so dark themes put the focus on the media, whereas light themes can wash them out

[^1]: this is conjecture, i haven't done any studies

but i did see some of your posts and enjoyed them (and also found and followed your tumblr somehow) ­– do you want me to add you as a mod of !imaginarywarhammer? (i sort of inherited it when the original mod went a.w.o.l., so it seems fitting to add someone else now i’m doing so)

sorry! i've mostly stopped using lemmy for numerous reasons, so i didn't see this until now

i'll add it now, and i've messaged you c̄ more details

how disappointing

i might send something to their support email address - it's unlikely to affect anything, but it's possible

edit - response received 19-10-2023

Hi Ɀeus, thank you for the heads up,

We are aware of the issue and our tech team is investigating. We hope to have this fixed very soon.

Sorry for the inconvenience. Please let me know if you have any other comments or questions and I'll be happy to help.

Kind regards,

Irene

more hopeful than i was expecting, but still not that hopeful