Quantcast
Channel: xda-developers - Android Themes
Viewing all articles
Browse latest Browse all 4090

[GUIDE]Theming Guide for changing system text settings

$
0
0
Taking some time from theme to get all of this info out right now before I forget it. This is going to be a place to put system text edits and what they affect. Right now I only have a couple but will add to it as I go. As always feel free to add ones that you have found.

Things needed to accomplish these changes

Quote:

Apk Manager
-
Quote:

7-zip
Great tools for opening .apks and extracting them with out changing the extension.
Quote:

framework-res.apk
from your phone (since it holds the system settings).

Getting started

Quote:

  • Pull framework-res.apk from phone by using ADB or however you would like to do this.
  • Download and extract Apk Manager. I usually place this in the tools directory of the Android SDK. If you do this you need to set the environment path for the directory for aapt.exe of apktool.jar to work correctly.
  • Take the framework-res.apk and place it in the place-apk-here-for-modding folder withing the Apk Manager folder.
  • Click on Script.bat within the Apk Manager folder to open and run the tool.
  • Should ask you about clearing workspace and then something about finding ADB. Once you get passed those screens you should be at one that has number options.
  • For this walk through we are only concerned with the middle portion.
  • Now go to the Apk Manager folder and you should see an folder labelled "out". Open it to find your decompiled .apk
  • Go to the /res/values folder. Then go to a .xml file called styles.xml. Open this and any xml file that you decompile with notepad or notepad++
  • Select 9 and hit enter. It should tell you that it is decompiling the .apk. When it is done it will ask you to make a selection.
  • This is a big xml file which controls many aspects of the system. Don't worry I am not even going to try and explain things here. Just going to give you the areas I know and what to change.

Things within styles.xml that I know

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.

Completing the process

Once you are done with that file don't forget to save.
Go back to the Apk Manager grey command prompt window.
Do option 11 to compile the .apk. When that is done it will change from compiling .apk to asking you to make a decision.
Then do option 12 to sign the .apk. This is very important. Forgetting to do this will result in a boot loop.
Now go to place-apk-here-for-modding folder within the Apk Manager folder. There should now be a new file called repackaged-signed.apk . Move this file to the desktop or somewhere to rename. Rename to framework-res.apk.
You now have a new framework-res.apk with the edits you did. Either add images and what not that you want to it or go ahead and push to phone by using ADB, an update.zip, MM theme format, or move to sdcard and use Root Explorer.
If you are going to add images use 7-zip to open the .apk as an archive and navigate to the appropriate folder. I haven't tried it but you should be able to put the image file in the appropriate folder before doing option 11 to compile. Just keep in mind that if they are .9 images they will need the guides on them. Since the folders are decompiled images within them until compiled.

Enjoy your need settings. Again if you know of anything in this file or some other usefully system text edits in the framework-res.apk, let me know.

Attached Files
File Type: zip Lockscreen Text xmls.zip - [Click for QR Code] (2.8 KB)

Viewing all articles
Browse latest Browse all 4090

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>