I've got an issue with some white on white text and I'm hoping someboby with styles.xml experience can help me.
The text I need help with is the Button Text. Suh as the "Mount R/W" button in Root Explorer. I need to change it to black.
I have tried many things and none worked. I have edited Widget.Button and Small.Inverse and since nothing I did made any changes I'm wondering if I'm in the right spot.
Here's my latest try:
Code:
<style name="Widget.Button" parent="@style/Widget">
<item name="textAppearance">?textAppearanceSmallInverse</item>
<item name="textColor">@color/black</item>
<item name="gravity">center</item>
<item name="background">@drawable/btn_default</item>
<item name="focusable">true</item>
<item name="clickable">true</item>
</style>
Code:
<style name="TextAppearance.Small.Inverse" parent="@style/TextAppearance.Small">
<item name="textColor">@color/black</item>
<item name="textColorHint">?textColorHintInverse</item>
</style>
The result is still white text.
I've tried in place of "@color/black":
- #ff000000
- @color/bright_foreground_dark
- @color/bright_foreground_light
Funny thing is this:
Code:
<style name="TextAppearance.Widget.IconMenu.Item" parent="@style/TextAppearance.Small">
<item name="textColor">@color/bright_foreground_dark</item>
</style>
gave me black text for my menu which is what I wanted.
Can anybody help?
I've been doing all kinds of alterations with the colors to try and figure out where everything goes so that I can best design my colors. The mount r/o text is controlled by the bright_foreground_light group of colors. As you can see below, I set:
Code:
<color name="bright_foreground_light">#ff00eeff</color>
<color name="bright_foreground_light_inverse">#ff00eeff</color>
<color name="bright_foreground_light_disabled">#8000eeff</color>
All to a bright blue so I could easily tell where it ended up. Here is the outcome below.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
The replacements that I made were in the colors.xml file. I think it would probably be best to create your own new color name, such as nottach_bright_foreground_light etc., with the colors that you choose in the colors.xml file, and then reference those from the styles.xml file.
jimbush3 said:
I've been doing all kinds of alterations with the colors to try and figure out where everything goes so that I can best design my colors. The mount r/o text is controlled by the bright_foreground_light group of colors. As you can see below, I set:
Code:
<color name="bright_foreground_light">#ff00eeff</color>
<color name="bright_foreground_light_inverse">#ff00eeff</color>
<color name="bright_foreground_light_disabled">#8000eeff</color>
Click to expand...
Click to collapse
do you mean change widget.button to something like this:
Code:
<style name="Widget.Button" parent="@style/Widget">
<item name="textAppearance">?textAppearanceSmallInverse</item>
<item name="textColor">@color/nottach_text_dark</item>
<item name="gravity">center</item>
<item name="background">@drawable/btn_default</item>
<item name="focusable">true</item>
<item name="clickable">true</item>
</style>
and leave small.inverse alone,
and add:
Code:
<color name="nottach_text_dark">#ff000000</color>
<color name="nottach_text_light">#ffffffff</color>
to my colors.xml?
If you want to preserve the originals for the other places that they are used on the Atrix then yes.
If you want to replace all instances of those colors on the phone then you can just modify the orignial colors. But yes, add any specific colors to the colors.xml file and then reference those from styles.
I'm learning as I go too so there might be better methods, this one has worked so far for me though.
It didnt work. I cant figure this out. I feel like it should definitely have worked.
like i said earlier i was able to edit the pop-up grid menu text color no problem. this ones being a pain.
Nottach said:
It didnt work. I cant figure this out. I feel like it should definitely have worked.
like i said earlier i was able to edit the pop-up grid menu text color no problem. this ones being a pain.
Click to expand...
Click to collapse
yeah I'm not sure, I've make so many different edits to a lot of xml files that mine may be pointing to colors differently now - and could be why those changes didn't work for you. From what I've seen theres usually a trail from color identified in styles.xml, through something identified in the colors folder, back to the colors.xml file as the source of the color. I changed the different groups of colors in colors.xml to bright, distinguishable colors and I'm just taking note of where they all get implemented on the phone. I recommend just backing up your colors.xml and setting up some very distinguishable colors in there.
here's what I'm talking about:
- clock
- notifications, the status bar is a little off because I've got it set to transparent and might not have it set up just right
- alarms
- main menu
Any help on what controls the color of list items in corporate sync email and root explorer? I got them stuck white and am not sure where the fix is. Thanks,
Im not sure, maybe something with 'list; in the name?
ive been reading these two threads, theres some good info.
http://forum.xda-developers.com/showthread.php?t=831715
http://forum.xda-developers.com/archive/index.php/t-865753.html
Sorry to intrude, but I have a question on how to change the menu popup text color, and it seems both of you have gotten that to change quite easily, can you let me know how you did it?
I want to change the text color to gray so that it can show on both white and black menu BGs. When I try to recompile my framework i get bootloop (apktool). Currently the main menus are black with white text (gingerblur theme) and this is an issue for some third party apps since they dont use the same black menu images so I get white on white in them like when using root explorer.
i'm trying to figure how to theme root explorer as well...specifically change the background on the popup menu on the bottom...i'm thinking i have to edit an xml, not entirely sure which one though, if someone can point me in the right direction, i'll greatly appreciate it...
screenshot:
NguyenHuu said:
Sorry to intrude, but I have a question on how to change the menu popup text color, and it seems both of you have gotten that to change quite easily, can you let me know how you did it?
I want to change the text color to gray so that it can show on both white and black menu BGs. When I try to recompile my framework i get bootloop (apktool). Currently the main menus are black with white text (gingerblur theme) and this is an issue for some third party apps since they dont use the same black menu images so I get white on white in them like when using root explorer.
Click to expand...
Click to collapse
I havent had any luck with apktool at all. Try apkmanager, it's a nice all in one ui for decompiling and building.
Sidenote: When apkmanager says delete the resources.arsc in the keep folder if you edited any xmls does that also include the value xmls? or only the xmls visible in the compiled package such as in layout?
tonecreationz said:
i'm trying to figure how to theme root explorer as well...specifically change the background on the popup menu on the bottom...i'm thinking i have to edit an xml, not entirely sure which one though, if someone can point me in the right direction, i'll greatly appreciate it...
Click to expand...
Click to collapse
to theme the bg in RE i think its an image in the rootexplorer.apk. to change the text color you have to decompile the framework-res.apk and edit value/styles.xml
Nottach said:
to theme the bg in RE i think its an image in the rootexplorer.apk. to change the text color you have to decompile the framework-res.apk and edit value/styles.xml
Click to expand...
Click to collapse
i've been looking at com.speedsoftware.rootexplorer-1.apk in /data/app/, i didn't see an image in res for the background, i'll take a look at the install apk to see if it's there, thanks!
Nottach said:
Sidenote: When apkmanager says delete the resources.arsc in the keep folder if you edited any xmls does that also include the value xmls? or only the xmls visible in the compiled package such as in layout?
Click to expand...
Click to collapse
I had a revelation about this after many failed attempts at recompiling.
Resources.arsc is a compilation of all of those hidden folders (values, etc.). If you change any of the xmls, especially the hidden folders, then you need to delete resources.arsc from the keep folder. If you don't delete it then it'll just use the original xml files from the apk and not the edited xml files from your projects folder.
When I delete that resources.arsc file a new one is not made for the unsigned built apk. and flashing a framework-res.apk without that file in it leads to a soft brick. Also when I delete the images I edit from the keep folder newly created ones are not made to replace them. So that leads to a softbrick. Do have to run apkmanager as admin or something?
Nottach said:
When I delete that resources.arsc file a new one is not made for the unsigned built apk. and flashing a framework-res.apk without that file in it leads to a soft brick. Also when I delete the images I edit from the keep folder newly created ones are not made to replace them. So that leads to a softbrick. Do have to run apkmanager as admin or something?
Click to expand...
Click to collapse
I get the exact same problem when I delete the resources, nothing new is created. it doesnt make sense.
Everyone please refer to the resources thread in the themes section for apk manager help.
Sent from my MB860 using XDA App
Related
Hi,
So im looking to mod the notification area background on ICS.
I've decompiled systemui but i cant seem to find a png for notification background to edit.
so in res/values/drawables.xml
i find this, which i believe relates to the notification bar (could be wrong)
Code:
<item name="notification_tracking_bg" type="drawable">#d8000000</item>
How can i change this to call a png in hdpi?
i THINK i need to do something like
Code:
<item name="notification_tracking_bg" type="drawable">"android:background="@drawable/mycustombg"</item>
Although something about the above doesnt look right.
Then in HDPI and mycustombg.png
any advice/help would be appreciated
The background is in drawable HDPI, find which one it and drop it into the apk using 7zip
Sent from my GT-I9100 using XDA
Is there a way to change the color of the font on your phone? Also what do i need to click in font installer to change all my fonts not just some fonts? Tia
Sent from my EVO using xda premium
wileout said:
Is there a way to change the color of the font on your phone? Also what do i need to click in font installer to change all my fonts not just some fonts? Tia
Sent from my EVO using xda premium
Click to expand...
Click to collapse
I don't know about the color part, but if you hit menu on the main screen of font installer then preferences, you can choose which fonts to overwrite/ replace. Hope that helps. Make a backup I guess in case you don't like the way something looks when you're done.
ducky1131 said:
I don't know about the color part, but if you hit menu on the main screen of font installer then preferences, you can choose which fonts to overwrite/ replace. Hope that helps. Make a backup I guess in case you don't like the way something looks when you're done.
Click to expand...
Click to collapse
Yea figured that part about changing fonts right I typed this up...still wanna know if I change colors tho lol
Sent from my EVO using xda premium
Well you will first need to decompile the framework apk's and edit the text color on those as many apps call to framework-res.apk/com.htc.resources.apk for text color then where you don't see changes you will need to decompile the particular apk associated with the place you like to change it. For example, statusbar related text is found in SystemUI.apk. Once you decompile it go to the color folder and you will see list_item_primary_text.xml, open it and you will see
Code:
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="false" android:color="[COLOR="red"]@color/primary_text_disable"[/COLOR] />
<item android:color="[COLOR="Red"]@android:color/primary_text_dark[/COLOR]" />
</selector>
notice the sections marked in red.
The first one @color/primary_text_disable tells you that the color code is coming from within the app so go to /res/values/colors.xml and open it. you will see the following code
Code:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="status_bar_recents_app_label_color">#ffffffff</color>
<color name="notification_list_shadow_top">#80000000</color>
<color name="white">#ffffffff</color>
<color name="black">#ff000000</color>
<color name="half_white">#7fffffff</color>
<color name="half_black">#7f000000</color>
[COLOR="red"]<color name="primary_text_disable">#ff4c4c4c</color>[/COLOR]
<color name="secondary_text_disable">#ff4c4c4c</color>
<color name="multiply_color">#ffbdff67</color>
</resources>
here is the color code its referring to. Now you can either change the color code here or you can just change android:color="@color/primary_text_disable" to android:color="colorcodehere" (example ff000000)
Now notice the <item android:color="@android:color/primary_text_dark" /> on the first code...this tells us that the code is being called upon from the framework.
You can also change "@android:color/primary_text_dark" to "colorcodehere" or to "@color/primary_text_disable" to make the color reference internal in the app.
There are many different ways to get the changes you want...some changes are a bit harder as they are coded through smali.
I suggest you start with a non-framework apk and make the color references internal.
Hope this helps
eg1122 said:
Well you will first need to decompile the framework apk's and edit the text color on those as many apps call to framework-res.apk/com.htc.resources.apk for text color then where you don't see changes you will need to decompile the particular apk associated with the place you like to change it. For example, statusbar related text is found in SystemUI.apk. Once you decompile it go to the color folder and you will see list_item_primary_text.xml, open it and you will see
Code:
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="false" android:color="[COLOR="red"]@color/primary_text_disable"[/COLOR] />
<item android:color="[COLOR="Red"]@android:color/primary_text_dark[/COLOR]" />
</selector>
notice the sections marked in red.
The first one @color/primary_text_disable tells you that the color code is coming from within the app so go to /res/values/colors.xml and open it. you will see the following code
Code:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="status_bar_recents_app_label_color">#ffffffff</color>
<color name="notification_list_shadow_top">#80000000</color>
<color name="white">#ffffffff</color>
<color name="black">#ff000000</color>
<color name="half_white">#7fffffff</color>
<color name="half_black">#7f000000</color>
[COLOR="red"]<color name="primary_text_disable">#ff4c4c4c</color>[/COLOR]
<color name="secondary_text_disable">#ff4c4c4c</color>
<color name="multiply_color">#ffbdff67</color>
</resources>
here is the color code its referring to. Now you can either change the color code here or you can just change android:color="@color/primary_text_disable" to android:color="colorcodehere" (example ff000000)
Now notice the <item android:color="@android:color/primary_text_dark" /> on the first code...this tells us that the code is being called upon from the framework.
You can also change "@android:color/primary_text_dark" to "colorcodehere" or to "@color/primary_text_disable" to make the color reference internal in the app.
There are many different ways to get the changes you want...some changes are a bit harder as they are coded through smali.
I suggest you start with a non-framework apk and make the color references internal.
Hope this helps
Click to expand...
Click to collapse
Thanks bro that helps a ton now to just go thru and do it to each one of my 100 apps lmao
Sent from my EVO using xda premium
Howdy all. I'm modifying the new version of the Yahoo mail app to make it less purple. I've got almost all traces of Teletubby puke out of the apk, but I am having issue with the colors.xml. The color name strings don't exactly tell me what color goes to to which elements in the app.
Such names are:
<color name="action_bar_top_gradient">#ffffff</color>
<color name="action_bar_bottom_gradient">#ebe8ed</color>
<color name="action_bar_split_top_gradient">#f5f2f7</color>
<color name="action_bar_split_bottom_gradient">#e3e1e5</color>
<color name="action_bar_edge_divider_line">#5533528f</color>
<color name="action_bar_extra_divider_line">#ffffff</color>
Colors.xml uses like 50 shades of purple. Saint's ColorEdit makes it easy to edit the color, I just need to figure out which color name goes to which element. Is there a preview emulator which I can run the apk with so I can see my color changes without having to recompile the apk and installing it on my phone everytime?
FOR THE PEOPLE HOW LOVE CUSTOMIZATION I AM PRESENTING MY 2 THEMES
1) 3D THEME(real 3d effects)
2) JELLYWHITE(nearly white background in apps like settings and phone)
...........3D THEME................................
3D 3D 3D 3D
A new generation of themes is just began for android Xperias
You have 3d glasses?
If your answer is yes, there is good news for you
I have created a 3d theme
Just put on the glasses and enjoy
Download the attachments
3dtheme and the wallpaper
Requirements: 3d glasses
CAUTION: IT may take 3 to 4 seconds to your eyes to see 3d images with glasses
There may be pain in your eyes after testing
Note : 3d theme is only a test release not final one but you must try it out
.....................JELLYWHITE..................
Many people wants a white background in apps like settings and phone
So I decided to make this
However it is not complete white but grey due to the white font present in these apps but it looks really cool
This theme is best combined with white theme of Xperia keyboard
..............................................................
REQUIREMENTS
A rooted device(obviously a Xperia)
Root explorer(or a similar app)
The attachment
A working brain
PHONES TESTED
Xperia u
Xperia sola
May work on s,p,go and other firmware versions
But try on your risk
METHOD TO INSTALL
Push in system/vendor/overlay/framework/
and fix permissions
reboot
For jellywhite select silk theme in theme manager
For 3d theme select turquoise in theme manager and apply the attached wallpaper
please comment here and provide feedback for future development
Any screenshot or something ?
Hello any screenshot?
Re: Theme (xu)(b.10) jellywhite
Here are screen shots
This should be noted that this is my first thread and first post
droidzeus said:
Here are screen shots
This should be noted that this is my first thread
Click to expand...
Click to collapse
ok :good:
but its not white but grey
screen shot please??
Re: Theme (xu)(b.10) jellywhite
I cannot make this complete white because of the white font
U guys know any method to turn these font to black
patokaz said:
screen shot please??
Click to expand...
Click to collapse
its already added over here, look better:silly:
Re: Theme (xu)(b.10) jellywhite
So anyone tried it
from where its white
on topic its look cool anyway, good work I will try it.
Re: Theme (xu)(b.10) jellywhite
Dude I already posted that it cannot be made completely white due to white fonts but yay it looks way cooler than those stock theme
I've tried, and it's nice
here's a bigger screenshot
I hate to be rude, but it's not white all. It's grey mostly.
Re: Theme (xu)(b.10) jellywhite
If you develop a way to change font color to black I will surely provide a complete white theme
Customizing a theme to white is not hard. The point is to make the font black. It requires heavy modifications of framework images and programing too.
Hope some dev can do that.
Re: Theme (xu)(b.10) jellywhite
Very true but for now try this cool theme
This is something we need.
Re: Theme (xu)(b.10) jellywhite
Where you get these
Pls provide link
Re
Link please.
This should Help
res\values\colors.xml
res\values\styles.xml
this is what i found
First off is the text on buttons.
Do a ctrl+f to bring up the find button.
Type widget.button and click find next. (hit find next 6 times)
You should now be at this portion of the .xml
Code:
<style name="Widget.Button" parent="@style/Widget">
<item name="textAppearance">?textAppearanceSmallInverse</item>
<item name="textColor">@color/primary_text_light</item>
<item name="gravity">center</item>
<item name="background">@drawable/btn_default</item>
<item name="focusable">true</item>
<item name="clickable">true</item>
</style>
Where it says primary_text_light (black) change to primary_text_dark (white).
Also you could delete the whole @color/primary_text_light and just put #ffff00ae as an example for the color code you desire.
If that is all you need save and look down for the completing instructions.
Next is the menu text (when you hit he soft key for menu)
Do ctrl + f and put in TextAppearance.Widget.IconMenu.Item and click find next.
You should now be at this area
Code:
<style name="TextAppearance.Widget.IconMenu.Item" parent="@style/TextAppearance.Small">
<item name="textColor">?textColorPrimary</item>
</style>
Change textColorPrimaryInverse (black) to textColorPrimary (white and then black when pressed)
Also you could delete the whole ?textColorPrimary and just put #ffff00ae as an example for the color code you desire.
If that is all you need save and look down for the completing instructions.
Keyboard text (the actually text on the soft keyboard keys)
Do ctrl + f and put in Widget.KeyboardView and click find next twice
You should now be at this section
Code:
<style name="Widget.KeyboardView" parent="@style/Widget">
<item name="background">@drawable/keyboard_background</item>
<item name="shadowColor">#bb000000</item>
<item name="shadowRadius">2.75</item>
<item name="keyBackground">@drawable/btn_keyboard_key</item>
<item name="keyTextSize">22.0sp</item>
<item name="labelTextSize">14.0sp</item>
<item name="keyTextColor">#ffffffff</item>
<item name="keyPreviewLayout">@layout/keyboard_key_preview</item>
<item name="keyPreviewOffset">-12.0dip</item>
<item name="keyPreviewHeight">80.0dip</item>
<item name="verticalCorrection">-10.0dip</item>
<item name="popupLayout">@layout/keyboard_popup_keyboard</item>
</style>
Pretty simple, where it says keyTextColor, change that to whatever you want.
If you want to change the key text on the pop up or preview, that is located in /res/layout/keyboard_key_preview.
If that is all you need save and look down for the completing instructions.
Text highlight color
Do crtl + f and put (style name="TextAppearance") in the find box and click find next.
You should now be at this section.
Code:
<style name="TextAppearance">
<item name="textSize">16.0sp</item>
<item name="textStyle">normal</item>
<item name="textColor">?textColorPrimary</item>
<item name="textColorHighlight">#ffc0c0c0</item>
<item name="textColorHint">?textColorHint</item>
<item name="textColorLink">#ff5c5cff</item>
</style>
Just change the textColorHighlight to whatever color you desire.
If that is all you need save and look down for the completing instructions.
Edit Text (what shows when you type in any textfield like talk, facebook, twitter, and such)
Do crtl+F for Widget.EditText and hit find next twice.
You should now be at this area.
Code:
<style name="Widget.EditText" parent="@style/Widget">
<item name="textAppearance">?textAppearanceMediumInverse</item>
<item name="textColor">@color/primary_text_light</item>
<item name="gravity">center_vertical</item>
<item name="background">@drawable/edit_text</item>
<item name="focusable">true</item>
<item name="focusableInTouchMode">true</item>
<item name="clickable">true</item>
</style>
Where is says primary_text_light, you can change it to primary_text_dark for white text. Otherwise just do this "textColor">#ffff0000< that code is for red. Just replace with what color you want.
If you are done save and continue to finishing instructions
Lockscreen Text
This is located in the /res/layout folder as keyguard_screen_tab_unlock.xml and keyguard_screen_tab_unlock_land.xml.
To help out I have added a color values string to the text areas (they don't have them by default)
Grab the Lockscreen Text xmls.zip found at the bottom. Unzip
Open these files in a Hex editor like HxD.
Do a hex-string search of 08 00 00 1c. The first one is for a background color skip it.
The next eight are for the text on the screen. By default I have them set at FF FF FF FF for white.
Just remember in hex editing the color values are backwards. Save the files and add to your framework-res.apk.
I will add more later. Just wanted to get these out right now.
Statusbar for Music.apk
Change the .zip to .xml.
Open with hex editor like HxD.
Do a search for 08 00 00 1c, there will be two in this file.
Right now the default is for white FF FF FF FF. change to desired hex color and save.
Then place in /res/layout folder of Music.apk and push to phone.
Click to expand...
Click to collapse
Hi there.
I for one am not a fan of the solid black statusbar of recent androids. It ruins the very nice Sony look, if you ask me.
How would I go about replacing it with a nice gradient one like the Gingerbread days? Is it really that hard or is everyone fine with the solid black one?
Thanks,
You can use ninjamorph and some icons you'd like to use as a backgroud.
Sent from my LT18i using xda app-developers app
I know it's possible to mod system files with ninjamorph but I was really hoping for a more specific answer.
for an easy way to do it, you can try UOT Kitchen.
or if you want to add your own-made background, you can decompile systemui.apk.
Edit: deleted
Aren't you pointing out the notification menu background? I guess its a little bit confusing what i mean but I'm talking about the top bar background, where the clock, batter icon, etc are located.
I know, sorry I realized after I posted the pic. Can't seem to delete.
You will find the drawables in there though, but if your after transparent, I count t get it to work nice. Ghost notification icons.
Sent from my metalliArc S
You need to edit your drawables.xml in the values folder after decompiling, then add an image to drawable-hdpi and point to it from the xml...
Code:
<item type="drawable" name="status_bar_background">@drawable/status_bar_background_custom</item>
...or simply point to an existing image.
Ahh! That's why it ignorered my statusbar images. Thanks man, great help !