[Android Themes] apk5656:
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 example in settings.apk

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

<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

<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 example in settings.apk

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

<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

<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-27