Possible to change 404 page and other error image backgrounds?

[bootsie123]

Hi! I was wondering if there was a way to change the image that's shown when you encounter a 404 error. Going off of that, is it possible to out right change that default image to something else? Thanks!

Version and Deployment:

• authentik version: 2022.10.1
• Deployment: docker-compose

[Foxite]

On top of this, I'd also like to be able to change the layout of the 404 page. Perhaps this is best done in the tenant settings.

I'll look into doing this later today, if I remember.

[sevmonster]

This was always possible by mounting over the file. However with #4804, you can use CSS for this.

Related/dupe of: #4586

[Foxite]

True, but you'll still get an incorrect source link on every page that uses the default background.

Edit: I've read the linked issues. Didn't know about custom css, I will try to remove the source link that way

[sevmonster]

but you'll still get an incorrect source link on every page that uses the default background.

What do you mean? Changing flow background should update all links on flow pages, and you can at least override the default on 404 and non-customizable pages with CSS. The latter pages will still have the default flow_background.jpg prefetch, but I believe that is planned to be addressed by #4586.

[Foxite]

I mean that while updating an individual flow's background will indeed remove the link, if you change the default one by modifying or mounting the builtin file, the link will still be there and I have not yet been able to change that.

[sevmonster]

I'm not sure I understand still. If you mount over the file in the container, it's not a problem that "the link will still be there" since it is the correct link. Your browser will prefetch your custom background image since the file itself has changed, while the link stays the same.

If you wanted to prevent the prefetch of the image on flow pages while using CSS to change the image, you could set the flow backgrounds to a single pixel image, or a nonexistent URL.

If you want to use specific images for specific pages and have the prefetch link match up, you will have to wait on #4586 or use some of the workarounds in #2364.

If you want to change images with CSS and remove the prefetch links, and the changes proposed in #4586 will not work for you, you should probably open another issue for this.

[BeryJu]

I think with link they meant the attribution link to the background at the bottom, which is shown when the background URL starts with /static

[sevmonster]

I vaguely remember that being a thing, but I have not used the default background in any capacity since I first started using authentik... Still my second suggestion should help there.

[nicholas-a-guerra]

Hi team, curious to know if any progress has been made on this? Not sure if I should start digging into backend ways to avoid non uniform backgrounds or if a ui method is on the way. Thanks!

[codedeeply]

Seconding the follow up on this; I see this issue linked in a couple newer issues saying setting a default background image per brand/tenant will be implemented "soon," but that was back in 2023. Thanks!