• Introducing XDA Computing: Discussion zones for Hardware, Software, and more!    Check it out!

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

Status
Not open for further replies.
Search This thread

z31s1g

Inactive Recognized Themer
Jul 5, 2010
3,238
12,906
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:

z31s1g

Inactive Recognized Themer
Jul 5, 2010
3,238
12,906
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:

z31s1g

Inactive Recognized Themer
Jul 5, 2010
3,238
12,906
Munich
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

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).

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:

b.huss2

Senior Member
Dec 8, 2010
1,235
549
Greenville
Works perfect here too so far. It's funny because I've been using the first one you posted in the twrp thread a while back. I reformatted my internal storage last night and was digging trying to find it again, and here you are. :cool:
 
  • Like
Reactions: z31s1g

z31s1g

Inactive Recognized Themer
Jul 5, 2010
3,238
12,906
Munich
Anyone try this on the updated twrp 2.8.4.0? Just curious I won't chance it yet=-)
It's working fine. I also have an update ready, but it would actually remove the functionality to flash radio images. The new native image flashing support in TWRP seems to support only boot and recovery images, while the "old" way using a script can also flash radios. So I'm unsure whether this would really be an update...

But in the meantime, you'll be fine running the 283x theme on 2840.
 
  • Like
Reactions: deeplyyoung

danarama

Senior Member
Aug 22, 2010
31,283
18,814
Oxenhope, West Yorkshire, UK
@z31s1g - I put off doing splash screens on my nexus 5 because i couldn't be bothered, but the built in recovery option is really great. Thanks very much.

Bit confused though. Is this because I'm on play theme? I extracted your dark teal jpg splash and repacked it, but when i boot, its teal light even though the image in gallery proves its dark.
 
  • Like
Reactions: z31s1g

z31s1g

Inactive Recognized Themer
Jul 5, 2010
3,238
12,906
Munich
@z31s1g - I put off doing splash screens on my nexus 5 because i couldn't be bothered, but the built in recovery option is really great. Thanks very much.

Bit confused though. Is this because I'm on play theme? I extracted your dark teal jpg splash and repacked it, but when i boot, its teal light even though the image in gallery proves its dark.
No, the theme shouldn't influence your selection. Never had this effect while testing. No idea what to suggest (apart from trying the light splash to get the dark one :silly: )...
 
  • Like
Reactions: danarama

danarama

Senior Member
Aug 22, 2010
31,283
18,814
Oxenhope, West Yorkshire, UK
No, the theme shouldn't influence your selection. Never had this effect while testing. No idea what to suggest (apart from trying the light splash to get the dark one :silly: )...
Actually its not light that's flashing, I'm wrong about that.

Light is white at the bottom 2/3rds and grey top 1/3rd.
Dark is dark at the bottom 2/3rds and grey top 1/3rd

What I get is grey bottom 2/3rds and white top 1/3rd.. Almost as if the dark and grey are being toned down somehow to grey and white respectively. But other colours look OK in the theme itself. Odd.

I'll see if I can get a screenshot. Edit > not today though, Missus has gone to bed so I cant get her phone.
 
Last edited:
Status
Not open for further replies.

Top Liked Posts

  • There are no posts matching your filters.
  • 54
    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.
    24
    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.
    24
    I used the dark theme by @z31s1g and edited it to match the @TeamBlackOut style... I've only done the 1080 and 1440 sizes right now, maybe more later.

    Screenshots

    1080 devices
    1440 devices

    Saving eyes from bleeding, one app at a time.
    17
    All (non-multirom) themes updated

    All non-multirom themes updated

    Changelog
    • 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

    Download from the 287X_v2 folder for your resolution.
    16
    Basic Arrows TWRP Curtains

    Here are sets of the latest TWRP with a series of ARROW themed curtains in five colors both dark and light. I found these over in the FLO thread and figured they should be on SHAMU too.

    All credit for the curtains go to @PünchUp . Thanks! I just packed this for shamu.


    LATEST VERSIONS
    TWRP 2.8.6.0 DARK
    TWRP 2.8.6.0 LIGHT

    bannera.png

    bannerb.png