yashsingh1/xdaforums huggingface dataset:
[Android Themes] z31s1g:
With the play theme as base, you'd have to edit the xml to use some color values from the dark theme.

Images will be a mixture of the play theme (app bar for example), dark images (the grey buttons) and some images you'd have to create yourself.

In a little more detail:

compare the xml of the light and the dark theme to understand their differences and where to find them (color definitions)

compare the xml of the light theme and the play theme (play is based on light and uses most of the light images, but is more complex to achieve the "one color per section effect")

compare the images of the dark and light theme (dark colored text vs light colored text, shades of grey that are used for checkboxes, horizontal lines, sliders, progress bar etc)

play also uses more images than light, you'd have to identify those (and create the delta using the dark color patterns)

you'd have to create all main menu buttons from scratch, using the color pattern of the dark theme (dark colored text vs light colored text)

there are more little details like finding the color for the "dynamic" text on the extended app bar (the "breadcrumb" is a png with slight transparency, so the text color blends with the app bar color - but the "dynamic" text in the extended app bar is rendered by the recovery and can't have transparency applied; so you'd have to find out the value of the blended color and use it for the dynamic text)

Being able to read the xml and understand the patterns that differentiate light from play and light from dark is key to creating a "perfect" dark play theme. For the pngs I could provide you with the SVG sources, but you'll still have to create the required images yourself with Inkscape (or Illustrator).
[Android Themes] z31s1g:
Well, that was quick.
[Android Themes] franzyroy:
Glad that you've successful, however I think you should change a bit theirs names to avoid to confuse mine and yours for the people here.

---------- Post added at 06:03 PM ---------- Previous post was at 06:02 PM ----------

Otherwise, I'll take a look! ;)

---------- Post added at 06:12 PM ---------- Previous post was at 06:03 PM ----------

The idea to take the "Play" version to make your themes is good, it lightens it considerably and must to have an impact on the starting of recovery.
[Android Themes] tiaoalvino:
Thanks, I want them. :good: The buttons for the File Manager options (chmod, copy, etc.) are not yet the way I wish they could (colored icons and white text). ;)

:D

I've changed the names for clarification. :good:

I've used the Play theme as base, and changed some PNGs using your versions for dark and black, and changed only these lines at ui.xml, changing the values for your dark and black versions:

<variable name="background" value="#F3F3F3FF" />
<variable name="text" value="#3B3B3BFF" />
<variable name="console_foreground" value="#3B3B3BFF" />
<variable name="linecolor" value="#D0D0D0FF" />

Screenshots Gallery (If Error 500 appears, please, refresh the page)

TWRP Materialised Black Play Theme

TWRP Materialised Dark Play Theme

;)
[Android Themes] franzyroy:
[MENTION=5400071]tiaoalvino[/MENTION]

We can't see your links above!
[Android Themes] tiaoalvino:
If Error 500 appears, please, refresh the page. :good:
[Android Themes] franzyroy:
OK man! ;)

---------- Post added at 08:01 PM ---------- Previous post was at 08:00 PM ----------

Always same! :(
[Android Themes] tiaoalvino:
I don't know why this is happening. :(

The albums are configured as Public, and when I try to access them via these links, this Error 500 message is always appearing. But, at least here, after refreshing the pages some times they appears normally.
[Android Themes] zouhaier1:
Any chance for 2560×1440 resolution (note 4)

sent by my N9005 running AryaMod ROM
[Android Themes] franzyroy:
You have to share them with all!
[Android Themes] tiaoalvino:
I've already done that, they are configured as Public at Google+.

I've found this at https://productforums.google.com/forum/#!topic/picasa/tf2_oTAopeo[1-25-false]
[Android Themes] franzyroy:
It's good, i see all now. Great work! ;)
[Android Themes] str8str:
Why are these zips shi small? Are they the actual theme?
[Android Themes] tiaoalvino:
Because they are based on the TWRP 284X_v2 version of the Play theme, which has a smaller size when compared to Light/Dark versions.
[Android Themes] javelinanddart:
Can you do it for TWRP 2.8.1.0??
[Android Themes] droidbits:
[MENTION=5400071]tiaoalvino[/MENTION]

Hi.

I suppose that the requests begin now. ? You started this thing lol.

So here it goes: any possibility in your spare time to make a version for 2.8.4.0 and 1440x2560 please?

I think it was a great idea to match the colour of the menus with that of the buttons. Very nice version.

This being said, I also love the work by the OP's. Very happy with that also.

Thank you all. ?
[Android Themes] ChinmayKunkikar:
Here. These are (almost) latest.

http://xdaforums.com/showthread.php?p=56690701
[Android Themes] Raiden Skywalker:
Its working on 2.8.1.0 bro.. in fact the theme is compatible up to 2.8.3.0 :)
[Android Themes] javelinanddart:
Thanks, but is it just me or are the fonts a little too big? The TWRP Setting Page (with the zip signature verification and stuff) I can't read the full option like I should be able to
[Android Themes] Raiden Skywalker:
Well I'm not sure bro.. I don't have such an issue, you could try the new version from here [THEME][TWRP][P/U/Sola/Go] TWRP Materialised - Dark / Light / Play ported by DarkFalcon
[Android Themes] eastitus:
Changing Theme inside Settings

Just confirming if I understood this correctly. Am I right that doing simply just places ui.zip to the proper location? Meaning that if I wipe my internal storage when flashing a different rom then I have to re-place the ui.zip again?
[Android Themes] z31s1g:
That's right.
[Android Themes] Opentang:
Correct, unless you've manually baked the theme into your recovery.img
[Android Themes] Papanik:
Everything works great on my Xperia Z1 CM12 with TWRP 2.8.4. Thanks a lot!
[Android Themes] KreAch3R:
[MENTION=2719389]z31s1g[/MENTION] Hello again,

I am using a 480x800 port of the theme on the Nexus S and I want to eliminate the on screen buttons and use the capacitive ones. I noticed some "touch key=power" on the .XML, but I can't find documentation about twrp theming, except for the one page in TWRP site, which is not very helpful about that. Can it be done?
[Android Themes] franzyroy:
Look, I changed the theme infos in your versions, this should please you! :cool:
[Android Themes] z31s1g:
The ui.xml contains a templates section. First template is <body>. Remove everything but the first line (it defines the background color for all pages), and the buttons are gone.

But that's only the easy part. To do it properly, you'd also have to remove the "Samsung layout" option from the theme settings page, and change the height for file lists (add the height that the buttons had), otherwise you'll be left with blank unused space at the bottom of pages that show file lists (e.g. the install page where one picks the zip).
[Android Themes] tiaoalvino:
Oh, thank you very much! :)

But all the credit goes to you and [MENTION=2719389]z31s1g[/MENTION] who did the hardest part of the job. :good:

Greetings!
[Android Themes] franzyroy:
It's also written ! ;)

[MENTION=5400071]tiaoalvino[/MENTION]

Look the screen below
[Android Themes] tiaoalvino:
Great! :D
[Android Themes] KreAch3R:
Thanks for that! I had wrapped my head around that; I was asking especially about the capacitive buttons functions. How will I make the menu button work like your overlay command button (don't remember the name, on mobile now)?
[Android Themes] :
Black screen in recovery

Hey z31s1g,

just wanted to report a problem when changing the splash screen (HTC One, M7, TWRP 2.8.4.0). I did it, following your step-by-step-guide, so far so good. But after flashing, when I boot into recovery the screen is just plain black :( Testing with same dl/version without modification went fine....any idea? :confused::crying:
[Android Themes] franzyroy:
Was it the good resolution?
[Android Themes] :
The "right" resolution for my device is 1080p. Took one from the preview images...they had a 1080p resolution...?
[Android Themes] droidbits:
Hello [MENTION=2875350]franzyroy[/MENTION]. Good to chat with you again. ?

Yes. Same here. I got into a bootloop. Even after flashing with Flashify I could not get out of it.

Yes, I checked the resolution and it was compatible.

Please see the below link at post #51 so as to read the whole situation and help you understand what went wrong. It is vast to write again here.

I really appreciate if you read it and give me some feedback.

http://xdaforums.com/showthread.php?t=3002600

Cheers mate!

Edit: Maybe I committed some mistake in the process but I don't think so. I am very curious to know what went wrong since I was so careful following instructions. ?
[Android Themes] z31s1g:
Back in my HTC OneX days I tried what you're currently attempting. Back and Home button where working the same as the on screen buttons, but the menu button didn't bring up the console overlay.

I've come to believe that it's not possible to address the hw menu button, but might be I just had the wrong approach.

Back and Home button can be triggered using:

<object type="action">
<touch key="back" />
<action function="page">%tw_back%</action>
</object>

<object type="action">
<touch key="home" />
<action function="page">main</action>
</object>

So I'd try to adress the menu button as follows:

<object type="action">
<touch key="menu" />
<action function="overlay">console</action>
</object>

I'm almost certain that this is what I've tried back then, and it didn't work. I also remember having a concept for a "no navbar option", but it included a button on the action / app bar to open the console overlay when navbar is disabled.

If the above doesn't work, only TWRP devs can help...
[Android Themes] z31s1g:
Is the splash missing or doesn't it boot into recovery at all after repacking?
[Android Themes] franzyroy:
So that's not the issue but I don't see like that! :(

Hi

Weird... no issue like that! :(
[Android Themes] :
Sadly it doesn't boot into recovery at all...at boot it shows "entering recovery" and then when it should enter recovery and the splash screen should be shown, the screen is just plain black and stays black, nothing more happends, I have to force my m7 to reboot via hardware keys :( even erasing cache before or after flashing the repacked recovery doesn't work.
[Android Themes] droidbits:
Thanks for the reply.

When you extract a TWRP flashing zip, and use the .img file of the recovery in the Android Image Kitchen this image is still bumped, isn't it?

Or it becomes not bumped after extraction?

Thanks.
[Android Themes] z31s1g:
Sounds like what's happening on the M8 as well, at least for users of the official twrp.

An alternative version for the M8, made by Captain_Throwback, does work.

I have no idea why it doesn't work on M7 and M8 stock TWRP, sorry.

It works flawlessly on the devices I use and a few others.

I'm already thinking about removing the whole Image Kitchen Support again, as it's causing more trouble than I want to be accountable for.

And I can't have more user experiences like "the theme broke my recovery...", as it's the complete opposite of what I intend with providing the themes.
[Android Themes] droidbits:
Sorry to hear this. I think it would be an excellent tool.

Maybe I did a mistake along the process? I don't think so but...

In relation to my last post?

Thank you so much for your hard work. ?
[Android Themes] scoobyjenkins:
I've learned to repack on the PC with your excellent guide and also used the function within recovery and both worked great on my N9005, when I first tried on my PC I made the mistake of naming my curtain from curtain.png to curtain.jpg and I got a black screen when trying to boot to recovery. I realised my error and opened the png in an image editing software, saved it as jpg and it worked perfect. Could that be it?

Tapatalked that shiznit.
[Android Themes] :
Thats could be it, because the step by step guide clearly says to rename it to curtain.jpg and well...I just took the .PNG File and renamed it without opening it in any program...I will try it again when I am back at home :)

---------- Post added at 11:31 AM ---------- Previous post was at 11:28 AM ----------

Oh, please dont be discouraged by my little error, the themes are just working flawlessly and are looking awesome ! Keep up the good work! :D
[Android Themes] scoobyjenkins:
Aha! That is most likely what happened. I thought the same thing on reading the instructions and though changing the file extension still allows you to view the image on a PC, I think it's better to convert. I used Nero9 Photosnap picture editor but I'm sure it could be opened in mspaint and saved as jpg.

Tapatalked that shiznit.
[Android Themes] ChinmayKunkikar:
@z31s1g,

Modding.MyMind says hello to you. :) And wanted to tell you something. It's kind of weird. :confused:

Originally by Modding.MyMind

-
[Android Themes] Captain_Throwback:
And to be honest, this really makes no sense, since the official is built from my device files. The only difference in mine is the handling of exFAT-formatted cards. But I can't imagine that could be the issue since I assume most devices are using the default exfat-fuse handling from stock TWRP.
[Android Themes] franzyroy:
Extract from a zip doesn't modify anything!
[Android Themes] droidbits:
Thank you.
[Android Themes] KreAch3R:
I also tried that before you posted, to no avail. :/ I think we have to talk to the TWRP devs about the use of the hw menu/overview button. Maybe they want to take a look at it. Unfortunately, I don't have access to my Nexus S for a long time each time (loaned to mother) and I can't beta-test for them right now.

Why did you abandon the no-navbar option? Even with the console overlay button on the action bar, it would still be very functional. I am asking because It would be a huge undertaking for me, unfortunately. I tried to remove the buttons, as you said, and I was successful, I also removed the "Samsung layout" option and changed the position of the other checkboxes, but when I started to change the fileselector heights, I came to the conclusion that without heavy studying of the .xml layout, I would have a hard tedious time trying to blindly change values. Also, if I managed to do that, I would have to mess with the keyboard layout, which would still need to go lower. But I guess that wouldn't be too much for you? :P

Anyway, I hadn't thought about it before I used my Nexus S again, and once it hit me I also thought about the 1+1 users or Samsung users. Is it a "value for time" decision? :D
[Android Themes] :
So, I got it :D Originally I wanted to use this .png-file from your preview, since it is not included in your splash screen pack:

https://lh5.googleusercontent.com/-...M/uYFXqMf5MU8/w492-h875-no/curtainsample6.png

However, this did not work as planned but the resolution of the file should have been correct :crying: So I did a second try, opening the mentioned file inside Paint and saving it again as .jpg.

Result: I could boot into TWRP but my splash screen image was.....veeery tiny :( So I did a second try: Getting rid of my sample .png and using one of your provided .jpg out of the fitting sample folder I downloaded (1080p). Aaaand: Magic! TWRP and my new splash screen are working flawless, the resolution is also fine :highfive::laugh:

So thanks again for your awesome work! :good:

Maybe you could include the sample file linked above in your next "release" ?
[Android Themes] z31s1g:
The keyboard template would just have to be be doubled (with a different template name and lower placement), but the action bar button way simply won't work any longer, as the bar can only hold 3 buttons on a 16:9 screen. If one uses the bookmark option, all three slots are taken on the pages that show file lists. So there would be pages where one couldn't access the console. Also, the button definitions that are already present would have to be doubled also to make them conditional. While one could argue about the need to be able to access the console from each page, it's not my intention to cripple stock functionality by deciding from where users are able to have access.

The ui contains 6 file lists (8 on multirom), and currently there are two definitions for each (only differing in the font size). I'd have to double that again to also make the height conditional.

Also, it would be reasonable to adjust the layout for the majority of pages to make use of the gained space. This means nothing less than blowing up the xml by 50% at least, which would add a few seconds to the boot to recovery time.

And finally, I simply won't be able to dedicate as much time to maintaining the themes in the very near future. But every change that increases the complexity of the xml adds effort.

So in the end I haven't done it / won't do it because I know exactly how much effort it would be and cause.

But if you're going to invest the time to create a navbarless version and get stuck on certain details, pm me and I'll try to help.
[Android Themes] Aqq123:
Theme shifted a few px to the right when integrated only, loads fine from ui.zip

Thank you for the theme, it's excellent. I'd like to integrate it into the .img file, replacing the default TWRP look completely. It all works well except there's a weird little issue: the whole screen is shifted to the right, leaving a few pixels of white space on the left margin. To illustrate:

The first picture (to the left) shows what it should be like and what it indeed looks like when the theme is loaded from ui.zip. The second one (to the right) shows the situation when the theme is integrated into the image file and loaded from there (and no ui.zip file is present, otherwise there's no margin as well).

I've tried two integration methods: (1) automatic generation of custom_theme_twrp.img on the phone with AIK-Mobile and (2) using AIK on the PC (unpackimg, unpack ui.zip into /ramdisk/res, repackimg). Both result in the same margin.

Any ideas? I guess it's probably because of some XML file getting overwritten where some of the original content should be preserved instead but if someone with more experience could pinpoint the exact location of where this happens, it'd be wonderful. Thank you for any suggestions.

Just for the record, the versions are:

Device: Nexus 4

TWRP: openrecovery-twrp-2.8.4.0-mako.img

Theme: 768_play_v2.zip from 284X_v2

AIK: 2.0-Win32

AIK-Mobile: 1.7
[Android Themes] z31s1g:
With 2840, twrp uses an offset to center the ui on devices that don't have a properly sized stock theme. Nexus 4 uses a ui designed for 720 px screen width, thus you always had the black bar on the right edge of the screen. Now with the offset, the ui is at least centered.

The offset is applied to the splash screen and the integrated ui, but not to the theme zip.

Thus the zip method works, but after integration the offset is applied and the ui gets shifted 24 px to the right.

Until someone creates a stock ui with 768 px width (which would eliminate the need for an offset), you can only use the zip way for theming.
[Android Themes] KreAch3R:
Oh, wow, just now I am starting to understand the magnitude of your .xml theme. Thanks for the detailed reply, and I agree, it doesn't deserve so much time / so much thought. Maybe (for the sake of UI perfection) we should aim for a way to disable the capacitive buttons (and light) instead of trying to put a navbar option in. Anyway, food for thought. :)
[Android Themes] Aqq123:
Thank you for the very helpful answer. Now I know exactly what's going on. Based on your explanation, I've integrated the 720px version instead of the 768px one, and it looks more or less acceptable this way (screenshot).

It seems the proper way to fix this is to recompile TWRP with BoardConfig.mk saying: DEVICE_RESOLUTION := 768x1280 and the Materialized theme put under gui/devices/768x1280/res at compile time. (I'm not going to bother with all that but wanted to share it in case someone searches for the same information later.)
[Android Themes] jaibar:
Is there a way to convert themes from portrait to landscape? For example, I have a tablet with screen resolution of 1280x800 pixels, but twrp recovery is in landscape so the theme from 800x1280 folder is not compatible.

Is it just changing some values in ui.xml or needs other modifications?
[Android Themes] magdeoz:
Edit: ported version LIGHT for resolutions of 540 works all!! View attachment 540-light.zip

too concerned with playV2 version but the keyboard does not work, the spacebar is bigger, I could help with this?
[Android Themes] ChinmayKunkikar:
Did you manage to get the font properly sized? Screenshot please.

And,

Give me your ui.xml for keyboard fix.
[Android Themes] magdeoz:
I can not take screenshot, here is the ui.xml View attachment ui.zip
[Android Themes] ChinmayKunkikar:
Okay I'll see it.

Volume down + power doesn't work?

It saves Screenshot in /sdcard/Pictures/Screenshots

---------- Post added at 12:51 AM ---------- Previous post was at 12:12 AM ----------

Here you go -

https://www.dropbox.com/s/qmqif8sxkss7mu4/ui.zip?dl=0

Report if it works. :good:
[Android Themes] magdeoz:
wow thanks and works well :good: !! Could you tell me which lines changed ??:confused:
[Android Themes] ChinmayKunkikar:
I changed the whole keyboardtemplate.
[Android Themes] :
[MENTION=2719389]z31s1g[/MENTION], I have a simple and quick question to ask pertaining to your 2.8.4.X themes. I am not seeing the ability to change the themes colors while in TWRP and was wondering where this feature/setting could be found so that I may confirm if it is just me blindly over looking this? I ported your dark theme, version 2. Some clarity should help me resolve this matter. Thanks in advance.
[Android Themes] scoobyjenkins:
There's an icon that looks like an artist's pallet on the action bar, there's options there.

Tapatalked that shiznit.
[Android Themes] :
Appreciate the timely response. I've add three images to the attachments. Now I know back in the Holo Themes it was scripted by selecting your color of choice. However I am not seeing this now. I know I can manually put together a ui.zip with the color I want but wanted to verify if that is unnecessary. I currently do not see any option to select a color but only to select a theme which of course would have to be handled manually prior to booting up TWRP.
[Android Themes] scoobyjenkins:
Ok, here's what I see, I know I'm using the black play version but it was the same with the original theme:

Are you able to scroll after pressing the pallet icon to reveal "accent colour"?

Tapatalked that shiznit.
[Android Themes] :
[MENTION=4728887]scoobyjenkins[/MENTION], I believe you just answered my question and solved my problem. I was not aware that I needed to scroll down. In fact it never crossed my mind haha. Minor error on my part. I will check again when I get the chance but I'm sure it will be there now that I know to scroll down. Thanks again.

---------- Post added at 05:45 PM ---------- Previous post was at 05:29 PM ----------

Disregard, it isnt there and scrolling is not an option on that screen lol. Even more interesting is that I selected to reboot my recovery and it rebooted my system. This leaves me to having to review the xml files and see what is going on in the 1080_dark_v2 theme that I ported.
[Android Themes] andrea210701:
modding.my.mind you're back!could you share the port with splash screen changer? 480x800 is old