How to invert colors in Gmail.apk message display screen?

Discussion in 'Android Themes' started by raidzero, May 5, 2010.

  1. raidzero

    raidzero n00b. Theme Developer Premium Member Developer

    Joined:
    Apr 15, 2010
    Messages:
    1,054
    Likes Received:
    3
    Trophy Points:
    38
    Location:
    Denver, CO
    Ratings:
    +3
    How do you make it look like Motorola's Email.apk app? I just want to invert black on white to white on black. I think the Gmail app is assaulting on the eyes in the dark whereas the Email app from Motorola is very darkness-friendly. Think when you first wake up and the first thing before even turning on the light is to check emails... just me? haha. Anyway, it's worse than turning on the light to look at Gmail when it is black on white lol.

    Anybody can help? Thanks!
     
  2. raidzero

    raidzero n00b. Theme Developer Premium Member Developer

    Joined:
    Apr 15, 2010
    Messages:
    1,054
    Likes Received:
    3
    Trophy Points:
    38
    Location:
    Denver, CO
    Ratings:
    +3
    bump.. anyone?
     
  3. Yodes

    Yodes Member

    Joined:
    Oct 31, 2009
    Messages:
    139
    Likes Received:
    0
    Trophy Points:
    16
    Location:
    Chicago, IL
    Ratings:
    +0
    Gonna post here as well so that it gets more attention. I would like to know this as well

    Sent from my Droid using Tapatalk
     
  4. Tepes

    Tepes Member

    Joined:
    Dec 11, 2009
    Messages:
    342
    Likes Received:
    0
    Trophy Points:
    16
    Location:
    Chicago
    Ratings:
    +0
    Bump! Would love this as well.
     
  5. thebowers

    thebowers Premium Member Theme Developer Premium Member

    Joined:
    Nov 24, 2009
    Messages:
    2,547
    Likes Received:
    1
    Trophy Points:
    101
    Location:
    Iowa
    Ratings:
    +1
    Just a suggestion as I have not tried this, but maybe it can be changed by decompiling the .apk with the apktool. Then taking a look at the color or colors.xml in the values folder. Again I have not tried this just a suggestion.
     
  6. Florida_Bwoi

    Florida_Bwoi Member

    Joined:
    May 5, 2010
    Messages:
    44
    Likes Received:
    0
    Trophy Points:
    6
    Ratings:
    +0
    Yeah, I would love for gmail to look like the regular email. If anyone can come up with a way to change it, it would really be appreciated...
     
  7. raidzero

    raidzero n00b. Theme Developer Premium Member Developer

    Joined:
    Apr 15, 2010
    Messages:
    1,054
    Likes Received:
    3
    Trophy Points:
    38
    Location:
    Denver, CO
    Ratings:
    +3
    Thanks for the tip. I will definitely be looking into this. I have always been puzzled by the .xml files as they are not plain text, their extensions are miselading ;)
     
  8. gotta have that funk

    gotta have that funk Member

    Joined:
    Dec 18, 2009
    Messages:
    869
    Likes Received:
    0
    Trophy Points:
    16
    Ratings:
    +0
    its white on black in dark edge..does look 100x times better.
     
  9. raidzero

    raidzero n00b. Theme Developer Premium Member Developer

    Joined:
    Apr 15, 2010
    Messages:
    1,054
    Likes Received:
    3
    Trophy Points:
    38
    Location:
    Denver, CO
    Ratings:
    +3
    So I decompiled the Gmail.apk using apktool. I took the decompiled files over to eclispe in slackware and edited the style.xml (I just inverted the colors, where I saw black I put white and vice versa). I then exported my newly created apk file and ... it's only about half the size of the original. Crap. Needless to say it does not work. I think it is because apktool does not decompile everything, and therefor does not give enough source from which to create a working APK.

    I am sure the gmail app is part of the AOSP but I do not see it in what I downloaded. I see other apps, like phone, launcher, Email (a motorola app in the AOSP???)

    I am too much of a noob for this lol any help?
     
  10. icculusX

    icculusX Premium Member Theme Developer Premium Member

    Joined:
    Feb 10, 2010
    Messages:
    2,534
    Likes Received:
    0
    Trophy Points:
    101
    Location:
    The Moon
    Ratings:
    +0
    If its just for you personally why don't you download Dark Edge and grab the g-mail files and mess with those... its a start...
     
  11. timrenzi573

    timrenzi573 New Member

    Joined:
    May 4, 2010
    Messages:
    28
    Likes Received:
    0
    Trophy Points:
    1
    Ratings:
    +0
    Only the menus though - actual email is still white background (Unless mine is screwed up :) )
     
  12. raidzero

    raidzero n00b. Theme Developer Premium Member Developer

    Joined:
    Apr 15, 2010
    Messages:
    1,054
    Likes Received:
    3
    Trophy Points:
    38
    Location:
    Denver, CO
    Ratings:
    +3
    I did, did not work for me, well not all the way. unread messages had a white background but read looked good.
    the email itself should stay black on white (IMO). for my mod if I ever get it right all I am hoping to accomplish is making the message list inverted



    using apktool to decompile the gmail.apk (apktool d d Gmail.apk ./out)from smoked glass 6.0.1 has no errors, when I use apktool to build the apk again (apktool b -f -d out) it works on the device, but nothing is changed. I edited colors.xml and styles.xml
     
  13. raidzero

    raidzero n00b. Theme Developer Premium Member Developer

    Joined:
    Apr 15, 2010
    Messages:
    1,054
    Likes Received:
    3
    Trophy Points:
    38
    Location:
    Denver, CO
    Ratings:
    +3
    I started the procedure over, and now I am getting somewhere! :-D This should be done soon :)

    edit: not quite.. hit a roadblock.


    Gmail.apk/res/values/colors.xml:
    Code:
    <?xml version="1.0" encoding="UTF-8"?>
    <resources>
        <color name="prefs_text_color">#ffffffff</color>
        <color name="attribution_background">#ffb3b3b3</color>
        <color name="attribution_text">#ffffffff</color>
        <color name="quoted_text">#ff808080</color>
        <color name="compose_title">#ff808080</color>
        <color name="drafts">#ffff0052</color>
        <color name="message_view_header">#ff000000</color>
        <color name="background_read_conversation">#ffe7e3e7</color>
        <color name="unread_conversation_subject_text">#ff313031</color>
        <color name="read_conversation_subject_text">#ff737573</color>
        <color name="unread_conversation_from_text">#ff7b797b</color>
        <color name="read_conversation_from_text">#ff848284</color>
    </resources>
    
    The only value that I can change seems to be background_read_conversation. Anything else no effect on antyhing that I can see. I also see nowhere in here to change backgroung_UNDREAD_conversation? Where is that set?

    Can someone with DarkEdge running (and gmail inverted) please pull their Gmail.apk so I can look at it and see what is different? When I just apply the darkedge gmail metamorph it does the same thing. I am on ESE53 so there is no suprise since darkedge is for ESE81...
     
  14. 928Droid

    928Droid Premium Member Theme Developer Premium Member

    Joined:
    Nov 24, 2009
    Messages:
    3,753
    Likes Received:
    0
    Trophy Points:
    151
    Location:
    Western North Carolina Mountains
    Ratings:
    +0
    Take a look at assets/styles.css It may have an affect on the conversation thread area also.
     
  15. raidzero

    raidzero n00b. Theme Developer Premium Member Developer

    Joined:
    Apr 15, 2010
    Messages:
    1,054
    Likes Received:
    3
    Trophy Points:
    38
    Location:
    Denver, CO
    Ratings:
    +3
    Thanks for the reply. I have been looking it at it. I also took the styles.css from the darkEdge gmail.apk and made my own metamorph from it and it did nothing. Can you tell me what specifically in styles.css to look for? Here it is:

    Gmail.apk/assets/styles.css
    Code:
    * {
        font-size: 14px;
    }
    
    .outboxDiv {
        font-size: 20px;
        color: #ff0000
    }
    
    .fromDiv {
        font-size: 16px;
        text-overflow: ellipsis;
        overflow: hidden;
        font-weight: bold;
        white-space: nowrap;
    }
    
    .presenceBgImg {
        background: url("file:///android_asset/quickcontact_presence_bg.png") no-repeat;
        vertical-align: bottom;
        padding-right: 5px;
        position: relative;
        padding-bottom: 2px;
        width: 18px;
        z-index: 1
    }
    
    .presenceImg {
        vertical-align: bottom;
        width: 18px;
        z-index: 3
    }
    
    .snippetDiv {
    /*
        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;
        height:1.2em;
        line-height:1em;
    */  
      
    /*
      text-overflow: ellipsis;
      overflow: hidden;
      height: 1.2em;
      line-height: 1em;
    */
    }
    
    /*
    .addressDiv {
      text-overflow: ellipsis;
      overflow: hidden;
      height: 1.2em;
      line-height: 1em;
      width: 90%;
      overflow: hidden;
    }
    */
    
    .headerDiv {
        position: relative;
        margin-top: -10px;
        border-width: 15 8 12 8;
        -webkit-border-image:
            url("file:///android_asset/ic_email_thread_open_top_default.9.png") 15
            8 8 8;
    }
    
    .superCollapsedDiv {
        position: relative;
        margin-top: -5px;
        border-width: 30 8 2 8;
        background-color: #efefef;
        line-height: 10px;
        text-align: center;
    }
    
    .size1 {
      -webkit-border-image:
        url("file:///android_asset/ic_email_thread_supercompressed1.9.png") 9
        8 0 8/ 9 8 0 9;
    }
    
    .size2 {
        -webkit-border-image:
            url("file:///android_asset/ic_email_thread_supercompressed2.9.png") 17
            8 0 8/ 17 8 0 9;
    }
    
    .sizen {
        -webkit-border-image:
            url("file:///android_asset/ic_email_thread_supercompressed.9.png") 17
            8 0 8/ 17 8 0 9;
    }
    
    .superCollapsedLabel {
        padding-bottom: 10px;
    }
    
    .bodyDiv {
        padding: 5px;
    }
    
    .bodyCell {
        border-right: thin solid #999999;
    }
    
    .footerDiv {
        border-width: 2 8 8 8;
        -webkit-border-image:
            url("file:///android_asset/email_button_bkg.9.png") 2 8 8 8;
        margin-bottom: 12px;
        padding-top: 6px;
        text-align: center;
    }
    
    .conversationHeaderDiv {
        font-size: 15px;
        font-weight: bold;
        padding-top: 5px;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 15px;
    }
    
    #labels {
        padding-top: 5px;
    }
    
    .labelsDiv {
        font-size: 12px;
        padding-left: 3px;
        padding-right: 3px;
        border-width: 2 2 2 2;
        -webkit-border-image: url("file:///android_asset/label_background.png")
            2 2 2 2; #
        background-color: #57a1d0;
        color: #ffffff;
    }
    
    .conversationFooterDiv {
        -webkit-border-image: url("file:///android_asset/bottom_bar.png") 6 6 6 6;
        margin-top: 6px;
    }
    
    .conversationFooterInnerDiv {
        text-align: center;
        padding-top: 2;
        padding-left: 2;
        padding-right: 4;
        padding-bottom: 2;
        max-width: 307px;
    }
    
    .messageFooterDiv1 {
        -webkit-border-image: url("file:///android_asset/bg_noshadow_bottomcard.9.png") 2 4 7 4 / 2 4 7 4;
    }
    
    .messageFooterDiv2 {
        -webkit-border-image: url("file:///android_asset/bg_shadow_bottomcard.9.png") 2 5 7 4 / 2 5 7 4;
    }
    
    button.footerButton {
        float:left;
        border:0px;
        padding-top:2px;
        padding-bottom:2px;
        padding-right:2px;
        padding-left:0px;
        margin-top:0px;
        margin-bottom:0px;
        margin-right:4px;
        margin-left:4px;
        background-color: transparent;
    }
    
    .footerIconImg {
        width: 32px;
        height: 32px;
        vertical-align:-20%;
    }
    
    .footerTextElementDiv {
        display: inline;
        font-size:12px;
        color:#666666;
    }
    
    body {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        padding: 0px;
    }
    
    button.attachment {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        width: 120px;
        height: 48px;
    }
    
    .draftDiv {
        color: #ff0000;
        font-size: 16px;
    }
    
    div.attachment {
        width: 100%;
        background-color: #efefef;
        margin-bottom: 6px;
    }
    
    table.attachment {
        table-layout: fixed;
        width: 310px;
    }
    
    div.external {
        width: 100%;
        background-color: #efefef;
    }
    
    table.external {
        width: 310px;
    }
    
    button.external {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        white-space: nowrap;
        height: 48px;
    }
    
    as a test I changed the occurences of
    Code:
      background-color: #efefef; 
    to
    Code:
    background-color: #000000;
    which had no effect anywhere that I can see
     
Search tags for this page
android gmail color theme
,

black gmail apk

,
display colors dark apk
,
file android asset webkit
,
gmail dark apk
,
how to change font color gmail apk
,
how to invert an apk
,
how to invert apps
,
inverted gmail apk
,
white gmail apk