[THEME][N5] TWRP Materialised - Dark / Light / Play [redirected]

Status
Not open for further replies.
Search This thread
By:
Advanced…
z31s1g

z31s1g

Inactive Recognized Themer
Jul 5, 2010
3,239
12,909
Munich
materialised.png


If someone is still looking at this thread, please set a new bookmark for the

Materialised theme thread in the general Themes and Apps section.

It's the only one I'm updating and monitoring.
 
Last edited:
  • Like
Reactions: Ninolina, chukixd, osm0sis and 199 others
z31s1g

z31s1g

Inactive Recognized Themer
Jul 5, 2010
3,239
12,909
Munich
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 this flashable zip.
  2. Flash the zip in recovery.
    This will copy the Aroma FM package to \TWRP\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:
  • Like
Reactions: SnoopHTC, DanK96, gaaraofthesand and 40 others
z31s1g

z31s1g

Inactive Recognized Themer
Jul 5, 2010
3,239
12,909
Munich
Splash Screens with 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

Collections of Splash Screens
If you want to share your splash screens, please prepare a post other users can download them from.
This post will then be linked from here.
Only splash collections will be linked (sets that cover multiple resolutions or accent colors for a certain resolution).

Dark splash screen set provided by @Primokorn.
Download from his original post and don't forget to thank him...
spaIOzwCsDCJ6h6k0k78sa9mRKB3qHLTFB7KVVRu0dLxoLhLPChP9H0s2y95tH1q



Collections of Recovery Repacks
If you want to share your recovery repacks, please prepare a post other users can download them from.
This post will then be linked from here.
Only repack collections will be linked (sets that cover all accent colors for a dark or light base version).
 
Last edited:
  • Like
Reactions: 1975jgb, allofusjw, Snuffek and 29 others
z31s1g

z31s1g

Inactive Recognized Themer
Jul 5, 2010
3,239
12,909
Munich
The themes linked in this thread contain some final adjustments. They're not the same as the beta versions you might already use, so please download them again.

2810 theme version is already online. The only difference is the use of True Type Fonts.
 
  • Like
Reactions: travperk, zerosum0, Naebic and 5 others
T

Trel

Senior Member
Apr 20, 2010
234
31
What's the 281x version? I don't see mention of a 2.8.1.x anywhere on TWRP's site at all.
 
alen1901

alen1901

Senior Member
Jan 29, 2011
5,800
7,215
Awesome. The only thing i dont understand is, do i have to put ui.zip or 1080.zip in the name on nexus 5. Until now it was ui.zip

Sent from Pure Nexus 5
 
Status
Not open for further replies.

Similar threads

Vivek_Neel
[THEME][ MATERIAL DARK][LOLLIPOP][Catalyscm_Rom/STOCK/Xtrasmooth_Rom]
Replies
1K
Views
297K
Dragonnoi
Dragonnoi
z31s1g
[THEME][N5] TWRP Holofied [DISCONTINUED]
Replies
767
Views
200K
Naimul
Naimul
asdfasdfvful
  • Locked
[Theme][Substratum][5.x-7.x] Material Glass
Replies
2K
Views
294K
Mr. Clown
Mr. Clown
hello00
★ [THEMED APPS] Kitkat 4.4.2 Mms.apk Dark Holo & More ★
Replies
460
Views
206K
salex111
salex111
M
[THEME][APP][CM11][PA]Herathon Night/Light[Test][8/10/14]
Replies
443
Views
174K
Ghrev
Ghrev

Top Liked Posts

24 Hours All time
  • There are no posts matching your filters.
  • 202
    z31s1g
    z31s1g
    materialised.png


    If someone is still looking at this thread, please set a new bookmark for the

    Materialised theme thread in the general Themes and Apps section.

    It's the only one I'm updating and monitoring.
    View
    43
    z31s1g
    z31s1g
    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 this flashable zip.
    2. Flash the zip in recovery.
      This will copy the Aroma FM package to \TWRP\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.
    View
    36
    z31s1g
    z31s1g
    All themes updated

    All themes updated for 2840

    The main challenge for this update was to integrate the native image flashing support while keeping the "old" flashify script as an option.
    If you haven't used either of the two yet, here's what differentiates them:

    Native image flashing
    • new in TWRP 2840
    • can flash boot and recovery images (as of yet, support for other partitions might come)
    • image size is checked before attempting to flash the respective partition: if the image doesn't fit the partition, flashing will be canceled
    • currently can't be fully integrated into the image repacking process: after the repack has been created, you'll be taken to the "install image" page, where you have to manually select the target partition and confirm the flash
    • flashing takes the blink of an eye (it's fast)

    Flashify script
    • has been around since @osm0sis created it
    • can flash boot, recovery and radio partitions
    • is fully integrated into the image repacking process: after the repack has been created, the image will automatically be flashed
    • flashing takes multiple blinks of an eye (the old fast is the new slow)

    How to switch between zip and image flashing:
    1. on the "install" page, tab on "install zip" (app bar)
    2. select "install image"
    3. proceed

    By default, the theme is set to use the (more secure / faster) native method.
    To use the (more versatile / better integrated with the theme) flashify method, enable the option in theme settings.
    If in doubt, better use default. (I've learned that while trying to "tweak" kernel settings...)


    Full changelog:
    • 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...


    This version 284X_v1 replaces the 2840 version I silently uploaded two days ago!

    Download from the 284X_v1.

    /post
    View
    35
    z31s1g
    z31s1g
    TWRP 3.0 and theme compatibility

    Regarding the upcoming release of TWRP 3.0 and theme compatibility

    In the not so distant future, TWRP will receive a major version bump to 3.0.
    Amongst many other things, the changes will also include a new stock theme. It'll be a blend of the old stock theme and the Materialised theme.

    During the last half year, there have been many changes to the theme engine that I'd like to (and need to) take advantage of.
    The one that affects Materialised the most, is the introduction of multi language support: currently, all button labels are part of the button PNGs. I went down this road at a time when TWRP was using a rather ugly looking proprietary font format. But ever since we have True Type Font support, ugly looking fonts no longer are a nuissance. So far, I've refrained from making the required changes to make full use of TTF support, because it's quite an effort. Now, with multi language support on the horizon, I will have to make these changes to maintain full compatibility with TWRP.

    There have been other changes, like the new terminal. It requires to use a software drawn keyboard to accomodate for additional keys (the current keyboard also consists of PNGs).

    Other changes to the theme engine allow to significantly strip down the XML, so far Materialised doesn't take advantage of these possibilities.

    The splash screen will no longer consist of a single static JPG, but will be an XML based page (like the rest of the ui).
    This means the AIK integration of Materialised (to change the splash) will break as well and needs to be adapted.

    So, point being:
    Materialised will loose its compatibility once TWRP 3.0 will be released. I'll not have an updated version ready in time.

    To prevent any harm to the device (and user confusion), a newly implemented theme version check will prevent Materialised from loading, so TWRP will automatically default back to the stock theme.

    While it would be easy to trick the theme version check, I will not do this.
    Sacrificing functionality for the looks was never the intention for this theme.
    Instead, I'll be revising the XML and build it from scratch.

    The result will be a much leaner version of Materialised (in terms of file size), but still with the looks and functionality that make it a worthwhile addition to TWRP.

    As for an ETA: I'm aiming for end of march.

    In the meantime, please help looking for potential bugs in the new stock theme, or consider to participate in translating the ui (I assume there will be an additional call to arms for that in the twrp threads).

    Thank you for using Materialised.

    /broadcast
    View
    32
    z31s1g
    z31s1g
    Splash Screens with 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

    Collections of Splash Screens
    If you want to share your splash screens, please prepare a post other users can download them from.
    This post will then be linked from here.
    Only splash collections will be linked (sets that cover multiple resolutions or accent colors for a certain resolution).

    Dark splash screen set provided by @Primokorn.
    Download from his original post and don't forget to thank him...
    spaIOzwCsDCJ6h6k0k78sa9mRKB3qHLTFB7KVVRu0dLxoLhLPChP9H0s2y95tH1q



    Collections of Recovery Repacks
    If you want to share your recovery repacks, please prepare a post other users can download them from.
    This post will then be linked from here.
    Only repack collections will be linked (sets that cover all accent colors for a dark or light base version).
    View

New posts