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
Related
I know it sounds tedious, but I just want the menus black. To be more specific, the menus that popup if you were to hit the menu button while looking at the homescreen. It was just improve my blackfroyo theme experience. Ha, if anyone knows how to, or how I could use one of the existing themes to apply only this mod, I'd appreciate it. Obviously I'd want the text altered too so it wasn't black on black.
I have that working, however I am having trouble loacting the file to change the text from black to white
The graphics part is easy. You can just copy over the appropriate files from gingerbread drawable-hdpi to your framework file.
The test and item separator references need to be changed in framework-res.apk, /res/values/styles.xml
At work right now and can't tell you exactly, but you have to change the text for both the popup and the extended menus.
If you find the locations in styles/xml that refer to the text style they say something like PrimaryTextColorInverse or similar. just remove the inverse. This needs to be done in two places for both the popup and the extended menus.
The separators need to be changed from divider_horizontal_dark and divider_vertical dark. these will be in the same places as the text.
Once recompiled the changes will be in the resources file. make sure all of your xml files and the resource file is compiled together.
Updated with more specifics:
when you decompile framework-res there is a folder /res/values that contains a bunch of xml files. You will need to edit styles.xml.
Below changes the menu item text color to light:
Code:
<style name="TextAppearance.Widget.IconMenu.Item" parent="@style/TextAppearance.Small">
<item name="textColor">?[COLOR="red"]textColorPrimary[/COLOR]</item>
Below changes the dividers to light:
Code:
<style name="Theme.IconMenu" parent="@style/Theme">
<item name="windowAnimationStyle">@style/Animation.OptionsPanel</item>
<item name="background">@null</item>
<item name="itemTextAppearance">@style/TextAppearance.Widget.IconMenu.Item</item>
<item name="horizontalDivider">@drawable/[COLOR="red"]divider_horizontal_dark[/COLOR]</item>
<item name="verticalDivider">@drawable/[COLOR="Red"]divider_vertical_dark[/COLOR]</item>
<item name="itemBackground">@drawable/menu_selector</item>
<item name="itemIconDisabledAlpha">?disabledAlpha</item>
<item name="moreIcon">@drawable/ic_menu_more</item>
Below Changes the expanded menu text appearance:
Code:
<style name="Theme.ExpandedMenu" parent="@style/Theme">
<item name="listViewStyle">@style/Widget.ListView.Menu</item>
<item name="windowAnimationStyle">@style/Animation.OptionsPanel</item>
<item name="background">@null</item>
<item name="itemTextAppearance">?[COLOR="red"]textAppearanceLarge[/COLOR]</item>
cgrunner said:
The graphics part is easy. You can just copy over the appropriate files from gingerbread drawable-hdpi to your framework file.
The test and item separator references need to be changed in framework-res.apk, /res/values/styles.xml
At work right now and can't tell you exactly, but you have to change the text for both the popup and the extended menus.
If you find the locations in styles/xml that refer to the text style they say something like PrimaryTextColorInverse or similar. just remove the inverse. This needs to be done in two places for both the popup and the extended menus.
The separators need to be changed from divider_horizontal_dark and divider_vertical dark. these will be in the same places as the text.
Once recompiled the changes will be in the resources file. make sure all of your xml files and the resource file is compiled together.
Updated with more specifics:
when you decompile framework-res there is a folder /res/values that contains a bunch of xml files. You will need to edit styles.xml.
Below changes the menu item text color to light:
Code:
<style name="TextAppearance.Widget.IconMenu.Item" parent="@style/TextAppearance.Small">
<item name="textColor">?[COLOR="red"]textColorPrimary[/COLOR]</item>
Below changes the dividers to light:
Code:
<style name="Theme.IconMenu" parent="@style/Theme">
<item name="windowAnimationStyle">@style/Animation.OptionsPanel</item>
<item name="background">@null</item>
<item name="itemTextAppearance">@style/TextAppearance.Widget.IconMenu.Item</item>
<item name="horizontalDivider">@drawable/[COLOR="red"]divider_horizontal_dark[/COLOR]</item>
<item name="verticalDivider">@drawable/[COLOR="Red"]divider_vertical_dark[/COLOR]</item>
<item name="itemBackground">@drawable/menu_selector</item>
<item name="itemIconDisabledAlpha">?disabledAlpha</item>
<item name="moreIcon">@drawable/ic_menu_more</item>
Below Changes the expanded menu text appearance:
Code:
<style name="Theme.ExpandedMenu" parent="@style/Theme">
<item name="listViewStyle">@style/Widget.ListView.Menu</item>
<item name="windowAnimationStyle">@style/Animation.OptionsPanel</item>
<item name="background">@null</item>
<item name="itemTextAppearance">?[COLOR="red"]textAppearanceLarge[/COLOR]</item>
Click to expand...
Click to collapse
good job)
I went searching for this info months ago when I was cooking for the HD2 and could not find it anywhere. Recently I wanted to change the default lockscreen on boot and went searching for this info. Again...could not find it anywhere. So I had to figure it out on my own. What makes this community so great is the sharing of info...so this is my part in paying it forward.
When cooking your own ROMs you can set the default lock screen by editing...
\system\customize\MNS\default.xml
Look for the following strings in the xml.
<module name="Lockscreen">
<function name="idlescreen">
<set name="single" max="1">
<item name="component">com.htc.weatheridlescreen/com.htc.weatheridlescreen.service.WISService</item>
</set>
</function>
</module>
Click to expand...
Click to collapse
The line of interest is <item name="component">com.htc.weatheridlescreen/com.htc.weatheridlescreen.service.WISService</item>
Change that line to one of the following for your desired lockscreen
Wallpaper
<item name="component">com.htc.idlescreen.shortcut/.ShortcutService</item>
Photo Album
<item name="component">com.htc.ml.PhotoLockScreen/.LiveGallery</item>
Friend Stream
<item name="component">com.htc.idlescreen.socialnetwork/.SocialnetworkService</item>
Weather
<item name="component">com.htc.weatheridlescreen/com.htc.weatheridlescreen.service.WISService</item>
Stocks
<item name="component">com.htc.idlescreen.stock/.StockIdleScreen</item>
Clock
<item name="component">com.htc.clock3dwidget/.idlescreen.IdleScreenClockService</item>
These settings are for Sense 3.0.
-CMYLXGO
Thanks for the info. Do you know where the settings for the photo lockscreen are set (ie what album to use)? Also, how about the shortcuts?
Is there a program for android that will compare files on the phone before/after making a change (like Kheb back in the windows mobile days)?
I can just edit the pngs and the .9.pngs and everything goes fine. I can install and everything works perfectly except the font is too dark on the widget so you cant see it. I am wanting to change the font on the venues widget to white not black. If you look at the styles.xml there are 3 instances that are there and they are as follows:
HTML:
<style name="TextViewStyleVenueActivityTodoHere">
<item name="android:textSize">14.0dip</item>
<item name="android:textStyle">bold</item>
<item name="android:textColor">@color/black_end</item>
</style>
<style name="TextViewStyleAddTipTodoActivityBold">
<item name="android:textSize">16.0dip</item>
<item name="android:textStyle">bold</item>
<item name="android:textColor">@color/black_end</item>
</style>
<style name="TextViewStyleAddTipTodoActivityNormal">
<item name="android:textSize">14.0dip</item>
<item name="android:textColor">@color/black_end</item>
</style>
I am changing black_end to white. that is all I am changing. Anyone offer any assistance with this? Attached in the zip is the original apk and the pngs (yes I ran the 9patch on the .9.pngs) that I have edited and the styles.xml file is in res/values
The app compiles, signs, and installs fine, but will FC as soon as I try to open it. I also attached the adb log from trying to open the app if anyone can decipher that. lol
Any help would be GREATLY appreciated.
No one has an idea?
Hello to all of you
First, I want to say my English sucks... sor....
I want to ask you some problem
I want change my settings's background.
it's style.xml backgrounds reference framework-res Theme
but I don't want change theme default background
because other apk also reference this theme
I want only change settings background
who can help me...
and can i do this? I edit settings style.xml Red lines are my edits
</style>
<style name="Theme.Holo" parent="@*android:style/Theme.DeviceDefault.Light" />
<item name="windowbackground">@*android:drawable/senc_myimg</item>
<style name="Theme.Holo.NoActionBar" parent="@*android:style/Theme.DeviceDefault.Light.NoActionBar" />
<style name="Theme.Holo.Dialog" parent="@*android:style/Theme.DeviceDefault.Light.Dialog" />
<style name="Theme.Holo.DialogWhenLarge" parent="@*android:style/Theme.DeviceDefault.Light.DialogWhenLarge">
<item name="android:directionality">true</item>
The last question @drawable/XXXXX AND @*drawable/xxxxx OR @*/@android:drawble/xxxx Difference
Hi, First of all i know i shouldn't post question here,anyways i checked out Q/A section and its like a noob trash.So if i write it there i don't think i can get an answer.
So let me tell you what i want to do..
Let's look that code snip
--------------------
<style name="TextAppearance.Holo.Widget.Switch" parent="@android:style/TextAppearance.Holo.Small">
<item name="android:textColor">#00ffffff</item>
</style>
---------------
you know red text is like getting that style from framework-res.apk and blue one is overwriting to red one's specific parts.
So,you didn't lose main stuff from red part...
That's okay for framework-res styling...
but how about working on another app packages' styles
The code snip below is from original Settings app's styles.xml
-----------------
<style name="Theme.Settings" parent="@*android:style/Theme.Holo">
<item name="android:actionBarStyle">@*android:style/Widget.Holo.ActionBar.Solid</item>
<item name="apnPreferenceStyle">@style/ApnPreference</item>
<item name="ic_menu_add">@drawable/ic_menu_add_dark</item>
<item name="ic_menu_moreoverflow">@*android:drawable/finger_print_arrow_019</item>
<item name="ic_wps">@drawable/ic_wps_dark</item>
<item name="wifi_signal">@drawable/wifi_signal_dark</item>
</style>
------------
The code below is my code which i used on cm11 theme
-------------
<style name="Theme.Settings" parent="@*android:style/Theme.Holo">
<item name="android:actionBarStyle">@style/MyActionBar</item>
</style>
------------
if i use that changed code it correctly changes things on Settings app..
But when i enter into Wifi settings app crashes because of these things
<item name="apnPreferenceStyle">@style/ApnPreference</item>
<item name="ic_menu_add">@drawable/ic_menu_add_dark</item>
<item name="ic_menu_moreoverflow">@*android:drawable/finger_print_arrow_019</item>
<item name="ic_wps">@drawable/ic_wps_dark</item>
<item name="wifi_signal">@drawable/wifi_signal_dark</item>
everything else in app works good.
So theme's wifi part will be broken if i use like above.
Let me tell you the another way,
hmm @*android:style/Theme.Holo comes from framework-res so i can easily create overlay for it but if i do that for Theme.Holo , it will change the Settings app correctly but it also will broke all other Theme.Holo used apps
I don't want both of these things.
How about overlaying settings's Theme.Settings
like that
So app won't crash and it will be themed only the settings app
-------------
<style name="Theme.Settings" parent="THEMES SETTINGS STYLE RESOURCE FROM SETTINGS APP">
<item name="android:actionBarStyle">@style/MyActionBar</item>
</style>
------------
I couldn't find something like this.
What am i supposed to do??