How to Add a Custom Background in Phosh?

Phosh is one of the most popular graphical shells for mobile touch devices. It was created as a graphic shell in Purism’s Librem 5. Phosh can also be found in Pinephone with Mobian, postmarketOS or Manjaro.

How to Add a Custom Background in Phosh (lock-screen and app-grid)?

Just create a file (remember to change the path to your file with wallpaper):

nano ~/.config/gtk-3.0/gtk.css

/*

    Set a background for the lockscreen.
    */
    phosh-lockscreen, .phosh-lockshield {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(‘file:///home/manjaro/background.jpg’);
    background-size: cover;
    background-position: center;
    }

/*

    Set a background for the app grid.
    */
    phosh-app-grid {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(‘file:///home/manjaro/background.jpg’);
    background-size: cover;
    background-position: center;
    }

source: https://www.reddit.com/r/pinephone/comments/mgq7n2/want_to_set_a_custom_background_to_phoshs/