turn on light/black theme in framework-res

Hi all iam apk5656 :p with my guide here i will explain how to turn on black/light theme on your android device
i tested it on my gb vista v7 jb rom but i dont know if this will work on 4.0+
ok lets start
there are to themes skins the black one and the light one in your framework-res
the black one is helpful if you want to theme your framework-res to jb/ics style
and the light one is helpful if you want to theme your framework-res to kk/lolipop light style
if you want to turn on light/black theme just continue with my guide here

turn on the the black one
decompile your framework-res and navigate to res/values/styles.xml
open it and search for <style name="Theme.Light" parent="@style/Theme"> (if you didnt find it search for <style name="Theme"> )
and you will find codes like this

Code:

---

    <style name="Theme.Light" parent="@style/Theme">
        <item name="colorForeground">@color/bright_foreground_light</item>
        <item name="colorBackground">@color/background_light</item>
        <item name="textColorPrimary">@color/primary_text_light</item>
        <item name="textColorPrimaryDisableOnly">@color/primary_text_light_disable_only</item>
        <item name="textColorSecondary">@color/secondary_text_light</item>
        <item name="textColorPrimaryInverse">@color/primary_text_dark</item>
        <item name="textColorSecondaryInverse">@color/secondary_text_dark</item>
        <item name="textColorPrimaryNoDisable">@color/primary_text_light_nodisable</item>
        <item name="textColorSecondaryNoDisable">@color/secondary_text_light_nodisable</item>
        <item name="textColorPrimaryInverseNoDisable">@color/primary_text_dark_nodisable</item>
        <item name="textColorSecondaryInverseNoDisable">@color/secondary_text_dark_nodisable</item>
        <item name="textColorHintInverse">@color/hint_foreground_dark</item>
        <item name="textCheckMark">@drawable/indicator_check_mark_light</item>
        <item name="textCheckMarkInverse">@drawable/indicator_check_mark_dark</item>
        <item name="windowBackground">@drawable/screen_background_light</item>
        <item name="expandableListViewStyle">@style/Widget.ExpandableListView.White</item>
        <item name="listViewStyle">@style/Widget.ListView.White</item>
        <item name="popupWindowStyle">@style/Widget.PopupWindow</item>
        <item name="progressBarStyle">@style/Widget.ProgressBar.Inverse</item>
        <item name="progressBarStyleSmall">@style/Widget.ProgressBar.Small.Inverse</item>
        <item name="progressBarStyleLarge">@style/Widget.ProgressBar.Large.Inverse</item>
        <item name="textColorHint">@color/hint_foreground_light</item>
        <item name="colorForegroundInverse">@color/bright_foreground_light_inverse</item>
        <item name="listSeparatorTextViewStyle">@style/Widget.TextView.ListSeparator.White</item>
        <item name="textColorTertiary">@color/tertiary_text_light</item>
        <item name="textColorTertiaryInverse">@color/tertiary_text_dark</item>
        <item name="listDivider">@drawable/divider_horizontal_bright</item>
        <item name="progressBarStyleInverse">@style/Widget.ProgressBar</item>
        <item name="progressBarStyleSmallInverse">@style/Widget.ProgressBar.Small</item>
        <item name="progressBarStyleLargeInverse">@style/Widget.ProgressBar.Large</item>
        <item name="textColorPrimaryInverseDisableOnly">@color/primary_text_dark_disable_only</item>
        <item name="gestureOverlayViewStyle">@style/Widget.GestureOverlayView.White</item>
    </style>

---

just make it look like this one but dont copy my whole xml just compare it

Code:

---

    <style name="Theme.Light" parent="@style/Theme">
        <item name="colorForeground">@color/bright_foreground_light</item>
        <item name="colorBackground">@color/transparent</item>
        <item name="textColorPrimary">@color/primary_text_dark</item>
        <item name="textColorPrimaryDisableOnly">@color/primary_text_dark_disable_only</item>
        <item name="textColorSecondary">@color/secondary_text_dark</item>
        <item name="textColorPrimaryInverse">@color/primary_text_light</item>
        <item name="textColorSecondaryInverse">@color/secondary_text_light</item>
        <item name="textColorPrimaryNoDisable">@color/primary_text_dark_nodisable</item>
        <item name="textColorSecondaryNoDisable">@color/secondary_text_dark_nodisable</item>
        <item name="textColorPrimaryInverseNoDisable">@color/primary_text_light_nodisable</item>
        <item name="textColorSecondaryInverseNoDisable">@color/secondary_text_light_nodisable</item>
        <item name="textColorHintInverse">@color/hint_foreground_light</item>
        <item name="textCheckMark">@drawable/indicator_check_mark_dark</item>
        <item name="textCheckMarkInverse">@drawable/indicator_check_mark_light</item>
        <item name="windowBackground">@drawable/screen_background_light</item></item>
        <item name="expandableListViewStyle">@style/Widget.ExpandableListView.White</item>
        <item name="listViewStyle">@style/Widget.ListView.White</item>
        <item name="popupWindowStyle">@style/Widget.PopupWindow</item>
        <item name="progressBarStyle">@style/Widget.ProgressBar.Inverse</item>
        <item name="progressBarStyleSmall">@style/Widget.ProgressBar.Small.Inverse</item>
        <item name="progressBarStyleLarge">@style/Widget.ProgressBar.Large.Inverse</item>
        <item name="textColorHint">@color/hint_foreground_light</item>
        <item name="colorForegroundInverse">@color/bright_foreground_light_inverse</item>
        <item name="listSeparatorTextViewStyle">@style/Widget.TextView.ListSeparator.White</item>
        <item name="textColorTertiary">@color/tertiary_text_light</item>
        <item name="textColorTertiaryInverse">@color/tertiary_text_dark</item>
        <item name="listDivider">@drawable/divider_horizontal_bright</item>
        <item name="progressBarStyleInverse">@style/Widget.ProgressBar</item>
        <item name="progressBarStyleSmallInverse">@style/Widget.ProgressBar.Small</item>
        <item name="progressBarStyleLargeInverse">@style/Widget.ProgressBar.Large</item>
        <item name="textColorPrimaryInverseDisableOnly">@color/primary_text_dark_disable_only</item>
        <item name="gestureOverlayViewStyle">@style/Widget.GestureOverlayView.White</item>
    </style>

---

now recompile your framework-res and push it to your system/framework folder and give it the right permissions and tada you turned on the black theme

turn on the the light one

decompile your framework-res and navigate to the same file (styles.xml)

open it and search for <style name="Theme.Light" parent="@style/Theme"> (if you didnt find it search for <style name="Theme"> )
and you will find codes like this

Code:

---

    <style name="Theme.Light" parent="@style/Theme">
        <item name="colorForeground">@color/bright_foreground_light</item>
        <item name="colorBackground">@color/transparent</item>
        <item name="textColorPrimary">@color/primary_text_dark</item>
        <item name="textColorPrimaryDisableOnly">@color/primary_text_dark_disable_only</item>
        <item name="textColorSecondary">@color/secondary_text_dark</item>
        <item name="textColorPrimaryInverse">@color/primary_text_light</item>
        <item name="textColorSecondaryInverse">@color/secondary_text_light</item>
        <item name="textColorPrimaryNoDisable">@color/primary_text_dark_nodisable</item>
        <item name="textColorSecondaryNoDisable">@color/secondary_text_dark_nodisable</item>
        <item name="textColorPrimaryInverseNoDisable">@color/primary_text_light_nodisable</item>
        <item name="textColorSecondaryInverseNoDisable">@color/secondary_text_light_nodisable</item>
        <item name="textColorHintInverse">@color/hint_foreground_light</item>
        <item name="textCheckMark">@drawable/indicator_check_mark_dark</item>
        <item name="textCheckMarkInverse">@drawable/indicator_check_mark_light</item>
        <item name="windowBackground">@drawable/screen_background_light</item>
        <item name="expandableListViewStyle">@style/Widget.ExpandableListView.White</item>
        <item name="listViewStyle">@style/Widget.ListView.White</item>
        <item name="popupWindowStyle">@style/Widget.PopupWindow</item>
        <item name="progressBarStyle">@style/Widget.ProgressBar.Inverse</item>
        <item name="progressBarStyleSmall">@style/Widget.ProgressBar.Small.Inverse</item>
        <item name="progressBarStyleLarge">@style/Widget.ProgressBar.Large.Inverse</item>
        <item name="textColorHint">@color/hint_foreground_light</item>
        <item name="colorForegroundInverse">@color/bright_foreground_light_inverse</item>
        <item name="listSeparatorTextViewStyle">@style/Widget.TextView.ListSeparator.White</item>
        <item name="textColorTertiary">@color/tertiary_text_light</item>
        <item name="textColorTertiaryInverse">@color/tertiary_text_dark</item>
        <item name="listDivider">@drawable/divider_horizontal_bright</item>
        <item name="progressBarStyleInverse">@style/Widget.ProgressBar</item>
        <item name="progressBarStyleSmallInverse">@style/Widget.ProgressBar.Small</item>
        <item name="progressBarStyleLargeInverse">@style/Widget.ProgressBar.Large</item>
        <item name="textColorPrimaryInverseDisableOnly">@color/primary_text_dark_disable_only</item>
        <item name="gestureOverlayViewStyle">@style/Widget.GestureOverlayView.White</item>
    </style>

---

just make it look like this one but dont copy my whole xml just compare it

Code:

---

    <style name="Theme.Light" parent="@style/Theme">
        <item name="colorForeground">@color/bright_foreground_light</item>
        <item name="colorBackground">@color/background_light</item>
        <item name="textColorPrimary">@color/primary_text_light</item>
        <item name="textColorPrimaryDisableOnly">@color/primary_text_light_disable_only</item>
        <item name="textColorSecondary">@color/secondary_text_light</item>
        <item name="textColorPrimaryInverse">@color/primary_text_dark</item>
        <item name="textColorSecondaryInverse">@color/secondary_text_dark</item>
        <item name="textColorPrimaryNoDisable">@color/primary_text_light_nodisable</item>
        <item name="textColorSecondaryNoDisable">@color/secondary_text_light_nodisable</item>
        <item name="textColorPrimaryInverseNoDisable">@color/primary_text_dark_nodisable</item>
        <item name="textColorSecondaryInverseNoDisable">@color/secondary_text_dark_nodisable</item>
        <item name="textColorHintInverse">@color/hint_foreground_dark</item>
        <item name="textCheckMark">@drawable/indicator_check_mark_light</item>
        <item name="textCheckMarkInverse">@drawable/indicator_check_mark_dark</item>
        <item name="windowBackground">@drawable/screen_background_dark</item>
        <item name="expandableListViewStyle">@style/Widget.ExpandableListView.White</item>
        <item name="listViewStyle">@style/Widget.ListView.White</item>
        <item name="popupWindowStyle">@style/Widget.PopupWindow</item>
        <item name="progressBarStyle">@style/Widget.ProgressBar.Inverse</item>
        <item name="progressBarStyleSmall">@style/Widget.ProgressBar.Small.Inverse</item>
        <item name="progressBarStyleLarge">@style/Widget.ProgressBar.Large.Inverse</item>
        <item name="textColorHint">@color/hint_foreground_light</item>
        <item name="colorForegroundInverse">@color/bright_foreground_light_inverse</item>
        <item name="listSeparatorTextViewStyle">@style/Widget.TextView.ListSeparator.White</item>
        <item name="textColorTertiary">@color/tertiary_text_light</item>
        <item name="textColorTertiaryInverse">@color/tertiary_text_dark</item>
        <item name="listDivider">@drawable/divider_horizontal_bright</item>
        <item name="progressBarStyleInverse">@style/Widget.ProgressBar</item>
        <item name="progressBarStyleSmallInverse">@style/Widget.ProgressBar.Small</item>
        <item name="progressBarStyleLargeInverse">@style/Widget.ProgressBar.Large</item>
        <item name="textColorPrimaryInverseDisableOnly">@color/primary_text_dark_disable_only</item>
        <item name="gestureOverlayViewStyle">@style/Widget.GestureOverlayView.White</item>
    </style>

---

now recompile and push

just at the end the meaning of this guide is in styles.xml
dark means light
and light means dark

i hope i helped you just if you like my work pls hit thanks button

see you around :highfive: :victory: :cool:

XDA:DevDB Information
turning on light/black theme , Theme for all devices (see above for details)

Contributors
apk5656

Version Information
Status: Testing

Created 2016-04-25
Last Updated 2016-04-25

from xda-developers http://ift.tt/1NMc6nc
via IFTTT