Discord OAuth Image CSS Filter Overlay Issue

[elder lotus]

Hey, I am using Discord OAuth as a login provider for my self hosted authentik instance. I am using a discord image as an icon, and can't understand where it receives the image overlay filter on the login flow from. The icon looks like the regular discord image when it gets fetched by the browser, but it has a yellow tint when displayed. Have tried going through /web/dist/authentik.css and inspected with devtools to try to find the css filter, but am unable to locate the source.

Any ideas to where Authentik applies this overlay filter in the login UI? Very minor issue, but I'd be nice to clean up.

[light tree]

yea it's because it was inverted for source icons yk the default ones but it also applies to custom icons

was already reported on gh a few times

[elder lotus]

alright, but the css has to lie in the code somewhere
do you know where it is located?

[light tree]

from a quick search it's mabye in here. didn't analyse the file too much https://github.com/goauthentik/authentik/blob/dbe7bfe58bd15685ba517f33d96d4f1b920d9813/web/src/elements/user/sources/SourceSettings.ts#L48

however a fix is mentioned here: https://github.com/goauthentik/authentik/issues/11387#issuecomment-2364569894