Changing backgrounds on apps/widgets screens - Android Themes

Let's say I have a theme I really love except that the background for apps/widgets is plain black and I want background to be the same as the home screen wallpaper. Given that there is no setting for this, I assume I will need to learn how to open theme, replace plain background png files with appropriately named wallpaper png files and reassemble theme. Yes?
I unzipped the apk and found numerous wallpaper variations (resolutions and sizes) for home screen, messaging and so on, but not for app/widget backgrounds. Where in res folders would they be and what might they be called? Or are there none if background is black and I would have to either make them or edit xml to call appropriate wallpaper file?
I've searched and read but this particular task is not described...or at least I can't find it. Any info to get me started would be very nice.

Related

Change HTC apps colors

I installed Facade and chose a green theme.
Anyone knows if it is possible (and how) to change the background color of HTC apps (comm manager, for example), so that they better integrate in the new theme?
Or my question how to just change them completely?!
The connection manager has a bunch of .png files in the \windows directory on the device. These should be hackable with a graphics program and be displayed after the device is reset.
To customize the rest of your normal (non-HTC) WM programs, see http://www.modaco.com/content/Smartphone-General-Discussion/236832/Homescreen-guide-for-beginners/
Most of the styles are saved in XML files which you can edit with web page writing tools. As such you should be able to see the path's to the graphical files and then just change their color.
Would think so, havnt looked yet but I am planning on changing my home screen to a nice blue. I like the HTC look, but a soft blue would be better than grey IMO.
Well, at last it seems it was rather simple changing the colors of my Facade theme: I've converted it from green to grey editing the xml file and modifying a few gifs with Gimp.
So it's all grey now, and HTC apps are again integrated with the overall style.
Thanks.
post us ur theme. would be cool
Here it is.
But it's no other than the original facade style, with changed colors and a cool (I think) background...
(I didn't change the profile gifs cause I don't use this plugin)

changing stock backgrounds and colors?

O.K. I've seen in different themes or roms that the backgrounds are different than stock. Evil eris the robot on the dialer screen was blue. I've seen em pink. Seen em with checkerboard pattern across his midsection. Never seen a completely custom without the robot tho. My question is how do you change that screen and is the robot not removable? Can I just put some random picture that I think is cool at the time? Oh and how do I change the color of the call button and battery icon, if theres a way without installing other apps to do it. I want to open the xml file, edit it and push it back.
They are just .png files and you can change them to whatever you want. Trick is to locate them. The one on the dialer you are talking about is located in the phone.apk in drawable-hdpi called phone_default_icon.png you can just make a new one and replace it. They need to be the same size as the original... that one is 480x618 but most icons are 72x72.

[Q] ?s about themeing

I really want to theme my phone, is there any tips to make it easyier
an also theres no meny png files that im not sure what changes what, is there a guide of any sort for that or anything.
I got editing images down but im still gettin lost on changing things
an out of curioisy is there a good themer out there that would be willing to work with me personally so im not gettin mixed results
here ya go..this should get you a start
http://www.google.com/cse?q=how+to+...ub-2900107662879704:fs7umqefhnf&ie=ISO-8859-1
Great resource here
im not sure if im wording this right, but to theme an app u open that apps apk. to theme a widget u open that widgets apk. right?
So what all does framwork control?
still tring to get it togather what png's edit what on my phone
Essentially yes. Most of the app's .png's will be in the respective .apk, although if it's a Sense ROM then a lot is stored in the 'com.htc.resources.apk'
The 'framework-res.apk' holds all the files for like the notification area, the pull down menu, status icons, buttons, tick boxes, radio buttons etc...
The best way to familiarise yourself with it all is just to have a look through the image folders and see what you see.
not much luck, im gettin lost, so ill be back in a cuple days let u knw if i got it yet, if i cant come up with it, ill just make a list of things i want done an see where it goes.
Are you on a Mac or PC?
Keep in mind, you have to sign it to get it to install if you unpack it. After weeks of failed signing attempts (I still cant get them to sign) I found a way around this though...just don't unpack it Use 7zip on PC or I am on a Mac so I use Springy. Replace what you want and you are good to go.
Let me know if you need more help with this method. It isn't the way everyone else does things, but it works for editing things and making it what you want.
@reanger91878 I was just looking into start some theming and was trying to figure out if using a Mac put me at a disadvantage... but I guess since I found you I'll know who to ask if I run into a problem. So I guess I'm gonna get Springy and see what I can figure out. (I've never done this crap before).
:edit: boo it costs money, any free options? or will the non-licensed version work for me?
Alright
heres what i want done
I have NFX Sprint 2.31.651.7 STOCK Odex Update3.
Lock screen bar where its grey i want black
All screens under settings an phone options like device1 pic 1 want there its white to be black an the black letters white with a green boarder.
Device2 pic: want top an bottom where its grey to be black save with bookmark widget an calander app
Device3: white section black an the letter white
Device4: change all screens from white to black an white lettes an the grey buttons at the bottom to green same with clock, messages, music and photos
Device5: i want the ui buttons at the bottom like that but for it to be Phone in the middle app drawer on the left an add to home on the right
Invert all menus uder browser
so if some one would be willing to help with what xml an pic files i edit to do it, or some one helps me put it togather it would be awsome an id be very thankful
BuddahWolf01 said:
@reanger91878 I was just looking into start some theming and was trying to figure out if using a Mac put me at a disadvantage... but I guess since I found you I'll know who to ask if I run into a problem. So I guess I'm gonna get Springy and see what I can figure out. (I've never done this crap before).
:edit: boo it costs money, any free options? or will the non-licensed version work for me?
Click to expand...
Click to collapse
Using a Mac does not put you at a disadvantage per se...kind of, but there are workarounds
You don't have to use Springy, that is just what I use. The key is to find an Mac application that can open up a .zip file without extracting it, because once you extract, you need to resign (no big deal really, but for whatever reason my computer won't properly sign). I think the free version of Springy lets you open up a ROM of a certain size? Can't remember...but if you are editing a theme, they should open, because most are under 15MB. You can also just search around for other Mac apps that handle zip files and find one that does not extract. Let me know what you come up with and what you need help with...I gained much knowledge here, and will gladly pass on what I have gleaned.
DubsideWICKED said:
heres what i want done
I have NFX Sprint 2.31.651.7 STOCK Odex Update3.
Lock screen bar where its grey i want black
All screens under settings an phone options like device1 pic 1 want there its white to be black an the black letters white with a green boarder.
Device2 pic: want top an bottom where its grey to be black save with bookmark widget an calander app
Device3: white section black an the letter white
Device4: change all screens from white to black an white lettes an the grey buttons at the bottom to green same with clock, messages, music and photos
Device5: i want the ui buttons at the bottom like that but for it to be Phone in the middle app drawer on the left an add to home on the right
Invert all menus uder browser
so if some one would be willing to help with what xml an pic files i edit to do it, or some one helps me put it togather it would be awsome an id be very thankful
Click to expand...
Click to collapse
Big tasks Don't know if anyone will actually be able to do it for you, but check the resources above to get an idea where to start. It's the whole "give a man a fish and he eats for a day, teach a man to fish and he eats for a lifetime" idea.
Open up your ROM and check the framework-res.apk and see what you find...but you are looking to do more than just framework edits...
ranger61878 said:
Big tasks Don't know if anyone will actually be able to do it for you, but check the resources above to get an idea where to start. It's the whole "give a man a fish and he eats for a day, teach a man to fish and he eats for a lifetime" idea.
Open up your ROM and check the framework-res.apk and see what you find...but you are looking to do more than just framework edits...
Click to expand...
Click to collapse
Out of what all i want edited what is controlled by frame work an then would the rest be Apk files in the system app
my biggest problem is im not understanding what xml files change what an some of the pngs idk what they change
edit: I found post that said this, is that a pretty good way to descride it.?
app folder - This folder contains all of the apps that will be installed during an update or wipe. You will need to extract only the apks of the apps you wish to change the icon and graphics for.
-Launcher.apk - This file is in the app folder and contains the menu launcher tab, clock, google search widget, wallpapers and some other things.
framework - This folder contains framework-res.apk, this is where the bulk of your editing will take place.
When you open a apk you will see:
assets - This will contain images, sounds and other content used by the programs. Not always used!
META-INF - This contain the encryption data of the update.zip.
res - This folder contains all of the png and xml files. The xml files are used to format the UI, these can be used to change the locations of things on the screen. The xmls need to be unencrypted first. Depending on the apk there can be a bunch of folders under the res folder but we will only concentrate on the drawable ones.
-drawable - The png files in this folder are displayed wheather the keyboard is open or closed. The majority of the files are here.
-drawable-land - These are the files that will show when the keyboard is open. There won't be as many files in these folders. Most of the time the programmer will re-organize the layout with an xml file.
so basically everything is a picture that i want changed an xml files control text color an placement of where things are or what?,
im try my best to but thoes darn xml files are messing with me lol
To start, don't mess with the XML files. Just make changes to the PNG files. Once you get familiar with changing icons and status bar colors, then you can start messing with XML files. Let's say you want a different alarm icon.
Look in the DeskClock.apk under res/drawable-mdpi. You would find an icon(PNG) you want to substitute with, size it to the same size as ic_launcher_alarmclock.PNG, name it the same name and replace the original in the apk.
Use adb to push the apk back to your phone. I would then reboot and then enjoy your new icon.
Some icons will be in drawable-mdpi and some just in drawable. No need to change hdpi on our phones.
The majority of your status bar icons and base OS icons will be in framework-res.apk.
Sent from my HERO200 using XDA App
poashll said:
To start, don't mess with the XML files. Just make changes to the PNG files. Once you get familiar with changing icons and status bar colors, then you can start messing with XML files. Let's say you want a different alarm icon.
Look in the DeskClock.apk under res/drawable-mdpi. You would find an icon(PNG) you want to substitute with, size it to the same size as ic_launcher_alarmclock.PNG, name it the same name and replace the original in the apk.
Use adb to push the apk back to your phone. I would then reboot and then enjoy your new icon.
Some icons will be in drawable-mdpi and some just in drawable. No need to change hdpi on our phones.
The majority of your status bar icons and base OS icons will be in framework-res.apk.
Sent from my HERO200 using XDA App
Click to expand...
Click to collapse
Well said.
You can also do it on your computer...don't extract, just open, replace, close, put on SD and flash (after you nandroid...just in case )
iv been looking an looking, but cant seem to find a black stock theme
with stock htc green when a button is pressed, any one kno off a stock black theme i might be over looking
still havent figured ths out, an im having problems because im odexed?
DubsideWICKED said:
still havent figured ths out, an im having problems because im odexed?
Click to expand...
Click to collapse
Yes more than likely your only have trouble theme and odexed rom. Try a rom that is deodexed or I heard the have some deodex sripts that will do it.
ASimmons said:
Yes more than likely your only have trouble theme and odexed rom. Try a rom that is deodexed or I heard the have some deodex sripts that will do it.
Click to expand...
Click to collapse
Alright is there a performance or memory difference between odex an deodex
Does this same process apply with adw? If so, does that mean theming aosp and cm6 are equally as easy?
Sent from my HERO200 using XDA App

Theming Widgets

So it was quite easy to chance the LauncherPro widgets, just drop a few files into a folder and re-sign. Can this be done with other apps?
Generally everything's looking good, but the BeyondPod widget is so old looking, can I make the background look like that of the YouTube or Google Search widgets?
If I could make the Fancy Widget Weather background lighter, that would be cool too...
(I've used a lighter wallpaper than usual, so you can see what I mean )
Thanks.
**EDIT** Okay, so I simply dropped in the appwidget_bg.9.png and it's kinda worked -
How can I now control the size of the background of the widget?
The best way to theme the widgets (if there is no source for app, like for many/most market apps) is to use apktool to decompile the .apk, this will give you the .9.png files with the guide lines on them, then you can open the .png from the .apk you just decompiled (the best way to keep the widget the same boundaries as the original is just to recreate the image on a layer above the existing layer, with the guide lines and widget background, to be the same width and length as the stock widget background). You can either use apktool to recompile the .apk which will or create the .9.pngs for you, or you can compile them in eclipse.
Use this png instead of the other one on my thread. I need to update it. This will size nicely on your Music widget and also Fancy Widget.
How would I go about making the launcher pro widgets transparent?
sonnysekhon said:
Use this png instead of the other one on my thread. I need to update it. This will size nicely on your Music widget and also Fancy Widget.
Click to expand...
Click to collapse
Not quite what I was after, lol
Going to edit that one myself, see how I get on
**EDIT** Okay, so I've made the background a little smaller (and without the white background) but the buttons still stick to the very edges.
AndyCr15 said:
Not quite what I was after, lol
Going to edit that one myself, see how I get on
**EDIT** Okay, so I've made the background a little smaller (and without the white background) but the buttons still stick to the very edges.
Click to expand...
Click to collapse
Click on the attached image first and then save it. Right clicking and saving results in a loss of transparency, hence a broken .9 patch.
dinan said:
How would I go about making the launcher pro widgets transparent?
Click to expand...
Click to collapse
In my signature go to the Nexus S link, bottom of the 2nd post.
Thanks. I followed the guide and I have the header and footers transparent (I edited your pngs so that it was 0% opaque so perfectly transparent since that's what I want) but the background for the calendar widget still has a grey shade... dunno which png to change to get it perfectly clear. Any suggestions?
sonnysekhon said:
In my signature go to the Nexus S link, bottom of the 2nd post.
Click to expand...
Click to collapse
dinan said:
Thanks. I followed the guide and I have the header and footers transparent (I edited your pngs so that it was 0% opaque so perfectly transparent since that's what I want) but the background for the calendar widget still has a grey shade... dunno which png to change to get it perfectly clear. Any suggestions?
Click to expand...
Click to collapse
You can get it from here:
http://forum.xda-developers.com/showthread.php?t=783427
How would one go about editing a Beautiful Widget theme?
In the picture below you can see that the "pm" and weather are white and I want to make them both cyan to match everything else. (Also, I realized upon seeing the shot blown up that the color of the weather/date text didn't match so I fixed that).
kenvan19 said:
How would one go about editing a Beautiful Widget theme?
In the picture below you can see that the "pm" and weather are white and I want to make them both cyan to match everything else. (Also, I realized upon seeing the shot blown up that the color of the weather/date text didn't match so I fixed that).
Click to expand...
Click to collapse
Get the clock skin and the weather skin from your sdcard from data/beautifulwidgets. Edit them in Photoshop or GIMP and put them back.
sonnysekhon said:
Get the clock skin and the weather skin from your sdcard from data/beautifulwidgets. Edit them in Photoshop or GIMP and put them back.
Click to expand...
Click to collapse
Thanks Sonny! I am going to try (emphasis on try) to make a complete skin for BW to go with your SubCyan theme with just a simple clock and weather both cyan but if I fail (which seems to be what I'm doing) I'll probably do just that.

[instructions]Edit themes

As always, use at your own risk!
Quelle
BecauseI know I'm not theonly one whowants tounderstandit a lot,I'll showyoua way.Inspirationand ideasI got from this article.​ Huawei EMUI Themes gestalten und verändern [Teil 1]
What is needed:
- 7zip
- Sublime Text 3
Here we go. The prerequisite is time to rest and work accurately!
After you have installed the two programs are set to go.
Think up a folder where the issues come in here (.hwt). Always works only with copies!
Here you should create a subfolder with the topic name you now. There you unpacked the topic. Go into that folder and subfolders again sets each with the appropriate name. example:
com.android.settings = com.android.settings e
So you keep track of things.
The repeated her with the topic, which ye icons, etc you want to have.
Now comes the actual act. Take the issue of the want to edit it, in my case, Edward Returns.hwt and clicks it right (not extract!), Just select Open.
Next, locate the com.android.settings and open it again.
Here again open the res folder. Here delete the contents (click there and delete right).
Now we take the topic from which we want the icons. Also re-open and click through to the folder res. Now we select the content and push it, hold by the left, into the folder from another topic. We confirm the prompt with Yes. Now is the content in the other folder. Now we can both close, confirm the prompt with Yes and we already did it. Only on Mate7, select and look the topic. If you want, you can even assign a name. For the description.xml with Sublime Text 3 Open Notepad and then copy into the theme.
You can also use your own icons here on size, format and name eighth! It is also possible to take files from other themes if they do not exist.
Of course, goes even more, color etc, but you will still need to edit the corresponding .XML files.
Here are a few paths:
- Contacts com.android.contacts
- Gallery com.android.gallery3d: Here lies the Gallery widget.
- Player com.android.mediacenter: Here the player is widget.
- Settings com.android.settings: Here is what you see under settings and submenus.
- Links com.android.systemui: Here is what you see Status Bar / Benarichtigungen / Verküpfungen.
- Designs com.huawei.android.thememanager: Here is what you see under Themes.
- Clock / weather widget
com.huawei.android.totemweather / res
drawable-nodpi: Here are the wallpapers
drawable-sw360dp-xxhdpi: Here are the symbols
- Icons icons: This is what you see on the homescreen icons.​
​
Thanks , i would like to create a theme for me, a dark one, simple and clear but unfortunately, i really didnt understand the procedure Is it possible for you to make a step by step guide ? Taking the default theme and changing it ?
I need one with dark toggle background, and white toggles, the one selected blue or red.
Than the notifications background black and white text and icons.
on settings , dark background and white text + icons.
So sorry i dont understand , i would have tried to make some themes
Thanks !
For the font you need to edit the corresponding XML files. This is tedious. It is easier to look for the best ducks already in coarse threads and replace only the background, symbols etc is.
A Guide for the XML I'm not going to write, which is too complex, as there is also still required Chinese.
You can read here.
http://forum.xda-developers.com/mate-7/themes-apps/mod-thememessages-notification-panel-t2973486
Or here keeping an eye out for suitable topics.
http://www.android-hilfe.de/root-cu...7/654285-themes-der-grosse-themes-thread.html
Fooox1 said:
For the font you need to edit the corresponding XML files. This is tedious. It is easier to look for the best ducks already in coarse threads and replace only the background, symbols etc is.
A Guide for the XML I'm not going to write, which is too complex, as there is also still required Chinese.
You can read here.
http://forum.xda-developers.com/mate-7/themes-apps/mod-thememessages-notification-panel-t2973486
Or here keeping an eye out for suitable topics.
http://www.android-hilfe.de/root-cu...7/654285-themes-der-grosse-themes-thread.html
Click to expand...
Click to collapse
Thank you dude !
cool instruction
i also want to edit this specific theme Edward Returns for my Ascend p7, the theme is as of now only for Mate 7 it cant be found on p7 online themes, so i downloaded this theme and installed on my p7, everything is as it should be except the icons, the system Apps icons are well, but the apps that i have installed their icons dont fit in the icon frame of the theme, they are bigger than the theme icons so they come on top of the frame, but some of the Apps that have smaller icons i can see the icon frame of the theme behind them. So i wanna know if it is possible to resize the icons so they fit the icon frame? and how it can be done?
Thanks in advance :good:
Unpack theme, edit icons and then copy the unzipped not matter.
Does anyone know how to change the background color in Messeges? i have a really cool theme but there is some error in its Messages App the background is white while the timestamp in the left side is also in white color so i can read the time... i dont know which line in themes.xml should i change????
Unfortunately, I do not quite understand you. The background images are. Just as the symbols of the timeline. About the xml you lay down only the text color and the assignment.
can you help me of that modified whatsapp called WhatsMaap changing icon cause it looks so bad because the whatsapp icon is circle so there is a black or green background the app icon
this is the app dude : https://plus.google.com/communities/111022663413469989470
I need to modify the text colour of notifications into NOTIFICATION PANNEL.
Not the standard text you find below email notification or whatsapp notifications, just the ones poping up with text surrounded by circle and asking to close a particular application consuming too much battery, for example.
Actually these notifications text are in black and, since the background is black, they aren' t readeble at all, while the others notifications (i.e. whatsapp notifications, email notifications, etc. etc.) are properly in white (see picture attached).
Considering that I need to keep the background as black, I would need to modify the notifications text colour only, from black to....white, or light blue, or other which result more readable on the black background.
I tried to edit and modify the hwt file, as well as the XML file contained into the com.android.systemui file, but unsuccesfully.
Can you explain me which file and line I must modify in order to have fixed this?
None can help me??? Fooox1, Kolembo,Hannanzikrea, please assist.
I've edited the stat_sys_battery_15.png file on a theme, but every time my phone goes down to that level the battery icon reverts to stock. All other times the battery icon displays the custom one. Anyone know why and/or how to fix this?
Sent from my HUAWEI MT7-L09 using XDA Free mobile app
mighty_moose said:
I've edited the stat_sys_battery_15.png file on a theme, but every time my phone goes down to that level the battery icon reverts to stock. All other times the battery icon displays the custom one. Anyone know why and/or how to fix this?
Sent from my HUAWEI MT7-L09 using XDA Free mobile app
Click to expand...
Click to collapse
You should add another .png file with name stat_sys_battery_15_new.png and stat_sys_battery_7_new.png
Sent from my HUAWEI MT7-L09 using XDA Free mobile app
hannanzikrea said:
You should add another .png file with name stat_sys_battery_15_new.png and stat_sys_battery_7_new.png
Sent from my HUAWEI MT7-L09 using XDA Free mobile app
Click to expand...
Click to collapse
Okies, thanks. I thought they were extraneous and deleted them... Then forgot all about them lol
Sent from my HUAWEI MT7-L09 using XDA Free mobile app
My modified dark theme
https://drive.google.com/folder/d/0Bw1wBQi9rn3WMnc1cHQ0eVNUQTQ/edit
Here's my modified theme Dark Knight v3.2.9. Some bug fix for Honor 6.

Categories

Resources