Come modificare i colori delle app di sistema in Android

Ciao amici di tuttoapp-android,

oggi vi presenterò due metodi per modificare colori app di sistema. Uno dei metodi è un’intera guida fatta da da un utente di XDA, Vivek_Neel, e da me perfezionata dopo vari test che vi permetterà di modificare interamente il vostro dispositivo android lollipop andando ad agire direttamente sul sistema e sui codici. Perciò questa guida potrebbe essere potenzialmente pericolosa per chi non si intende bene di modding e di codici.

unnamedMentre il secondo metodo sfrutta l’oramai famoso Xposed framework tramite un modulo basato sull’idea della precedente guida.

Perciò iniziamo 🙂

 

 


 Guida tradotta di Vivek_Neel

 

Tramite questa guida, vedremo cosa modificare per avere un telefono con il colore che vogliamo con dei precisi particolari che vorremmo modificare o far scomparire. Ecco cosa andremo a “temare”

  • framework-res.apk
  • settings.apk
  • systemUI.apk
  • GoogleContacts.apk
  • GoogleDialer.apk

Necessario:

  1. root
  2. recovery installata
  3. advance apktool basato su apktool RC4
  4. capacità di ingegno 😛

Prima di partire con le modifiche bisogna specificare alcune cose.

Decompilare/recompilare un apk

un azione di cui faremo menzione molto spesso è proprio quella di decompilare e ricompilare un apk. Per farlo avremo bisogno di uno strumento chiamato apktool. Io invece di usare quello normale ne uso uno modificato che mi permette di fare le operazioni più velocemente, perchè schematico e fluido. L’unico problema e che dovremmo andare a fare una modifica all’interno del programma per aggiornarlo all’ultima versione dell’ apktool RC4.

Decompilare un apk vuol dire estrarre da esso tutti i file che ci sono all’interno anche quelli nascosti in modo tale da poter modificare ogni cosa che c’è all’interno di esso. Ricompilarlo è l’operazione inversa.

Advance ApkTool

Intanto scarichiamo il nostro programma da qui. Finito di scaricare decompattiamolo e avviamolo almeno una volta. Poi chiudiamo tutto e apriamo la cartella numero uno nominata : 1-BDFreak . Adesso lasciatela aperta e scaricate apktool RC4 da qui. Rinominiamo il file jar semplicemente in apktool.jar . Ora copiatelo e lo inserite nella cartella che prima vi ho fatto aprire. Vi chiederà di sovrascrivere date conferma. (Se non vi chiede di sovrascrivere avete sbagliato qualcosa quando lo avete rinominato).

Abbiamo finito i preliminari, ora possiamo usare questo programma.

Non è difficile da usare; è in inglese ma si intuisce facilmente cosa dobbiamo fare. Prima di tutto ci servirà sempre un framework-res.apk di appoggio. Quindi lo dovrete estrarre dalla rom a cui volete apportare le modifiche. Quindi mettete gli apk e il framework-res.apk nella cartella 2-in e avviate il programma. inserite il numero della voce che vi permetta di installare il framework-res e date invio e continuate eseguendo ciò che vi chiede. Finito questo potrete andare alla voce decompile per decompilare un apk che vi chiederà di scegliere. il tutto sarà decompilato nella cartella out e poi quando ricompilerete sarà messo nella cartella done.

bene iniziamo a spiegare i ari passaggi di questa lunga guida.

 

Come temare framework-res.apk

Decompilate il Vostro framework-res.apk.

Come cambiare il colore, primario, secondario, ecc., dei testi?

  • Apri colors.xml e cerca questo

Code:

<color name=”primary_text_default_material_light”>#ffb0f40c</color>  e

<color name=”primary_text_default_material_dark”>#ffb0f40c</color>

# Questo colore corrisponde al colore primario di tutto il sistema (dovete cambiare solo le cifre dopo le due f che in html definiscono il grado di trasparenza. cambiate anche quelle per cambiare la trasparenza)

  • Apri colors.xml e cerca questa stringa

Code:

<color name=”secondary_text_default_material_light”>#ff029789</color>  e

<color name=”secondary_text_default_material_dark”>#b3029789</color>

# Questo colore corrisponde al colore secondario di tutto il sistema

  • Apri res/layout/global_actions_item.xml e aggiungi

Code:

android:textColor=”#ffffffff”   for the first TextView

# questo colore corrisponde al tasto reboot nel menu power (quello che compare quando tieni premuto il tasto accensione)

  • apri res/values/styles.xml e aggiungi e cerca

Code:

<style name=”TextAppearance.Material.Notification”parent=”@style/TextAppearance.Material”> e <style name=”TextAppearance.Material.Notification.Title” parent=”@style/TextAppearance.Material.Notification”>

E

<style name=”TextAppearance.Material.Notification.Time” parent=”@style/TextAppearance.Material.Notification”>

 

# cambiare il colore del testo (textColor) o se non è presente aggiungi tu stesso questa stringa

<item name=”textColor”>#ffcfcfcf</item>

# la stringa precedente corrisponde al colore del testo delle notifiche.

Come Cambiare il colore del bottone bg?

  • vai nella cartella drawable e apri btn_default_mtrl_shape.xml e cerca

 

Code:

<solid android:color=”#64212121″ />

# questo colore corrisponde al colore di background dei bottoni

 

come cambiare il colore delle icone (icon tint colors)?

queste sono usualamente nella cartella drawables  con il nome che inizia per ic_lock… come per esempio. Bisognerà modificarle con photoshop. Ecco i nomi

 

Code:

ic_lock_reboot

ic_lock_airplane_mode

ic_lock_settings

ic_lock_screen_record

ic_lock_screenshot

ic_lock_profile

ic_lock_power_off

ic_lock_power_reboot

ic_lock_airplane_mode_off

ic_lock_idle_alarm

 

 

come cambiare il ripple color (il colore che vedi quando clicchi qualcosa):

  • vai alla cartella values e apri colors.xml e cerca la stringa

 

Code:

<color name=”ripple_material_light”>#40009688</color>

 

 

 

come temare I pop up e I dialoghi?

  • vai alla cartella drawable e apri popup_background_material.xml e cerca la stringa

Code:

<solid android:color=”#ff272d33″  />

# questo colore corrisponde al background dei pop up

 

  • vai alla cartella drawable e apri dialog_background_material.xml e cerca

 

Code:

<solid android:color=”#ff272d33″  />

# questo colore corrisponde al background delle finestre di dialogo

  • vai nella cartella values e apri styles.xml e cerca

 

Code:

<style name=”Theme.Material.Light.Dialog” parent=”@style/Theme.Material.Light.BaseDialog” />

 

# rimuove la luce dal resto (Remove the Light from the above)

in modo simile puoi fare per spinner. Basta cercare questa stringa in drawable e vedi.

 

Code:

spinner_background_material

 

 

come temare Settings.apk

  • decompile il tuo Settings.apk

come cambiare il background?

  • cerca in res/values/styles.xml

 

Code:

<style name=”Theme.Settings” parent=”@style/Theme.SettingsBase”>

  • E aggiungi (controlla se la voce già c’è così potrete cambiare solo il colore)

 

Code:

<item name=”android:colorBackground”>#ff272d33</item>

  • e cerca anche dashboard_category.xml in layout

 

Code:

android:background=”#ff212121″

sostituisci il colore con quello che vuoi.

cambiare lo sfondo della switchbar :

switchbar

  • vai in res/colors.xml e cerca

 

Code:

<color name=”switchbar_background_color”>#ff00bcd4</color>

cambiare il colore dei testi presenti in settings.apk

  • vai in res/colors.xml e cerca

Code:

<color name=”theme_accent”>#ffffffff</color>

  • cerca

 

Code:

<style name=”Theme.Settings” parent=”@style/Theme.SettingsBase”>

 

  • E aggiungi (controlla se la voce già c’è così potrete cambiare solo il colore)

 

 Code:

<item name=”android:textColorPrimary”>#ffffffff</item>

  • E aggiungi anche (controlla se la voce già c’è così potrete cambiare solo il colore)

 

Code:

<item name=”android:textColorSecondary”>#ffffffff</item>

 

Sostituisci il codice del colore con qualsiasi tu voglia. (questi sono I colori primario e secondario di settings.apk).

 

cambiare il background della sezione stato e info telefono e i colori dei testi primari/secondari:

 

  • vai in res/values/styles.xml e cerca la stringa

Code:

<style name=”Theme.SubSettingsDialogWhenLarge” parent=”@style/Theme.DialogWhenLarge”>

 

  • E aggiungi (controlla se la voce già c’è così potrete cambiare solo il colore)

 

Code:

<item name=”android:textColorPrimary”>#ffcfcfcf</item>

<item name=”android:textColorSecondary”>#ffffffff</item>

<item name=”android:background”>#ff212121</item>

cambiare il colore dell’Action bar e della status bar:

Screenshot_2015-02-25-00-08-50

  • cerca in res/values/styles.xml

Code:

<style name=”Theme.Settings” parent=”@style/Theme.SettingsBase”>

  • E aggiungi (controlla se la voce già c’è così potrete cambiare solo il colore)

Code:

<item name=”android:colorPrimary”>#ff009688</item>

  • E aggiungi anche (controlla se la voce già c’è così potrete cambiare solo il colore)

Code:

<item name=”android:colorPrimaryDark”>#ff009688</item>

  • Sostituisci il codice del colore con qualsiasi tu voglia. (questi sono I colori primario e secondario di settings.apk)

cambia il colore del testo della sezione wifi e I testi che sono contenuti in questa sezione:

  •  cerca la stringa

 

Code:

<style name=”wifi_item_label”>

  • E cerca anche la stringa

Code:

<style name=”wifi_item_edit_content”>

  • E cambia questa

Code:

textColor (se non è presente aggiungila)

# Sostituisci il codice del colore con qualsiasi tu voglia

 

come temare SystemUI.apk

  • Decompila il tuo SystemUI.apk

cambia il colore della parte della expanded status bar che contine l’ora e la data :

tema lollipop expanded status bar

 

  • vai in res/colors.xml e cerca per

Code:

<color name=”system_secondary_color”>#fff44336</color>

 

Cambiare il colore del background dei QuickSettings:

tema lollipop - background quicksettings

  • vai in res/colors.xml e cerca la stringa

Code:

<color name=”system_primary_color”>#ff9c27b0</color>

 

Cambiare il colore del background delle notifiche:

 

  • Vai in res/colors.xml e cerca questa stringa

Code:

<color name=”notification_material_background_color”>#ffe91e63</color>

Cambiare il colore del divisore del QuickSettings:

  • Vai in res/colors.xml e cerca questa stringa e cambia il colore in codice html

Code:

<color name=”qs_tile_divider”>#00000000</color>

 

Cambiare il colore del nome delle icone del QuickSettings:

  • Vai in res/colors.xml r

Code:

<color name=”qs_tile_text”>#ffffffff</color>

 

Come cambiare il ripple color (il colore che vedi quando clicchi qualcosa):

 

  • Vai nella cartella drawable e apri

Code:

ripple_drawable

  • Cerca anche

Code:

<ripple android:color=”?android:colorControlHighlight”

Come temare GoogleDialer.apk

  • Decompila GoogleDialer.apk

cambia il colore della statusbar

  • Vai in res/colors.xml e cerca la stringa

Code:

<color name=”dialer_theme_color_dark”>#ff4caf50</color>

 

 

Cambia il colore primario della tastiera, quello secondario, e degli altri testi:

 

  • Vai in res/colors.xml e cerca

Code:

<color name=”dialpad_primary_text_color”>#fff4511e</color>

# questo è il colore primario del pad del diler

  • vai in res/colors.xml e cerca

Code:

<color name=”dialpad_secondary_text_color”>#ff737373</color>

# questo corrisponde al colore secondario del tastierino numerico

modificare il colore del testo digitato

  • vai in res/colors.xml e cerca questa stringa

Code:

<color name=”dialpad_digits_text_color”>#ff00bcd4</color>

# questo corrisponde al colore dei numeri digitati

  • vai in res/colors.xml e cerca questa stringa

Code:

<color name=”call_log_extras_text_color”>#ff4caf50</color>

# questo corrisponde al colore dei testi della cronologia delle chiamate(per esempio il colore di “aggiungi a contatti” )

  • vai in res/colors.xml e cerca questa stringa

Code:

<color name=”dialtacts_primary_text_color”>#ff6d4c41</color>

# questo corrisponde al colore dei nomi dei contatti e anche ai colori del menù di creazione di un nuovo contatto. Guarda questa immagine

Cambiare il colore di background:

  • vai in res/colors.xml e cerca

Code:

<color name=”background_dialpad”>#ff272d33</color>

# questa corrisponde al background del tastierino numerico

  • vai in res/colors.xml e cerca

Code:

<color name=”searchbox_background_color”>#ffffffff</color>

# questo corrisonde al colore di background del box di ricerca e puoi trovare nei ditorni anche quello per cambiare il colore del testo che scrivi li dentro

  • vai in res/colors.xml e cerca

Code:

<color name=”setting_background_color”>#ff272d33</color>

# questo corrisponde al colore del background delle impostazioni del dialer.

  • vai in res/colors.xml e cerca

Code:

<color name=”call_log_expanded_background_color”>#ff9c27b0</color>

# questo corrisponde al colore di background della cronologia espansa.

  • vai in res/colors.xml e cerca

Code:

<color name=”dialtacts_theme_color”>#ff272d33</color>

# questo corrisponde al colore di background dei contatti.

  • vai in res/colors.xml e cerca

Code:

<color name=”dialer_theme_color”>#fff44336</color>

# questo corrisponde al colore di background che c’è sotto l imagine del contatto

  • vai in res/colors.xml e cerca

Code:

<color name=”background_dialer_results”>#ffcddc39</color>

# questo corrisponde al background della lista

 

Come temare GoogleContacts.apk

  • decompila GoogleContacts.apk

Cambiare il colore della statusbar

  • vai in res/colors.xml e cerca

Code:

<color name=”dialer_theme_color_dark”>#ff8bc34a</color>

Cambiare il colore dei testi:

  • vai in res/colors.xml e cerca

Code:

<color name=”actionbar_text_color”>#ff272d33</color>

# questo corrisponde al colore dei testi della navbar

  • vai res/colors.xml e cerca

Code:

<color name=”primary_text_color”>#ff673ab7</color>

# questo corrisponde al colore dei testi del menu di quando si crea un contatto e forse corrisponde anche a qualche altro testo mostrato qui sotto

  • Go to res/colors.xml and search for

Code:

<color name=”actionbar_background_color”>@color/primary_color</color>

# questo corrisponde al colore del titolo della sezione

Cambiare il colore di background:

  • vai in res/colors.xml e cerca

Code:

<color name=”actionbar_background_color”>@color/primary_color</color>

# questo corrisponde al colore della navbar

  • vai in res/colors.xml e cerca

Code:

<color name=”background_primary”>#ff9c27b0</color>

# questo colore corrisponde al background dei contatti

  • vai in res/colors.xml e cerca

Code:

<color name=”searchbox_background_color”>#ffff5722</color>

# questo colore corrisponde al background del box di ricerca

Secondo metodo usando LPThemer

modificare colori app di sistema

Ecco un altro metodo per modificare colori app di sistema. Grazie ad un modulo Xposed ci è possibile cambiare tutte le cose che sono state elencate in precedenza inserendo in ogni apposita casella il codice HTML corrispondente al colore che a noi di più piace. Non è assolutamente difficile al contrario dell’altro metodo e inoltre non è ne invasivo ne dispendioso di tempo e basta un riavvio per applicare o togliere le modifiche fatte.

A voi la scelta. Fateci sapere cosa avete usato e come al solito commentate e condividete 🙂

Grazie ad:

XDA

Vivek_Neel

iBotPeaches

e a tutti gli altri che mi posso essere dimenticato.

Come modificare i colori delle app di sistema in Android ultima modifica: 2015-04-08T00:02:19+00:00 da Fabrizio Varelli

migliori servizi AndroidMigliori rubriche e servizi offerti da Tuttoapp-android:
A) Pubblicizzare applicazioni in maniera professionale ed efficiente;
B) Migliori smartphone Android (con prezzi aggiornati ogni 5 ore);
C) Migliori tablet Android.

Fabrizio Varelli

La mia passione per il mondo del modding nasce in tempi lontanissimi con l’aquisto di un vecchio ma caro samsung star avente ancora OS proprietario; ma poi, con l’avvento del mondo android, questa passione si è trasformata in una vera e propria “droga”. Con l’esperienza accumulata non riesco a staccarmi dalla tecnologia rendendo essa l’unica (ma non sola) ragion di vita portandomi ad iscrivere alla facoltà d’ingegneria elettronica cercando di inseguire il sogno della mia vita: Google.

Shares