Finally: my custom background image back

  • During OMV3 I used a nice background image, but after the upgrade to OMV4 it did not work anymore and I did not bother ..


    Today I took the time to see why it did not work anymore.. Ahhh omv-custom.css has been changed to theme-custom.css

    From my old nas I found the old file, copied the only interesting part to the new file and it was working. Even my old background image was still present ..

    Just as I am about to turn that old NAS off ..


    Background image now under OMV5 (logo of OMV in the lower right is preserved, this is example image (cut 'n paste))

    RyapbB9.jpg

    Happy to have my Whale (30TB) almost ready ;)

    5x HP Microserver Gen8, 4x with OMV. (3x OMV4 and 1x OMV5)

    (Busy with migrating to 1 NAS) Puffer: 4x3TB RAID5; Nemo:4x3TB RAID5; Shark: 4x2TB RAID5 and Whale: 4x10TB UNIONFS with SNAPRAID

    Edited once, last by aroundmyroom ().

  • I would love to know more about this!

    I wanted to get into theming the UI, but my research a while ago led to methods now obsolete. Changing the background image could be a great start!

    OMV BUILD - MY NAS KILLER - OMV 5.x + omvextrasorg


    Core i3-8300 - ASRock H370M-ITX/ac - 8GB RAM - Sandisk Ultra Flair 32GB (OMV), 256GB NVME SSD (Docker), 3x4TB HDD (Data) - Fractal Design Node 304 - Be quiet! Pure Power 11 350W

  • Using nano create the file at /var/www/openmediavault/css/theme-custom.css

    Firefox has a developer tool you can use to see what is going on under the hood of any web page.

    RAID is NOT a backup and not useful for most home users. Rsync makes true backup and restoration stupid easy, and it's built right in to OMV. Use this command in a Scheduled Job: rsync -av --delete /srv/dev-disk-by-label-NAMEofSOURCEdisk/ /srv/dev-disk-by-label-NAMEofDESTINATIONdisk/

    Hardware: OMV 5 (current) - NanoPi M4: Nextcloud, Plex, & Heimdall - Acer Aspire T180: backup - Odroid XU4: Pi-Hole (DietPi) - Odroid HC2, Raspberry Pi 3B+, and HP dx2400: testing.

    Edited once, last by Agricola ().

  • auanasgheps I have added the following to the theme-custom.css as stated by Agricola


    /******************************************************************************/

    /* Login page */

    /******************************************************************************/

    /*body# */

    .login-page {

    /** background: #2e2e2e; */

    background: url("/images/server.jpg") no-repeat center center fixed;

    background-size: cover;

    }


    and I put the image server.jpg in /images/

    /var/www/openmediavault/images

    5x HP Microserver Gen8, 4x with OMV. (3x OMV4 and 1x OMV5)

    (Busy with migrating to 1 NAS) Puffer: 4x3TB RAID5; Nemo:4x3TB RAID5; Shark: 4x2TB RAID5 and Whale: 4x10TB UNIONFS with SNAPRAID

  • Thank you friends, I love this little guide.

    I also changed my background, looks more professional now :thumbup:

    [LibreELEC @ 2x RPi3, CoreELEC @ S12 Octa Core]

    [ NAS OMV 5.xx (Usul) @ NanoPI M4 ]

    [ Nextcloud 18.0.4 @ ODROID C2 ]

    [ Motioneye @ RPi4]

  • Here are a couple of posts that provide more ideas for customizing css. It's nice to have something visual to distinguish one server from another to help avoid modifying the wrong machine, as in main server/backup server/test server. I have been working on a red theme based on the css in these two posts, but it is not quite ready. I am still tracking down a couple of elements:

    RAID is NOT a backup and not useful for most home users. Rsync makes true backup and restoration stupid easy, and it's built right in to OMV. Use this command in a Scheduled Job: rsync -av --delete /srv/dev-disk-by-label-NAMEofSOURCEdisk/ /srv/dev-disk-by-label-NAMEofDESTINATIONdisk/

    Hardware: OMV 5 (current) - NanoPi M4: Nextcloud, Plex, & Heimdall - Acer Aspire T180: backup - Odroid XU4: Pi-Hole (DietPi) - Odroid HC2, Raspberry Pi 3B+, and HP dx2400: testing.

  • You can do it with Filezilla using SFTP (ssh file transfer protocoll).

    For this you need a user in the ssh group. "root" will do as well.


    Another option is to copy the file to a smb share. Then copy it from the CLI to the location on the root filesystem using cp command.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!