[Guide] How To Theme Media Apps From Light To Dark | With According To Theme Feature

Please Welcome my new guide, How To Theme Album / Movies / Music, from Light to Dark theme, and make both Light & Dark Theme change according to theme color .

Putting my name in Credits won't hurt you ;)
IF You Can Make It A MORE Clean Way & Simple Way, Please PM Me.

Sections :

• #1 - Light To Dark .


• #2 - According To Theme .

Bugs :

• Album Delete dialog is in White ( dark version ) .


• Music Menu / overall icons ( options ) / is using white theme .


• Movies Videos / Folders bg is in White ( changed everything, and no luck :rolleyes: ) .

Album Theming :

• Install Xperia Lollipop Framework .


• Decompile Latest Album From Apkmirror.com .


• Navigate to res/values/colors.xml

Blue : Search | between " > < " replace the current hex codes with the Red .

Quote:

<color name="drawer_activated_color">#11ffffff</color> <color name="drawer_background_color">#1a1a1a</color> <color name="drawer_header_background_color">#ffffae00</color> <color name="drawer_pressed_color">#40707070</color> <color name="drawer_ripple_color">#1f000000</color> <color name="default_background_dark_color">#ff0c0c0c</color> <color name="default_background_light_color">#ff0c0c0c</color>

Navigate to res/values/styles.xml
Blue : Search | Make the rest look like the code below

Quote:

<style name="Theme.Album.AppCompat.SupportActionBar.Base" parent="@style/Theme.AppCompat.Light.NoActionBar"> <style name="Theme.Album.DeviceDefault" parent="@style/Theme.Album.DeviceDefault.Base"> <item name="android:actionBarWidgetTheme">@style/Theme.DeviceDefault.Light.DarkActionBar</item> <item name="com.sonyericsson.uxp:directionality">leftToR ight</item> </style> <style name="Theme.Album.DeviceDefault.Base" parent="@style/Theme.DeviceDefault.Light.DarkActionBar"> <item name="android:actionBarStyle">@style/Album.ActionBar.DeviceDefault</item> <item name="android:windowActionBarOverlay">true</item> <item name="android:actionOverflowButtonStyle">@style/OverflowMenu</item>

Movies Theming :

• Install Xperia Lollipop Framework .


• Decompile Latest Movies From Apkmirror.com .


• Navigate to res/values/colors.xml

Blue : Search | between " > < " replace the current hex codes with the Red .

Quote:

<color name="settings_background">#ff0c0c0c</color> <color name="drawer_activated_background">#11ffffff</color> <color name="drawer_list_background">#1a1a1a</color> <color name="drawer_pressed_background">#40707070</color> <color name="drawer_selected_background">#40707070</color> <color name="white_theme_button_color">#ffffffff</color> <color name="white_theme_button_pressed">#40707070</color> <color name="white_theme_highlight_color">#1fffffff</color> <color name="white_theme_primary_text_color">#ffffffff</color> <color name="white_theme_ripple_selected">#3fffffff</color> <color name="white_theme_secondary_text_color">#ffffffff</color>

Navigate to res/values/styles.xml
Blue : Search | Make the rest look like the code below

Quote:

<style name="MoviesButton" parent="@android:attr/buttonStyleSmall"> <item name="android:textColor">@android:color/black</item> <style name="Theme.Settings" parent="@style/Theme.AppCompat.NoActionBar"> <style name="ThemeOverlay.AppCompat.Light" parent="@style/Base.ThemeOverlay.AppCompat" /> <style name="WebView" parent="@style/Theme.AppCompat" /> <style name="Base.Theme.AppCompat.Light.DarkActionBar" parent="@style/Base.Theme.AppCompat"> <item name="actionBarPopupTheme">@style/ThemeOverlay.AppCompat.Dark</item> <item name="actionBarTheme">@style/ThemeOverlay.AppCompat.ActionBar</item> <item name="actionBarWidgetTheme">@null</item> <item name="listChoiceBackgroundIndicator">@drawable/abc_list_selector_holo_light</item> <item name="colorPrimary">@color/primary_material_dark</item> <item name="colorPrimaryDark">@color/primary_dark_material_dark</item> </style> <style name="Theme.AppCompat.Light" parent="@style/Base.Theme.AppCompat" /> <style name="Theme.AppCompat.Light.Dialog" parent="@style/Base.Theme.AppCompat.Dialog" /> <style name="Theme.AppCompat.Light.Dialog.Alert" parent="@style/Base.Theme.AppCompat.Dialog.Alert" /> <style name="Theme.AppCompat.Light.Dialog.MinWidth" parent="@style/Base.Theme.AppCompat.Dialog.MinWidth" /> <style name="Theme.AppCompat.Light.DialogWhenLarge" parent="@style/Base.Theme.AppCompat.DialogWhenLarge" /> <style name="Theme.AppCompat.Light.NoActionBar" parent="@style/Theme.AppCompat"> <style name="Base.Theme.AppCompat.Light" parent="@style/Base.V7.Theme.AppCompat" /> <style name="Base.V7.Theme.AppCompat.Light.Dialog" parent="@style/Base.Theme.AppCompat"> <style name="Base.V7.Theme.AppCompat.Light" parent="@style/Platform.AppCompat"> <style name="Platform.AppCompat.Light" parent="@android:style/Theme"> <style name="Platform.AppCompat.Light" parent="@android:style/Theme.Material">

Music Theming :

• Install Xperia Lollipop Framework .


• Decompile Latest Music From Apkmirror.com .


• Navigate to res/values/colors.xml

Blue : Search | between " > < " replace the current hex codes with the Red .

Quote:

<color name="miniplayer_bg">#000000</color> <color name="moving_item_background">#ffe0e0e0</color> <color name="music_background_color">#303030</color> <color name="music_landingpage_background_color">#ff161819</color> <color name="navigation_drawer_background">#1a1a1a</color> <color name="navigation_drawer_pressed_background">#40707070</color> <color name="navigation_drawer_selected_background">#80707070</color> <color name="promotion_backplate_normal">#b3252525</color> <color name="promotion_backplate_pressed">#b3808080</color> <color name="list_divider_color">#ff494949</color> <color name="list_divider_index_color">#ff292929</color>

Navigate to res/values/styles.xml
Blue : Search | Make the rest look like the code below

Quote:

<style name="Base.V7.Theme.AppCompat.Light" parent="@style/Platform.AppCompat"> <style name="MusicBaseTheme.Settings" parent="@style/Theme.AppCompat.DarkActionBar"> <style name="MusicApplicationDialogTheme" parent="@style/Theme.AppCompat.Dialog" /> <style name="Theme.AppCompat.Light" parent="@style/Base.Theme.AppCompat" /> <style name="Base.V7.Theme.AppCompat.Light" parent="@style/Platform.AppCompat"> <style name="Base.Theme.AppCompat.Light.DarkActionBar" parent="@style/Base.Theme.AppCompat"> <style name="Base.Theme.AppCompat.Light" parent="@style/Base.V7.Theme.AppCompat" /> <style name="Base.ThemeOverlay.AppCompat.Light" parent="@style/Platform.ThemeOverlay.AppCompat.Dark"> <style name="MusicApplicationTheme" parent="@style/MusicBaseTheme"> <item name="colorPrimary">#ffffffff</item> <item name="colorPrimaryDark">#ffffffff</item> <style name="Base.Theme.AppCompat.Light.DarkActionBar" parent="@style/Base.Theme.AppCompat"> <item name="actionBarPopupTheme">@style/ThemeOverlay.AppCompat.Dark</item> <item name="actionBarTheme">@style/ThemeOverlay.AppCompat.ActionBar</item> <item name="actionBarWidgetTheme">@null</item> <item name="listChoiceBackgroundIndicator">@drawable/abc_list_selector_holo_light</item> <item name="colorPrimary">@color/primary_material_light</item> <item name="colorPrimaryDark">@color/primary_dark_material_light</item> <style name="SettingTextViewStyle" parent="@style/BaseTextViewStyle"> <item name="android:textColor">android:color/white</item>