[GUIDE] Tips for themers :)

Search This thread

montuk

Member
Sep 21, 2011
42
12

Indeed. There is a community to grow and you grow by helping people.

I mean I can search AALLLL the apps, but you could make it easier, and you get thanks from newbies like me :)

Greets
____________
mDroid - Tapatalk

Phone: LG-P500
ROM: Nitrogen.
Kernel: franco .35
Theme: ICS (by me)
Tweaks: ALL (knzo)
Wishlist: Galaxy Nexus :)

im also newbie not much know
but guys already thread title shows its for themers not for noob

Im learning theming from sticky theme guid so you can read and learn from there then come here :)
 

ZduneX25

Inactive Recognized Themer
Nov 4, 2010
4,123
5,004
miuipolska.pl
Xiaomi Redmi 2
Xiaomi Mi 5
@monts11 you are right, newbies should learn more easy things before, cos once you start from hard tricks you may stuck and you will never know how to move on, but once you finally have bigger knowledge you can find out how to fix many issues | in other case you will ask all the time and tired people won't answer anymore

@mDroidd you do not have to be advanced themer to be able to figure it out moreover if you would like to start from browsing applications this is not for you seriously, this is for theme choosers..... you do not have to look for anything just save my codes as xml and redirected correctly...
 
Last edited:

DaXmax

Senior Member
Sep 16, 2008
10,846
9,928
Singapore

Indeed. There is a community to grow and you grow by helping people.

I mean I can search AALLLL the apps, but you could make it easier, and you get thanks from newbies like me :)

Greets

im also newbie not much know
but guys already thread title shows its for themers not for noob

Im learning theming from sticky theme guid so you can read and learn from there then come here :)

Theming is easy, is not like making babies.... Or develop one... Heck, why im talking about this? Anyway, as long you have a knowledge to edit xml is done (learn linux too)... ;) Im sure, Zdune can be a recognized dev already... :rolleyes:
 

Habarug

Senior Member
Feb 23, 2011
1,671
409
Bergen
Thank you so much, I've been trying to find out this for a long time :D

Edit: just had to edit: everything I've EVER wondered about how to do is in this thread, It's just amazing :-D now I can finally improve my ics themes :-D

sent with love from me to you
 
Last edited:

R3D X

Senior Member
Jun 10, 2010
1,055
2,271
NJ
dude the page to buy it isn't in english and I don't know how to buy it :(
 

mDroidd

Senior Member
Aug 27, 2011
1,844
1,362
mappz-development.com
Ight bought the ics theme so are you gonna email me the link?

You will get an automatically generated email with download link, yes.

Greets!

mDroidd from tapatalk
_____________________________
Sent from my Galaxy Nexus
[-]Everything still stock
_____________________________
LG Optimus One
ROM: Nitrogen
Kernel: custom .35
Tweaks: All :cool:
Theme: ICS (inside Nitrogen by me)
 

zelendel

Senior Member
Aug 11, 2008
23,360
20,609
OnePlus 6T
OnePlus 9
Thought I would move over here. Your right it does work on CM7 and AOSP roms as well as MIUI. As for the SGS what roms have you tried it on? As I know it doesn't work on roms built from carrier builds. I know this from my work on Mosaic when I had the captivate. This theme set up was made by CM and only roms built using that code uses is.
 

ZduneX25

Inactive Recognized Themer
Nov 4, 2010
4,123
5,004
miuipolska.pl
Xiaomi Redmi 2
Xiaomi Mi 5
@zelendel I did my changes in SGS II framework from AOSP rom and it worked, middle screen:

1byad.png
 
Last edited by a moderator:
J

JudasLucifer

Guest
Sorry, this is a bit of a stupid question, but I couln't work it out myself.
What changes do you need to make to the code to have a transparent background which shows the users current wallpaper?
And would there be a way of overlaying a semi-transparent filter over that to make text etc readable?
Thanks :)
 

Top Liked Posts

  • There are no posts matching your filters.
  • 136
    Hi guys it's time to share some of my tips with all themers :p

    1) transparent/custom settings - from meziu and miui

    a) transparent
    open themes.xml with a good text editor
    screenshot-1313511776406.png

    Code:
    <style name="Theme" parent="@android:style/Theme">
        <item name="android:colorBackground">@android:color/transparent</item>
        <item name="android:windowBackground">@drawable/background_own</item>
        <item name="android:windowShowWallpaper">true</item>
    </style>
    Now you have to fix blank screen in video-camera and small popups:

    Code:
    <style name="Theme.NoTitleBar" parent="@android:style/Theme">
        <item name="android:windowShowWallpaper">false</item>
    </style>
    
    <style name="Theme.Black" parent="@android:style/Theme">
        <item name="android:colorBackground">@android:color/black</item>
        <item name="android:windowBackground">@drawable/background_own</item>
        <item name="android:windowShowWallpaper">false</item>
    </style>
    
    <style name="Theme.Light" parent="@android:style/Theme">
        <item name="android:windowShowWallpaper">false</item>
    </style>
    
    <style name="Theme.Translucent" parent="@android:style/Theme">
        <item name="android:windowShowWallpaper">false</item>
    </style>
    
    <style name="Theme.NoDisplay" parent="@android:style/Theme">
        <item name="android:windowShowWallpaper">false</item>
    </style>
    
    <style name="Theme.Panel" parent="@android:style/Theme">
        <item name="android:windowShowWallpaper">false</item>
    </style>
    It's time to fix email, cos it looks weird with transparent bg:
    themes.xml:
    Code:
    <style name="ThemeNoTitleBar.Email" parent="@android:style/Theme.NoTitleBar">
        <item name="android:colorBackground">@android:color/black</item>
        <item name="android:windowBackground">@android:color/black</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowContentOverlay">@null</item>
    </style>
    com_android_email.xml:
    Code:
    <resource-redirections>
        <item name="style/ThemeNoTitleBar">@style/ThemeNoTitleBar.Email</item>
    </resource-redirections>
    Finally we should fix youtube, cos nobody likes transparent bg during watching video clips in full screen mode :p
    themes.xml:
    Code:
    <style name="Theme.Youtube" parent="@android:style/Theme">
        <item name="android:windowBackground">@android:color/black</item>
    </style>
    com_google_android_youtube.xml:
    Code:
    <resource-redirections>
        <item name="style/Theme">@style/Theme.Youtube</item>
    </resource-redirections>

    b) custom
    screenshot1312139500904.png

    Code:
    <style name="Theme" parent="@android:style/Theme">
        <item name="android:colorBackground">@android:color/transparent</item>
        <item name="android:windowBackground">@drawable/background_own</item>
    </style>
    Nothing else needs to be fixed


    2) description color - also known from miui (orange) and meizu (blue)
    open colors.xml with a good text editor
    cap2011062612351.png

    Code:
    <resources>
        <color name="dim_foreground_dark">#ff_your_color</color>
        <color name="dim_foreground_dark_disabled">#80_your_color</color>
        <color name="dim_foreground_light_inverse">#ff_your_color</color>
        <color name="dim_foreground_light_inverse_disabled">#80_your_color</color>
    </resources>


    3) big ics window title
    open themes.xml with a good text editor
    submenuk.png

    Code:
    <style name="Theme" parent="@android:style/Theme">
        <item name="android:windowTitleSize">50.0dip</item>
    </style>
    
    <style name="TextAppearance.WindowTitle" parent="@android:style/TextAppearance">
        <item name="android:textSize">21.0sp</item>
        <item name="android:textStyle">normal</item>
        <item name="android:textColor">#ffffffff</item>
    </style>


    4) ics blue popup title
    open themes.xml with a good text editor
    screenshot6kw.png

    Code:
    <style name="Theme.Dialog" parent="@android:style/Theme">
        <item name="android:textColorPrimary">@color/primary_text_dark_holo</item>
    </style>
    primary_text_dark_holo.xml
    Code:
    <selector
      xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_enabled="false" android:color="#80ffffff" />
        <item android:state_window_focused="false" android:color="#ff33b5e5" />
        <item android:state_pressed="true" android:color="#ff000000" />
        <item android:state_selected="true" android:color="#ff000000" />
        <item android:state_focused="true" android:color="#ff000000" />
        <item android:color="#ff33b5e5" />
    </selector>


    5) withe text for buttons only
    open themes.xml with a good text editor
    screenshot2re.png

    Code:
    <style name="Widget.Button" parent="@android:style/Widget">
        <item name="android:textAppearance">?android:textAppearanceSmallInverse</item>
        <item name="android:textColor">@color/primary_text_light_holo</item>
        <item name="android:gravity">center</item>
        <item name="android:background">@android:drawable/btn_default</item>
        <item name="android:focusable">true</item>
        <item name="android:clickable">true</item>
    </style>
    primary_text_light_holo.xml
    Code:
    <selector
      xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_enabled="false" android:color="@color/white_disabled" />
        <item android:state_window_focused="false" android:color="@color/white" />
        <item android:state_pressed="true" android:color="@color/white" />
        <item android:state_selected="true" android:color="@color/white" />
        <item android:color="@color/white" />
    </selector>


    6) selected text color
    open themes.xml with a good text editor
    screenshot4as.png

    Code:
    <style name="TextAppearance" parent="@android:style/TextAppearance">
        <item name="android:textSize">16.0sp</item>
        <item name="android:textStyle">normal</item>
        <item name="android:textColor">?android:textColorPrimary</item>
        <item name="android:textColorHighlight">#ff33b5e5</item>
        <item name="android:textColorHint">?android:textColorHint</item>
        <item name="android:textColorLink">#ff33b5e5</item>
    </style>


    7) light text on dark popups - it's new I used it for my ICS theme :)

    a) 1st window
    open themes.xml with a good text editor
    screenshot2xe.png

    Code:
    <style name="TextAppearance.Large.Inverse" parent="@android:style/TextAppearance.Large">
        <item name="android:textColor">#ffffffff</item>
        <item name="android:textColorHint">#ff000000</item>
    </style>

    b) 2nd window - thanks to donhu for finding xml
    screenshotske.png


    select_dialog_item.xml
    Code:
    <TextView android:textAppearance="?android:textAppearanceLarge" android:textColor="@color/primary_text_light_holo_only" android:ellipsize="marquee" android:gravity="center_vertical" android:id="@android:id/text1" android:paddingLeft="14.0dip" android:paddingRight="15.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:minHeight="?android:listPreferredItemHeight"
      xmlns:android="http://schemas.android.com/apk/res/android" />

    select_dialog_multichoice.xml
    Code:
    <CheckedTextView android:textAppearance="?android:textAppearanceLarge" android:textColor="@color/primary_text_light_holo_only" android:ellipsize="marquee" android:gravity="center_vertical" android:id="@android:id/text1" android:paddingLeft="12.0dip" android:paddingRight="7.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:checkMark="@drawable/btn_check" android:minHeight="?android:listPreferredItemHeight"
      xmlns:android="http://schemas.android.com/apk/res/android" />

    select_dialog_singlechoice.xml
    Code:
    <CheckedTextView android:textAppearance="?android:textAppearanceLarge" android:textColor="@color/primary_text_light_holo_only" android:ellipsize="marquee" android:gravity="center_vertical" android:id="@android:id/text1" android:paddingLeft="12.0dip" android:paddingRight="7.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:checkMark="@drawable/btn_radio" android:minHeight="?android:listPreferredItemHeight"
      xmlns:android="http://schemas.android.com/apk/res/android" />

    primary_text_light_holo_only.xml
    Code:
    <selector
      xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_enabled="false" android:color="#ffe6e6e6" />
        <item android:color="#ffffffff" />
    </selector>

    c) 3th window
    open themes.xml with a good text editor
    screenshotabg.png

    Code:
    <style name="Widget.DropDownItem.Spinner" parent="@android:style/Widget.DropDownItem">
        <item name="android:textAppearance">@style/TextAppearance.Widget.DropDownItem.Holo</item>
        <item name="android:checkMark">@drawable/btn_radio</item>
    </style>
    
    <style name="TextAppearance.Widget.DropDownItem.Holo" parent="@android:style/TextAppearance.Widget">
        <item name="android:textColor">#ffffffff</item>
    </style>


    8) other app windows

    a) widgetpicker - settings.apk
    screenshot3vj.png


    appwidgetpicker.xml
    Code:
    <RelativeLayout android:orientation="horizontal" android:paddingTop="2.0dip" android:paddingBottom="2.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content"
      xmlns:android="http://schemas.android.com/apk/res/android">
        <ImageView android:id="@id/appwidgetpicker_imageview" android:layout_width="48.0dip" android:layout_height="48.0dip" android:layout_marginLeft="10.0dip" android:layout_marginTop="2.0dip" android:layout_marginBottom="2.0dip" android:src="@drawable/icon" />
        <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginLeft="10.0dip" android:layout_marginTop="2.0dip" android:layout_marginBottom="2.0dip" android:layout_toRightOf="@id/appwidgetpicker_imageview" android:layout_centerVertical="true">
            <TextView android:textSize="20.0dip" android:textColor="?android:textAppearanceLargeInverse" android:id="@id/appwidgetpicker_textview" android:layout_width="fill_parent" android:layout_height="wrap_content" />
            <TextView android:textSize="13.0dip" android:textColor="?android:textAppearanceLargeInverse" android:id="@id/appwidgetpicker_count" android:layout_width="fill_parent" android:layout_height="wrap_content" />
        </LinearLayout>
    </RelativeLayout>

    b) smiley menu - mms.apk/talk.apk
    screenshot4bh.png


    smiley_menu_item.xml
    Code:
    <LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="?android:listPreferredItemHeight"
      xmlns:android="http://schemas.android.com/apk/res/android">
        <ImageView android:layout_gravity="center_vertical" android:id="@id/smiley_icon" android:layout_width="20.0dip" android:layout_height="20.0dip" android:layout_marginLeft="18.0dip" />
        <TextView android:textAppearance="?android:textAppearanceLargeInverse" android:layout_gravity="center_vertical" android:id="@id/smiley_name" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_marginLeft="15.0dip" android:singleLine="true" android:layout_weight="1.0" />
        <TextView android:textAppearance="?android:textAppearanceLargeInverse" android:layout_gravity="center_vertical" android:id="@id/smiley_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="10.0dip" android:singleLine="true" />
    </LinearLayout>

    c) alarm background - deskclock.apk
    screenshot5qv.png


    clock_selector.xml
    Code:
    <selector
      xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_pressed="false" android:drawable="@android:color/transparent" />
        <item android:state_pressed="true" android:drawable="@drawable/list_selector_background_pressed" />
    </selector>

    alarm_time.xml
    Code:
    <LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content"
      xmlns:android="http://schemas.android.com/apk/res/android">
        <com.android.deskclock.DontPressWithParentLayout android:gravity="center" android:orientation="vertical" android:id="@id/indicator" android:background="@drawable/clock_selector" style="@style/alarm_list_left_column">
            <CheckBox android:layout_gravity="center" android:id="@id/clock_onoff" android:background="@drawable/indicator_clock_onoff" android:focusable="false" android:clickable="false" android:duplicateParentState="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:button="@null" />
            <ImageView android:layout_gravity="center" android:id="@id/bar_onoff" android:paddingTop="4.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_indicator_off" />
        </com.android.deskclock.DontPressWithParentLayout>
        <ImageView android:gravity="fill_vertical" android:background="@android:color/transparent" android:paddingTop="4.0dip" android:paddingBottom="4.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:src="@drawable/divider_vertical_dark" android:scaleType="fitXY" />
        <com.android.deskclock.DigitalClock android:gravity="center_vertical" android:orientation="vertical" android:id="@id/digitalClock" android:paddingLeft="16.0dip" android:paddingRight="16.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="1.0">
            <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:baselineAligned="true">
                <TextView android:textSize="28.0sp" android:textColor="?android:textColorPrimary" android:id="@id/timeDisplay" android:paddingRight="6.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:includeFontPadding="false" />
                <TextView android:textAppearance="?android:textAppearanceSmall" android:textStyle="bold" android:textColor="?android:textColorPrimary" android:id="@id/am_pm" android:layout_width="wrap_content" android:layout_height="wrap_content" />
                <TextView android:textAppearance="?android:textAppearanceSmall" android:textStyle="bold" android:textColor="?android:textColorTertiary" android:gravity="right" android:id="@id/label" android:paddingLeft="8.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:singleLine="true" android:layout_weight="1.0" />
            </LinearLayout>
            <TextView android:textAppearance="?android:textAppearanceSmall" android:textColor="?android:textColorSecondary" android:id="@id/daysOfWeek" android:layout_width="fill_parent" android:layout_height="wrap_content" android:includeFontPadding="false" />
        </com.android.deskclock.DigitalClock>
    </LinearLayout>


    All I ask for is tying some credits using it :)
    4
    It's dark_header.9.png, but system won;t load it transparent until you replace one more line (tested :p):

    <style name="Widget.TextView.ListSeparator" parent="@style/Widget.TextView">
    <item name="textSize">14.0sp</item>
    <item name="textStyle">bold</item>
    <item name="textColor">#ffffffff</item>
    <item name="gravity">center_vertical</item>
    <item name="background">@drawable/dark_header</item>
    <item name="paddingLeft">6.0sp</item>
    <item name="layout_width">fill_parent</item>
    <item name="layout_height">25.0dip</item>
    </style>

    original value is dark_header_dither (xml file from /drawable) you need to type dark_header in place of dark_header_dither to make it loads this as image then it will allow transparency for this 'bar'
    you can also set custom color and size for text there, I used white #ffffffff
    3
    Hii.... ZduneX25

    Awesome Tutorial, Work in My Themes..... Thanks Alot...

    But I still have a problem with the Text Color in the Font Setup and add smiley in Messages .. I hope you can help me find the lines to edit.. ?


    For the flipfont dialog you should edit the settings.

    Use baksmali to take the smalis out and then go to com/android/settings/flipfont and open the fontlistadapter.smali.

    Find this line:
    Code:
    const/high16 v6, -0x100

    and replace with this for white color:
    Code:
    const v6, -0x1
    3
    Hi, i'm making a holo light theme, i changed everything, but i can't change the text color in call log listview. I've tried everything and I have not gotten anything.

    I modified xml files deleting textview lines and I have not seen any change.

    Help me please I'm going crazy.

    Pd: I'm using the stock contacts with dualsim.

    ¡¡¡ I GOT IT !!! :D:D:D:D

    the answer was to edit the smali.


    I used dex2jar for clean code to use as a guide by jd gui, then I saw where it says the color of the date were referred to a secondary color, however the text color for the name was used -1, so copy the text color smali date and what I put into the color of the name.

    Before:
    iget-object v0, p0, Lcom/mediatek/contacts/calllog/CallLogListItemView;->mTextViewName:Landroid/widget/TextView;

    const/4 v1, -0x1

    invoke-virtual {v0, v1}, Landroid/widget/TextView;->setTextColor(I)V

    After:
    iget-object v0, p0, Lcom/mediatek/contacts/calllog/CallLogListItemView;->mTextViewName:Landroid/widget/TextView;

    iget v1, p0, Lcom/mediatek/contacts/calllog/CallLogListItemView;->mSecondaryTextColor:I

    That's all folks

    ps:Sorry for my english, i'm using google translator.
    2
    What to say to u mate, u r just awesome. Thank u very much for everything you did for me + this

    All the best,
    Vert