[MOD][OOS] Add Custom background to QS panel

[ungeeked]

Introduction
Some of you may know me from my H2O2 accent color mod for OOS. To further add customization to OOS, I have made another mod. This is inspired by substratum themes that add beautiful backgrounds to Quick settings panel. So I decided to make a mod to add this functionality

Features
- Based on VRTheme engine
- Cross compatibility with any other mods that you may be using like my own H2O2 mod or the ones made by KPChuck or v.konvict
- Support for op3 and 3T

Instructions

• Please not that not following these properly will make your systemUI to crash at boot
• First of all, you need to create a folder named "QS" in your Internal Storage (/sdcard)
• Within the QS folder, you need to have a .png file that will serve as your background image. Rename this file as customqs.png (dont add double extensions)
• Recommended dimensions for customqs.png image are 1080*800 pixels.
• You can use snapseed or picsart to crop your images and jpg2png.com to convert your jpgs to pngs
• Remember to only use pngs. jpgs are not supported
• Once you are done setting up everything, just flash customqs.zip and reboot
• To change image, delete the png from QS folder and add new image. Then flash zip again

Here is a video by GIS on youtube
https://youtu.be/gRNKYTKk3cs

Downloads
https://www.androidfilehost.com/?w=files&flid=178441

Credits
@Spannaa for his VRTheme Engine
@Kickoff for his modifications to theme template for our devices
@mido25 and Shubhojit for testing this

 

[ungeeked]

https://drive.google.com/open?id=0B9G2t081E0HwWGcxSXZCdVBxVVE
Zip contains a few ready to use pngs. Just extract the images in QS folder and remove the number (1), (3) etc at the end of their names and then flash CustomQS.zip

Some more pngs by @neildalal
https://xdaforums.com/showpost.php?p=71557053&postcount=57

 

[mrblackthorne]

Awesome. Thanks for the great continuous work

 

[KpChuck]

I tried flashing this: made QS folder, extracted the qs folder that you uploaded into it, removed the (1) from one of the pngs. But after flashing this my phone booted up to a black screen. I got out of it by re-flashing my black theme mod in recovery. Do you know what's going wrong?

 

[ungeeked]

I tried flashing this: made QS folder, extracted the qs folder that you uploaded into it, removed the (1) from one of the pngs. But after flashing this my phone booted up to a black screen. I got out of it by re-flashing my black theme mod in recovery. Do you know what's going wrong?

4.1.0? Shouldn't happen. I tested it myself extensively

 

[KpChuck]

4.1.0? Shouldn't happen. I tested it myself extensively

I'll Maybe some substratum theme is messing it up. I'll try again later with all of them uninstalled

 

[ungeeked]

I'll Maybe some substratum theme is messing it up. I'll try again later with all of them uninstalled

I flashed stock systemUI and then this mod. Working fine at my end

 

[Aldideos]

New version available, check post #30, it is flash and go. Unified version Magisk & System. No need to flash Mount Magisk. For systemless install only keep active my modules on magisk.

Old version:
I made two versions of this mod to work with my two magisk module.
CustomQS Magisk (H2O2-Color module only)
CustomQS Magisk (Black Notifications)
If you use both my modules use Black Notifications version

How to flash:
Remember to create the dir QS on sdcard and copy the file .png like ungeeked said.

Boot Twrp
Flash Mount Magisk
Flash one of the two zip

No need of a revert script, you can just reflash my module.

@ungeeked I have problem with @v.konvict theme and this mod. The notifications turn white after the flash. I tried also the original zips and it's the same. I think something broke the theme. However Custom QS works great.
Edit: fixed in v0.5, please read post #17

 

[ungeeked]

I made two versions of this mod to work with my two magisk module.
CustomQS Magisk (H2O2-Color module only)
CustomQS Magisk (Black Notifications)
If you use both my modules use Black Notifications version
@ungeeked I have problem with @v.konvict theme and this mod. The notifications turn white after the flash. I tried also the original zips and it's the same. I think something broke the theme. However Custom QS works great.

Oh. I'll fix the problem issue with vkonvict's mod in next version. Didn't give it a thought.

 

[Aldideos]

Oh. I'll fix the problem issue with vkonvict's mod in next version. Didn't give it a thought.

OK, thanks
If you want to put in the OP the zips I made. Revert zip is not needed in magisk because you can overflash the module.
However great work.
I upload in H2O2 thread the magisk version and I go to bed.

 

[AcmE85]

@ungeeked
I just got a great idea for a QS Background.
You mentioned in a previous post that this will also support transparency, right?

What about a png that starts of at the top with the same color as the QS header
and slowly fades into a ~50% transparency gradient?!

 

[ungeeked]

@ungeeked
I just got a great idea for a QS Background.
You mentioned in a previous post that this will also support transparency, right?

What about a png that starts of at the top with the same color as the QS header
and slowly fades into a ~50% transparency gradient?!

Png supports transparency. So yes you can create a transparent gradient in Photoshop and use it.

This is the exact reason I posted this. Possibilities are limitless.

New version will remove incompatibility with other mods, probably all oos N version will be supported.

 

[ungeeked]

Uploading a test build. It should work fine.

Edit: link updated in OP (V0.5)

I have removed dependency on resources.arsc by using a png already present in systemui. Thanks OnePlus for all the bloat. It may appear a crude method but now it this should work fine with any other mods including dark notification ones. Also may work with ob12. Please test and report. Thank you

 

[KpChuck]

Uploading a test build. It should work fine. https://drive.google.com/file/d/0B9G2t081E0HwdFBpNksxUmFNb00/view?usp=drivesdk

I have removed dependency on resources.arsc by using a png already present in systemui. Thanks OnePlus for all the bloat. It may appear a crude method but now it this should work fine with any other mods including dark notification ones. Also may work with ob12. Please test and report. Thank you

Awesome, works great

 

[ungeeked]

Awesome, works great

Finally :highfive:
@aldidios you may magiskify this. I don't think it would need an upgrade unless OnePlus changes specifically the 2 files I'm using​.

 

[silentvisitor]

Awesome, works great

Plz share a screenshot.
Thanks :good:

 

[Aldideos]

Finally :highfive:
@aldidios you may magiskify this. I don't think it would need an upgrade unless OnePlus changes specifically the 2 files I'm using​.

Please copy the png photo onto QS folder and still flash Mount Magisk before these zips.
How to flash: #8

CustomQS v0.5 Magisk for Black Notifications module

CustomQS v0.5 Magisk for H2O2-Color only module

@ungeeked now the mods works great :good:. Later today I'll unify my two zips and I'll make an automatic choice between Magisk and system mod(your original). I'll try also to make the zip auto-sufficient importing Magisk mount onto the zips.

 

[ungeeked]

CustomQS v0.5 Magisk for Black Notifications module

CustomQS v0.5 Magisk for H2O2-Color only module

@ungeeked now the mods works great :good:. Later today I'll unify my two zips and I'll make an automatic choice between Magisk and system mod(your original). I'll try also to make the zip auto-sufficient importing Magisk mount onto the zips.

0.5 doesn't need two different versions for black and normal notifications. That's what I fixed

 

[KpChuck]

Plz share a screenshot.
Thanks :good:

Just like the ones in the description

 

[Aldideos]

0.5 doesn't need two different versions for black and normal notifications. That's what I fixed

The two versions are due my modules have two different folder in Magisk. If you see the script you can see that black notifications looks in /magisk/Black while H2O2 only looks in /magisk/Color. I can't change the folder name of the modules because Magisk doesn't allow me to have only one module with your work and v.konvict one. However I found a solution to that but I need a computer, I'm at the university right now. I'll make also a pre-work for when you completely switch to VRThemeEngine on H2O2