FORUMS
Remove All Ads from XDA

[THEME][TWRP] TWRP Materialised - Dark / Light / Play [01/05/16]

3,027 posts
Thanks Meter: 11,184
 
By z31s1g, XDA Ad-Free Recognized Themer on 23rd October 2014, 03:22 PM
Post Reply Subscribe to Thread Email Thread
OP

Features
  • Recovery gone App: Designed to mimic the look and feel of an Android app.
  • Customisable UI: 15 different accent colors, center clock option, different navbar button layouts...
  • Added functionality: ability to flash image files (recovery, radio, boot), ability to change the recovery splash screen, bookmark function for file lists, Aroma File Manager support, theme changer...

Availability and Compatibility
  • Supported TWRP versions: 280X to 302X.
  • Supported screen resolutions: 540x960, 720x1280, 768x1280, 800x1280, 1080x1920, 1200x1920, 1440x2560.
  • The themes native resolution is 1080x1920 (HDPI). Thanks to TWRPs ui scaling, the themes can be used on all of the resolutions specified above.

About MultiROM Theme
  • MultiROM theme requires a MultiROM recovery.
  • MultiROM themes are only available for portrait orientation.
  • Landscape option is present, but will default back to stock theme.

Previews:

Screenshot Gallery



Download:

Don't create mirrors! If you're going to spread the word, please use these links.

TWRP 3.0.2-X
HDPI Themes Folder @ BasketBuild
HDPI Themes Folder @ AFH

Release post for current version: READ ME

TWRP 2.8.0.0 to 2.8.7.X


Changelog:
Code:
01.05.2016 (302_v1)
  • official release of fully TWRP 3 compatible version
  • added multilanguage support (huge thanks to @_4uX_ for adding the strings to the xml files!)
  • added "adapt splash" feature to modify the stock xml splash to match the theme color
  • added otion for accent colored navbar
  • added support for custom_boot_image_patch.sh (which can be used for "bumping" of recovery images on LG devices - thanks to @KreNtal for testing)
  • changed the scripts for changing the accent color to use "/data/media/0/TWRP/theme" instead of "/sdcard/TWRP/theme" (should help with device compatibility - thanks to @fishears and @gpvecchi for testing
  • added location picker for the ui.zip (but it will only be shown if the path is not /data/media/0 on your device) to hopefully increase device compatibility even more
  • cleanup of the persistent variables that are used to save the theme settings (delete the .twrps settings file from the TWRP folder in case you experience odd behaviour)
  • fixed some glitches from the 302 beta
17.01.2016 (287X_v2)
  • added option to skip the root check (useful when using systemless root) - can be enabled in theme settings or on the install su page
  • added tweak to aroma fm usage - to prevent problems with unsigned aroma fm zips, the zip verification now gets temporarily disabled
  • added fix for navbar button behaviour on mount system read-only promt (thanks to @ketut.kumajaya)
  • completely removed the "where do i have to swipe lockscreen" - former alternative lockscreen with visible slider is now the default
  • fixed text placement for some checkboxes (problem on Nexus 5X and 6P only)
  • fixed the console font - droid sans mono is used again instead of roboto regular
23.06.2015 (287X_v1)
  • added revised flashify script (thanks to @osm0sis)
    • the script now stops if multipartition for radio/modem is detected - this prevents a soft brick on the Nexus 6 (and possibly other devices) that a bad radio flash can cause
    • delete the old flashify.zip from "/sdcard/TWRP/flashify" if you want to use the new one
  • added "mount system read-only" checkbox and confirmation page
  • added "resize partition" button to partition options page
  • changed variable used on "install zip" page from showing path & file name to show file name only (thanks to @_that for making it possible)
  • changed theme changing script to always reboot to recovery for applying the selected theme (the "reload theme" function has proven to be too unreliable)
  • fixed overlapping buttons for dowload mode and bootloader on reboot page
  • fixed mono space ttf for console on some resolutions
  • xml: fixed mismatched tags, use of entitiy definitions, whitespace cleanup (thanks to @ketut.kumajaya)
26.03.2015 (286X_v1)
  • corrected positioning and height of headerless lists (due to fixes in the theme engine)
  • corrected positioning of confirmation sliders (due to fixes in the theme engine)
  • added "disable size check" option to backup page
  • added support for monospace ttf in console
  • added support for entering a pattern to decrypt the data partition(only accessible if device is encrypted and the theme is integrated into the image)
  • added DST rules to time zones for USA and Europe
  • ownership of recovery images created during repacking is now set to media_rw:media_rw (should solve the problem of "undeletable" image files)
  • changed position of fab (sits closer to the navbar now)
12.02.2015 (285X_v1)
  • changed the script used to change the splash screen to work with new recovery file structure
  • added "cancel backup" button
  • during backups, the file progress is now shown on the appbar (next to the partition that is currently being backed up, as it's a partition specific value)
17.01.2015 (284X_v2)
  • fixed flashify script info screen
  • fixed back function for flash image page
  • Added some missing pngs
15.01.2015 (284X_v1)
  • added support for native image flashing
  • added option to use the "old" flashify script (instead of the native image flashing) to theme settings
  • added a warning dialog to the "include theme in repack" option
  • changed font on app bar from Roboto Regular to Medium
  • built-in theme changer now sets ownership of the ui.zip to media_rw:media_rw (should solve the problem of an "undeletable" ui.zip)
  • removed "back" functionality from arrow icon on "installing zip" page
  • removed "show full multirom version number" option from theme settings (MultiRom themes only: had to drop one option for another, but the info is still present on the "about" page)
  • added recovery / theme version info to the about page (tab on the TWRP logo on main menu...)
  • changed the highlight color on the message window from holo blue to some material green (Play themes only)
  • removed the degree sign from cpu temperature, as it's not being displayed correctly (1080 and 1440 still have it, as Nexus 5 and 6 do show it correctly)
  • 1536 themes released, Nexus 9 is now officially part of the family...
10.01.2015 (2830_v3)
  • XML split into "ui.xml" and "version.xml" using "include" logic
  • revised script used for changing the accent color (should work on more devices now)
  • added option to integrate the theme into a recovery repack (on "change splash screen" page)
  • added an option to theme settings for using an alternative lock screen (with visible slider and larger lock icon)
Other threads:
Last edited by z31s1g; 1st May 2016 at 01:53 PM.
The Following 625 Users Say Thank You to z31s1g For This Useful Post: [ View ] Gift z31s1g Ad-Free
 
 
23rd October 2014, 03:22 PM |#2  
z31s1g's Avatar
OP Recognized Themer
Flag Munich
Thanks Meter: 11,184
 
Donate to Me
More
Info 2 Q&A
How to...
...install the theme:
The theme zips are not flashable. First installation has to be done manually:
  1. Download the theme of your choice and rename it to "ui.zip".
  2. On SD card (if device has internal and external storage, use the internal) open TWRP folder and create a folder called "theme", without capital letters.
  3. Copy ui.zip to theme folder.
  4. Restart to recovery.
...change the theme:
  1. In Materialised settings, select CHANGE THEME.
  2. Select the theme zip you want to use.
  3. Confirm the change.

...remove the theme:
  1. In Materialised settings, select the delete icon on the app bar.
  2. Confirm the removal.
Alternatively, delete the ui.zip from /sdcard/TWRP/theme with a file explorer.

...change the recovery splash screen
In order to change the splash, one must unpack the recovery image, replace the splash and then repack the image.
This can be done using the Android Image Kitchen by @osm0sis, which is available for Windows, Linux and Android (mobile AIK).
The Materialised theme provides a front end for using the mobile AIK.

General prerequisites:
  1. Make sure the splash screen you want to use is in .jpg format and matches your screen resolution (e.g. 1920x1080).
    Splash samples can be found along with the themes in the resolution specific download folders over here.
  2. Download a stock TWRP recovery image for your device.
    Samsung users have to download .img files or pull them from the .tar files. Repacking .tar files won't work.
Change the splash while in recovery:
  1. Download the AIK-Mobile-Installer.
  2. Flash the AIK zip in recovery.
    This will install the required scripts and binaries to \data\local\AIK-mobile.
  3. In Materialised settings, select CHANGE SPLASH.
  4. Select the stock TWRP .img file.
  5. Select the .jpg file you want to use as splash screen.
  6. Set options:
    • If Automatically install... is unchecked, the repack will only be created and saved to the same folder as the stock TWRP image.
      If checked, the repacked recovery will also be installed on your device.
    • If Include current theme... is checked, the theme in its current state (accent color) will be included in the repack, replacing the stock TWRP ui.
      The ui.zip will automatically be deleted from /sdcard/TWRP/theme, as it is no longer required.
      Be aware that changing the accent color won't be possible with an integrated theme.
      In general, I'd recommend to not include the theme into the repack. By keeping the ui.zip, there's always the stock ui as a fallback option in case there's something wrong with the theme.
  7. Start repacking/flashing with a swipe.
    During the process, Repacking in progress... will be shown.
Change the splash on a Windows PC:
  1. Download and unpack Android Image Kitchen Win32.
  2. Copy the stock TWRP .img file to the Image Kitchen folder.
  3. In windows explorer, drag & drop the recovery image on the "unpackimg.bat".
    Unpacking will create two new folders (ramdisk and split_image).
  4. Rename the splash of your choice to "curtain.jpg" and drop it into /ramdisk/twres/images.
  5. Hit "repackimg.bat".
    This will create a "image-new.img", which you can then flash away using your preferred method.

...install image files while in recovery:
The theme currently utilises the Flashify script by @osm0sis to install boot, radio and recovery images.
The script comes with the theme and will automatically be installed to /sdcard/TWRP/flashify if required.
  1. On the Install page, tap on Install Zip.
  2. Select Install Image.
  3. Select the .img file you want to flash.
  4. Select the image type.
    This selection determines the target partition. Make sure not to flash a radio.img to the boot partition...
  5. Start flashing with a swipe.

...use the AROMA File Manager:
AROMA File Manager is not part of the theme.
The theme just contains a "shortcut" for directly starting AROMA FM, rather than going through the "install > flash zip" procedure.
  1. Download one of these flashable zips (try which version is working on your device).
  2. Flash the zip in recovery.
    This will copy the Aroma FM package to \TWRP\theme\aromafm.
  3. In Materialised settings, tick the option to use Aroma FM.
    From the main menu, the theme will now start Aroma FM instead of the TWRP file manager.

...resolve common issues
When I reboot to recovery, the theme isn't applied. Any ideas?
This is most likeley due to wrong naming of the theme folder or the ui.zip.
Make sure the folder is named "theme", without capital letters.
Also check if you accidentally renamed the downloaded zip to "ui.zip.zip" (common pitfall when renaming the zip in windows explorer).

When I reboot to recovery, I get a "recovery bootloop". Is my phone broken?
Nope, this is most likeley due to a bad download.
Please download the theme again using another browser or app.
Last edited by z31s1g; 1st May 2016 at 11:56 AM.
The Following 202 Users Say Thank You to z31s1g For This Useful Post: [ View ] Gift z31s1g Ad-Free
23rd October 2014, 03:23 PM |#3  
z31s1g's Avatar
OP Recognized Themer
Flag Munich
Thanks Meter: 11,184
 
Donate to Me
More
Info 2 Splash Screens and Recovery Repacks
Resources for creating custom Splash Screens
I've prepared a Splash Set for users to create their own splash screen from. The Splash Set contains:
  • an SVG file that can be edited using Inkscape
  • Roboto True Type Fonts (install them before you start to edit the SVG)
  • a folder with 1080x1920 sample curtains
Download: Splash Set

Preview: Gallery with sample splash screens created from the SVG
Last edited by z31s1g; 1st May 2016 at 03:35 PM.
The Following 126 Users Say Thank You to z31s1g For This Useful Post: [ View ] Gift z31s1g Ad-Free
23rd October 2014, 03:27 PM |#4  
mauam's Avatar
Senior Member
Thanks Meter: 7,430
 
More
Amazing as always, but now that Modding.MyMind was banished from xda (don't know why), I'm screw up cause my phone has 480x800 & no one can port your themes for my res. Anyway, keep up you're awesome
The Following 4 Users Say Thank You to mauam For This Useful Post: [ View ] Gift mauam Ad-Free
23rd October 2014, 05:00 PM |#5  
Sandivisi's Avatar
Senior Member
Flag West Java
Thanks Meter: 190
 
Donate to Me
More
Great . will try
23rd October 2014, 05:10 PM |#6  
z31s1g's Avatar
OP Recognized Themer
Flag Munich
Thanks Meter: 11,184
 
Donate to Me
More
Quote:
Originally Posted by Sandivisi

Great . will try

You should...
The Following 5 Users Say Thank You to z31s1g For This Useful Post: [ View ] Gift z31s1g Ad-Free
23rd October 2014, 05:21 PM |#7  
Captain_Throwback's Avatar
Retired Moderator / Recognized Developer / Recognized Contributor
Flag Bensalem, PA
Thanks Meter: 16,712
 
10
Donate to Me
More
Quote:
Originally Posted by mauam

Amazing as always, but now that Modding.MyMind was banished from xda (don't know why), I'm screw up cause my phone has 480x800 & no one can port your themes for my res. Anyway, keep up you're awesome

He made this so that anyone can port the themes: https://github.com/ModdingMyMind/TWRP_IMAGE_PORTER

Give it a shot!
The Following 4 Users Say Thank You to Captain_Throwback For This Useful Post: [ View ]
23rd October 2014, 05:32 PM |#8  
Sandivisi's Avatar
Senior Member
Flag West Java
Thanks Meter: 190
 
Donate to Me
More
awesome man, it work great on twrp v2.8.0.1 for falcon
now i have material twrp and then is Android L for falcon
hehehe
The Following User Says Thank You to Sandivisi For This Useful Post: [ View ] Gift Sandivisi Ad-Free
23rd October 2014, 05:39 PM |#9  
LitoNi's Avatar
Senior Member
Flag Vancouver
Thanks Meter: 789
 
More
Best thing happened on earth today thanks BTW will this work with tablets in landscape mode?
23rd October 2014, 06:08 PM |#10  
mauam's Avatar
Senior Member
Thanks Meter: 7,430
 
More
Quote:
Originally Posted by Captain_Throwback

He made this so that anyone can port the themes: https://github.com/ModdingMyMind/TWRP_IMAGE_PORTER

Give it a shot!

Yeah, I know. I tried in the past but it's not so simple, cause at some point in the porter script you need to put manually the values & it's too much for me, I'm not a themer in anyway
The Following User Says Thank You to mauam For This Useful Post: [ View ] Gift mauam Ad-Free
23rd October 2014, 06:41 PM |#11  
anmar21's Avatar
Senior Member
Thanks Meter: 235
 
More
Thanks for your work @z31s1g.
Just a quick message to let you know that the theme works fine on the OnePlus One.
The Following User Says Thank You to anmar21 For This Useful Post: [ View ] Gift anmar21 Ad-Free

Read More
Post Reply Subscribe to Thread

Tags
material design, materialised, multirom, theme, twrp

Guest Quick Reply (no urls or BBcode)
Message:
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes