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)?

Custom background in #Phosh (lock screen and app grid)? What do you think about it? 🙂 pic.twitter.com/Scs4QPtUxW

— FOSS2go (@foss2go) March 31, 2021

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/