yashsingh1/xdaforums huggingface dataset:
[Android Themes] MKUltraBlack:
Tried using diffmerge and applying the extra lines etc. But just ended up in twrp splash loop and had to flash stock to get rid of it ?

I must be doing something wrong but not sure what lol

Going to keep trying but this is what happens everytime I try to do a flash zip
[Android Themes] ze7zez:
Select Storage

I am building a theme for a screen with a damaged touch screen in the center horizontal of the screen.

I have rebuilt a lot myself, but in ui.xml I can't find the Y position to "Select Storage".

Will anyone help me?
[Android Themes] MKUltraBlack:
It's in portrait.xml

About line 4737 called

<page name="select_storage">

it says y="%row5_y%"

It's also made up of partitionlist_storage which is at line 127 of same xml and gives y="%row5_y%"

In ui.xml in the variables column, name"row5_y" value="512"
[Android Themes] ze7zez:
Thank you for the incredibly quick response.

Almost at the same time I found "row5_y" for "select_storage" and "row14_y" for "OK". :highfive:
[Android Themes] MKUltraBlack:
I added an extra bit of code in portrait.xml to display a pic as background, declared it in resources and put png in images folder after that have any pic you want for it ? just made the rounded shape on a transparent background pic size 1080x1920
[Android Themes] MKUltraBlack:
Would it be ok to share that pics on my twrp theming telegram group, that's a smart work around, just to show people for an example ??
[Android Themes] ze7zez:
Use at your discretion. :good:
[Android Themes] aiamuzz:
[MENTION=4315759]Schnedi[/MENTION] ...

nice ... how were you able to get it up and running on twrp 3.3.1-0 ... ???

i flashed the zip from OP but i am not getting the change icon screen when i select 'Reload Theme' ...

Also can you post how you played around the colors ?

you could PM(DM) me or open a new thread with the steps to modify the colors ?

Cheers !
[Android Themes] MKUltraBlack:
Try this for twrp theming

https://xdaforums.com/android/themes/twrp-theming-tutorial-t3960920
[Android Themes] aiamuzz:
[MENTION=1971621]fichi[/MENTION] ...

I recently upgraded to TWRP Ver. 3.3.1-0 ... i am getting the error .

"Custom theme version does not match TWRP version.
Using stock theme"

can you please upgrade the version of your theme collection to work with the latest version of TWRP ?

thanks.
[Android Themes] fichl:
V3 versions of my theme should work.

At least it does for me.

Which theme version did you use ?
[Android Themes] mchtt:
For Amoled screen i edited your black theme with background-color = #000 instead of #070707 :D
[Android Themes] Revan335:
Hey,

works the themes with the new 3.4 Version of TWRP or is a update of the themes available?

Many Thanks!

Regards

Revan335
[Android Themes] fichl:
It's still working... no need for an update...

Cheers
[Android Themes] Revan335:
Can you Update your Themes?

I have a Message in TWRP 3.5.x that your Theme are incompatible.

Many Thanks and Happy New Year!
[Android Themes] fichl:
yeah, twrp 3.5.x introduces themeversion 4...

going to have the update ready very soon.

cheers
[Android Themes] fichl:
twrp theme pack v4 is ready for twrp 3.5.x android9 images in post #1.

i didnt test the method to change the splash screen but i guess it will still work as usual.

twrp 3.5.x android10 image have different portrait.xml and language files,

so the android9 theme pack wont be compatible with android10 images.

android10 theme pack will follow in the near future.

if you made custom user themes for my pack you will need to edit the ui.xml file in order for them to work in v4.

change:

<themeversion>3</themeversion>

to

<themeversion>4</themeversion>

and add the line

<variable name="listbox_advanced_height" value="700"/>

after line 205

that should be it.

cheers
[Android Themes] fichl:
added android10.x theme pack v4 to OP.

i took twrp image from pixel4 as reference...

which is the only twrp android 10 image i could find.

enjoy
[Android Themes] mauam:
You're the man:cool:
[Android Themes] Oblias:
For future information... V4 also works in Android 11. Some might want to know that..
[Android Themes] fichl:
is there even any android11 twrp image? if yes, can you send me a link to the img file ?

In order to change the theme from within twrp i had to modify portrait.xml.

this file is different in android9 twrp images compared to the few android10 twrp images i could find.

So using android9 theme pack on android10 twrp image would "work" but you would loose some functions / menus / translatios...

cheers
[Android Themes] Oblias:
I'm just using the new TWRP Official 3.5.0_9-0 for my device, and as I say, I can choose from any of the themes within the pack after I flash your zip file. It even respects the option to make the header dark, which for me, is what I like best. I have not lost any functions / menus / translations at all.

This might be a little OT, but while I'm at it, I have also discovered that this version of TWRP will also now let you restore a Nandroid backup, and it actually works!! I haven't been able to do that for a couple of years. I always got some sort of error when restoring in the past couple years, no matter what the ROM was that I used.

Also OT, but useful information, is that now with this version of TWRP, if anyone is inclined to use Magisk for root in an Android 11 ROM, you can use the newest version of Magisk, and it works just fine. Before you would have to use a debug version of Magisk, and change the manager to an older version that was hosted on a special server... I mean, it got the job done, but you had to jump thru hoops to get there.

Now it's just like in the past... Flash TWRP, flash Magisk 21.2, and everything is golden! (y)
[Android Themes] rippledrums:
Hi,

First of all I'd like to thank you for your work on this @fichl

I'd like to know though, how I'd go about making a user theme that's basically the stock twrp theme, but instead of the blue parts, I'd like to set another color.

I have very little experience with XML files so if you or anyone could point me to the values I need to change I'd appreciate it.

Keep up the good work 👍
[Android Themes] scoobyjenkins:
You'd need to edit a lot of the images as well. For the XML files you can compare the original TWRP files with those from an existing theme to get an idea of what to change, then it can be trial and error.
[Android Themes] fichl:
exactly,

to get a better understanding about the colors i recommend using visual studio code with the colorize extension.

open stock ui.xml and user ui.xml, select both and choose compare in the context menu and you will see all edits in the user ui.xml with visualized colors.

View attachment 5191421

View attachment 5191423

make your changes, save and replace the xml file and the edited images to ui.zip and youre done ;)

cheers
[Android Themes] soilentgreen:
Edit: nevermind I succeed to change all fonts.

I edited

DroidSansFallback.ttf

DroidSansMono.ttf

NotoSansCJKjp-Regular.ttf

RobotoCondensed-Regular.ttf

with FontCreator and replace them with the originals.

hey @fichl, thank you for your themes they are great!!

I'm with note 8 pie, and twrp 3.5.0_9-0. I want to change the font. how can it be done?

thanks
[Android Themes] soilentgreen:
Hey,

I use pack v4 android 9, fichls red theme.

How can I add background image to the theme?

Thanks
[Android Themes] fichl:
Add your background image to ui.zip/themes/fichl_red/images/

In best case make it the same size than your native screen resolution.

Then edit ui.xml in the ui.zip/themes/fichl_red/ folder to load the image background.

You can compare the original ui.xml file with the one in imagebg folder to see how.

This will make the twrp interface a bit laggy though...

Cheers
[Android Themes] soilentgreen:
Thank you. :)
[Android Themes] soilentgreen:
@fichl , Can you help me with the background image?

after I put bacground.png of 1080X1920 resolution in fichl_red/images/ , compare the ui.xml of fichi_red to ui.xml of imagebg, and changed/add some codes, twrp stuck on splashscreen.

I noticed that there is some difference information between the two .xmls:

in imagebg/ui.xml the length and the pos are 26,565, and in fichl_red/ui.xml they are 26,563.

I can't find any difference in the code.

I attached the ui.xml of fichl_red I compare and edit, and the bg.png.

Can you please look and tell me what the problem?

Thank you very much!
[Android Themes] fichl:
looks good to me...

you could try to use your bg image in the imagebg theme (just replace the png, not changing the ui.xml).

what other changes did you make ?
[Android Themes] soilentgreen:
I changed few Icons.

All work except when I add the BG.

I'll try later to replace the png.

Thanks.
[Android Themes] soilentgreen:
Hey @fichl

When change pics or add/change code, twrp can get stuck on bootloop or stuck on splashscreen, and the solution would be flash the twrp image.tar via odin.

But this is not work all the time. I flash the image.tar time after time (no less than 15 times), and other twrp virsion until it "stick".

I think what cause it is the change we made to twrp theme is still there after the flash.

So maybe there is way to pass this by add scrip to delete the themes, and activate it when we change things?

I suggest it because it can be nightmare to flash twrp time after time ( reboot, enter to download mode, reboot again..) and hope this time it "stick".

What do you think?
[Android Themes] fichl:
I never had such issues...

Also you don't need to reflash twrp when the ui.zip is broken.

Just boot into system, delete or rename the ui.zip and twrp should load fine...
[Android Themes] soilentgreen:
When it happens to me I can't boot to system.

It boot only to recovery.

Thanks anyway.
[Android Themes] soilentgreen:
hey @fichl ,

Thank you very much for your help.

Finally I succeeded to add background image. The problem was with the image.

But I need help. the background appears only when I untick "use only theme color with dark headers"

there is any way to tick "use only theme color with dark headers" so all will be red with the background?

please, can you help me?

Thanks again.
[Android Themes] fichl:
the dark header themes are all seperate themes found in /themes/00_dark_headers/ subfolders.

so if you want your image in the red theme with dark headers you will have to put your image there and modify that ui.xml
[Android Themes] soilentgreen:
Thank you very much :)

I'll try.
[Android Themes] soilentgreen:
Want to say thanks to @fichl and @MKUltraBlack for their help. Thanks to fichl thread and MKUltraBlack tutorial I finally made my themes for twrp :)

View attachment 5240713View attachment 5240715View attachment 5240717View attachment 5240719View attachment 5240721View attachment 5240723View attachment 5240725
[Android Themes] DuskGolem:
Hello @fichl

First of all, great work with this theme zip. It works perfectly except when I use the image background theme. First of all the image background theme included in the zip file has the "background.png" with size 1200x1920 which I guess is for landscape devices. My device is Galaxy A8 2018, running android 9.0 stock and twrp 3.5.1_9.0 and your theme v4. Now my device has somewhat of an odd screen size (1080x2220) but a 1080x1920 background image works perfectly (I tried modifying the image in your theme folder and it worked).

Now, the real problems are, first while using the image background theme, even after fixing the background.png resolution, when I open the terminal the twrp logo on top left side of the screen does not disappear behind the terminal screen, second if I press the console button (hamburger button in navigation bar) at twrp homescreen, the result is the same as first problem, the whole screen background remains unchanged and the console is displayed on top of it like a mess. Finally the third problem is that when I use the image background theme the whole UI becomes laggy unlike to if I use a non-image background theme. (this one is particularly annoying since even taking screenshots changes the color of the pic itself, see the attached pics set 2).

I am attaching screen shots sets, set 1 with a normal theme and set 2 with the image background. Kindly help me fix these issues...

P.S: I didn't changed any xml file, only the background.png file in the image theme folder....

(COMPARE UP-DOWN PAIRS)

View attachment 5255033View attachment 5255035View attachment 5255037

View attachment 5255039View attachment 5255041View attachment 5255043
[Android Themes] fichl:
Hi Adil, right now i dont have any fixes for that.

Using background images will make twrp laggy... lower filesizes may decrease lag.

the problem in your 2a screenshot seems to be a too small image (thats why you see the stuff below near the buttom of the screen.

for the logo in terminal and the hamburger menu i couldnt do better than that.

its either like that or with a solid color background.

i didnt bother to spend hours finding a fix for those things because i am not using background images because of the lag...
[Android Themes] DuskGolem:
Yes the 2a screenshot is just for reference, as I mentioned in my post it is fixed by using a 1080x1920 pic, the pic in your original zip is for lanscape mode which is why it is small for my portrait device.

For the other two problems, A potential fix which I think will work is to use solid color for the backgrounds of these two places (screenshot 2b and 2c). I read in @MKUltraBlack Thread that it is possible to use different images in different pages so can you tell me in which file can I find this? The transparency color and the image mod is in ui.xml so should I mod that or the portrait.xml?
[Android Themes] fichl:
theres a template called page in ui.xml which is then loaded in portrait.xml to all individual screens.

you could add additional templates with different images to ui.xml and then load those for the screens you like in portrait.xml.
[Android Themes] fichl:
so, i had some time to take a closer look...

the 2 screens are defined in portrait.xml as:

- <page name="terminalcommand"> (Terminal)
- <page name="slideout"> (console via hamburger menu)

both are set to load

<fill color="%background_color%">

which in the BGImage theme is set to #07070700 in ui.xml.

the last 2 zeros are for opacity, meaning fully transparent , which causes issues 1 & 2.

to set a solid color background for those 2 views you could edit portrait.xml in the 2 sections to a new color variable (eg background_color_terminal) and define it then in ui.xml to #070707FF (FF - no transparency).

or you could load the background images or a different image as background by adding:

<image>
<image resource="bg_img"/>
<placement x="0" y="0"/>
</image>

after

<fill color="%background_color%">
<placement x="0" y="%row2_header_y%" w="%screen_width%" h="%slideout_bg_height%"/>
</fill>

in both

- <page name="terminalcommand"> (Terminal)
- <page name="slideout"> (console via hamburger menu)

in the console view the background image will overlap the navbar making it invisible, but it still works.

im not sure why but it seems the background image for the console view needs to be some pixels shorter to avoid this.

cheers
[Android Themes] DuskGolem:
Man, I wish I had read your post beforehand, it would have saved me alot of time😅😅😅. Anyhow, I just finished modifying the portrait.xml and ui.xml in my own way. Fixed all the issues except for the performance lag, which I don't know why it does. I used picture backgrounds everywhere although I had to modify the sizes accordingly to avoid any overlapping (because the twrp is made for 1080x1920 size screen so different screen sizes is a hurdle for picture background themes). I also used picture background for the storage selection overlay background since it was also transparent and was mixing up with the background content.

One totally annoying thing was this little code snippet in the page template in ui.xml,

<button>
<condition var1="tw_busy" var2="0"/>
<placement x="0" y="0"/>
<image resource="logo"/>
<action function="key">home</action>
</button>

Due to this, modifying the terminal page in portrait.xml had no effect whether I used the picture background or the solid color, the annoying twrp logo in the top left corner just kept popping up due to the template being called in the terminal page in portrait.xml. I had to copy paste the page terminal in the ui.xml and remove the above snippet from it and it worked flawlessly. Thanks for all the help man😀😀😀

View attachment 5256321View attachment 5256323View attachment 5256325View attachment 5256327

NOW ONLY IF THE PERFORMANCE COULD BE IMPROVED WITH THESE BACKGROUND IMAGES, I TRIED MY BEST TO KEEP THE IMAGE SIZE UNDER 200 KBs BUT IT DOESN'T IMPROVE THE PERFORMANCE...
[Android Themes] soilentgreen:
Hey @fichl since version twrp 3.5.1_9-0

I get "stock theme version does not match twrp version"

It can be ignored? There is a way to fix it?

Thanks
[Android Themes] fichl:
I don't get that... So unless you tell me what theme you use with what image I can't tell...
[Android Themes] soilentgreen:
Its happen with my own themes

User 1-4.

Maybe it's because the pics resolution?

I use 1080x2220 pics.

Maybe need to change the resolution on the code itself because it 1080x1920 in the code?
[Android Themes] fichl:
Nah, I doubt it's the images.

The error tells you that the theme version of the theme doesn't match the theme version the twrp image you flashed. The theme shouldn't load then...

So that error is only with your user folders but not with the fichl themes?

Also you didn't mention what twrp image you use...
[Android Themes] soilentgreen:
I got the error a few days ago, when I reflash the zip the error gone. but today the error back.

I use 3.5.1_9-0 image.

The error happen on all themes. I just check.

What so weird is that all the themes are load even with this error.
[Android Themes] soilentgreen:
@fichl I checked and this is whats going on with the error:

After I flash the zip or after a reboot to recovery I get this "stock theme version does not match twrp version" error.

It's happening with any theme fichl or user.

If I reload other theme, fichl or user the error disappeared.

The error doesn't has any affect on twrp.
[Android Themes] fichl:
I can't reproduce the error... Even with your zip...

So unless you send me a link to the twrp image you're using there's nothing I can do..
[Android Themes] fichl:
Ups... Xda app double post...
[Android Themes] soilentgreen:
When I think about it I wanted to deleted the version number in twrp itself under twrp header "theme win recovery project".

I deleted the code that in the pic from ui/portrait/and all the ui in the themes zip and I think from the .img too.
[Android Themes] soilentgreen:
Deleted
[Android Themes] fichl:
so the themeversion from your image is 4, just like any other 3.5.1 image.

the issue youre having might be because of your mods in portrait.xml or the image itself then.
[Android Themes] soilentgreen:
Hey @fichl,

Thanks for the help.

So what I need to do for fix the error?

Should I re-write the code I deleted from protrait.xml?

I want to delete the version number in twrp itself under twrp header "theme win recovery project" without the error.

Thanks again.
[Android Themes] fichl:
Yeah, revert your changes in the image and in portrait and see what happens... Why do you want to delete the version number anyway?

Some posts above is a fix for the background...
[Android Themes] soilentgreen:
Thanks I'll try
[Android Themes] scorpio76r:
Thanks works perfect and, works great on my oneplus 6t international converted running latest oxygenOS and, latest official twrp.
[Android Themes] nancymary101:
cool works well on my device!
[Android Themes] Revan335:
Ready for TWRP 3.6.x?
[Android Themes] DuskGolem:
Yes, it is working just fine on my A8 2018 with latest 3.6 twrp
[Android Themes] NonStickAtom785:
Hey as a general question what do you use to create these theme? With Android 12 becoming more and more popular I was trying to make my own material you theme. I also know that these themes are one thing. The layout is a whole other one. It would be nice to see a desktop layout and other non bulky button. The theme in TWRP is old. Gotta look for a radical redisign lmao
[Android Themes] Revan335:
Please update for TWRP 3.6.1. @fichl
[Android Themes] fichl:
Weird... ist seems in twrp 3.6.1 they changed the themeversion from 4 to 5,

but no additional changes were made...

So that will be a quick one...

Might be ready later on today.

cheers
[Android Themes] fichl:
theme pack updated to themeversion 5

get it in Post#1

if you are using your own variations in the user folders :

all you have to do is to change

<themeversion>4</themeversion>

to

<themeversion>5</themeversion>

in ui.xml and splash.xml

thats all ;)

I only updated the old android10 theme pack but i´ve seen there is a android 11 branch and soon there will be an android 12 branch... both require proper updating of the android10 theme pack,

but right now i dont have time to look into that.

Maybe in the near future.

So be aware that if you use the android 9 or 10 theme packs on a twrp android 11 branch image,

you´ll most probably wont get some of the newer features shown in the ui until then.

So you might want to compare the ui themed and stock in this case to understand what buttons will be missing.

ATM i dont have any devices capable of running android 11 twrp images, so i cant test it myself...

cheers
[Android Themes] MJPollard:
FWIW, the only branches that the TWRP team seems to be keeping up to date are 9 and 11 (and I presume 12 will join them eventually); the 10 branch appears to be dead, as the last merged commit in the TWRP Gerrit is from September 2021 (and the last open commit is from August 2021).
[Android Themes] levone1:
@fichl (or Anybody here) - know how to increase max brightness in TWRP? Using 3.4 on Android 10. Max brightness in settings is still too dim to see clearly in daylight. Maybe some value I can change in the IMG or... ?
[Android Themes] fichl:
Just added fichls_twrp_theme_pack_v5_android11_flashable.zip to post#1.

I cant test it, but i t should be fine.

Please leave some feedback if there are any issues.

Also i removed fichls_twrp_theme_pack_v5_android10_flashable.zip

because its obsolete.

enjoy
[Android Themes] ThigSchuch:
What about porting this to 3.6.x?

https://xdaforums.com/t/theme-twrp-twrp-materialised-black-dark-light-play-discontinued.2915584/
[Android Themes] Nimueh:
Any way to fix those errors in 3.6.2 @fichl ? I mean the theme works but I have NO idea what theses errors mean, which images aren't showing (properly?) now 🤷‍♀️

Other than that the theme works fine + looks great, just those red writings are annoying :LOL:
[Android Themes] fichl:
Which color settings do you use?

Seems like some lines in ui. xml are misimg
[Android Themes] Revan335:
Cyan and/or dark header.

I have the same issue.
[Android Themes] geek09:
Works for me. Tnx.

View attachment 5705237View attachment 5705239
[Android Themes] azZA_09:
@fichl is there any version for notched/dot devices (I have a Sammy N20U). I tried to use a template from this

https://gerrit.omnirom.org/c/android_bootable_recovery/+/20701/ which should implement something for notched devices, but unfortunately I didn't see any results in your themes.

Or at least point to something to start my trial-and-error?

Thx in advance
[Android Themes] DuskGolem:
@fichl AFTER SPENDING ALMOST 12 HOURS MESSING WITH UI.XML AND PORTRAIT.XML FILES FROM YOUR THEME PACK, UPDATING THEM BASED ON THE CHANGES (MOSTLY RELATED TO DYNAMIC PARTITION DEVICES) IN TWRP V3.6.2 AND AFTER FLASHING IT I WAS UNABLE TO SOLVE THE ERRORS AND IN THE END I DELETED ALL THE UPDATED FILES THINKING I MESSED UP SOMETHING ELSE. AFTER WASTING ANOTHER HOUR OF FRUSTRATION, I FOUND OUT THAT THE MISSING LINES WERE FROM THE "LANUGUAGE FILES" WHERE ALL THE STRING DECLARATIONS ARE MADE SO APPARENTLY YOU DIDN'T UPDATE THEM. ADDING INSULT TO INJURY, NOW I AM BACK TO SQUARE ONE PULLING OUT THE HAIR ON MY HEAD (OR WHATEVER'S LEFT OF THEM :ROFLMAO:. NOT COMPLAINING BTW). ANYWAYS, I WILL PROBABLY TRY TO UPDATE THE FILES AGAIN TOMMOROW AND WILL SHARE IT HERE WHEN DONE SO, CHEERS;).
[Android Themes] parag0n1986:
What color do you want? I figured it out on the 8T