Unsplash Images as Background option #54

New issue

Closed

opened 2026-02-20 11:14:52 -05:00 by deekerman · 2 comments

deekerman commented

2026-02-20 11:14:52 -05:00

Owner

Originally created by @Futos on GitHub (Feb 12, 2018).

Maybe would be cool to have a option to choose a picture from Unsplash or set a random Image

https://source.unsplash.com/

Full API:
https://unsplash.com/developers

Originally created by @Futos on GitHub (Feb 12, 2018). Maybe would be cool to have a option to choose a picture from Unsplash or set a random Image https://source.unsplash.com/ **Full API:** https://unsplash.com/developers

deekerman closed this issue

2026-02-20 11:14:52 -05:00

deekerman commented

2026-02-20 11:14:54 -05:00

Author

Owner

@GammaPi commented on GitHub (Mar 27, 2020):

@KodeStar @anoma @Futos

There's a quick and dirty solution:

Find this file /var/www/localhost/heimdall/app/Providers/AppServiceProvider.php
Find the following code

$alt_bg = '';
            if($bg_image = Setting::fetch('background_image')) {
                $alt_bg = ' style="background-image: url(/storage/'.$bg_image.')"';
            }

Modift alt_bg to an image api such as unsplash/bing whatever...

 $alt_bg = '';
            if($bg_image = Setting::fetch('background_image')) {
                // $alt_bg = ' style="background-image: url(/storage/'.$bg_image.')"';
                $alt_bg = ' style="background-image: url(https://source.unsplash.com/collection/962362/daily)"';
            }

4.Refresh the page

@GammaPi commented on GitHub (Mar 27, 2020): @KodeStar @anoma @Futos There's a quick and dirty solution: 1. Find this file /var/www/localhost/heimdall/app/Providers/[AppServiceProvider.php](https://github.com/linuxserver/Heimdall/blob/994961de543522b140d801a1b9ec916a82baa3df/app/Providers/AppServiceProvider.php#L98) 2. Find the following code ``` $alt_bg = ''; if($bg_image = Setting::fetch('background_image')) { $alt_bg = ' style="background-image: url(/storage/'.$bg_image.')"'; } ``` 3. Modift alt_bg to an image api such as unsplash/bing whatever... ``` $alt_bg = ''; if($bg_image = Setting::fetch('background_image')) { // $alt_bg = ' style="background-image: url(/storage/'.$bg_image.')"'; $alt_bg = ' style="background-image: url(https://source.unsplash.com/collection/962362/daily)"'; } ``` 4.Refresh the page

deekerman commented

2026-02-20 11:14:54 -05:00

Author

Owner

@apiontek commented on GitHub (May 27, 2020):

Just as an additional trick, to make sure the background properly fills/fits when the random image is too big or too small, add the css background-size: cover; so it looks like:

$alt_bg = '';
    if($bg_image = Setting::fetch('background_image')) {
        // $alt_bg = ' style="background-image: url(/storage/'.$bg_image.')"';
        $alt_bg = ' style="background-image: url(https://source.unsplash.com/daily); background-size: cover;"';
    }

@apiontek commented on GitHub (May 27, 2020): Just as an additional trick, to make sure the background properly fills/fits when the random image is too big or too small, add the css `background-size: cover;` so it looks like: ```php $alt_bg = ''; if($bg_image = Setting::fetch('background_image')) { // $alt_bg = ' style="background-image: url(/storage/'.$bg_image.')"'; $alt_bg = ' style="background-image: url(https://source.unsplash.com/daily); background-size: cover;"'; } ```

deekerman referenced this issue

2026-02-20 11:21:14 -05:00

Problems Re-Editing Jellyfin #398

deekerman referenced this issue

2026-02-20 12:00:42 -05:00

Getting error when pressing "Update apps list" #529