Adding a custom theme for the android preview screen in a Sencha Touch - Cordova app

In android on app launch, a preview screen is shown. This is before the splash screen. In a Sencha - Cordova app even if we have added the splash screen plugin, before the splash screen this preview window will appear. In my last post I have written how to change the theme of this preview screen in a pure Sencha Touch app. Here I'm writing how to add a custom theme for Sencha Touch+cordova app.

First create an xml file inside,

project-folder/cordova/platforms/android/res/values

The name of the XML file could be anything. Let's call it themes.xml. Then define your theme inside it.

Eg:
I'm going to override the NoTitleBar theme.. To do that this is what we should put inside themes.xml

	<?xml version='1.0' encoding='utf-8'?>
	<resources>
	<color name="my_theme_color">#FF0000</color>
	<style name="MyTheme" parent="android:Theme.NoTitleBar">
	<item name="android:windowBackground">@color/my_theme_color</item>
	<item name="android:colorBackground">@color/my_theme_color</item>
	</style>
	</resources>

view raw themes.xml hosted with ❤ by GitHub

Now, in the android manifest XML file which is inside,

project-folder/cordova/platforms/android

change the theme as follows.
android:theme="@style/MyTheme"