1-VizbeeAndroidSenderStyles__CastIconColor_Light_OR_Dark_Theme.md

Scenario

Show the cast icon in light/dark theme as per the corresponding appearance setting on the user's device

1. In Android, the cast icon will be part of the application's Activity, hence, the styling (color) can be provided by application's style file.
2. Define the style item vzb_castIconColor in the app-style.xml as shown below.
3. Create 2 colors.xml files, one in res/values folder and another in res/values-night folder.
4. Now, define colorCastIcon items and set values to match light/dark theme as shown below. These values are picked based on the device's light/dark theme settings.

Example

2-app-styles.xml

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<resources>
  <style name="Theme.AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    ...
    <item name="vzb_castIconColor">@color/colorCastIcon</item>
    ...
  </style>
</resources>

3-values_colors.xml

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<resources>
  ...
  <color name="colorCastIcon">#FFFFFF</color>
  ...
</resources>

4-values-night_colors.xml

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<resources>
  ...
  <color name="colorCastIcon">#000000</color>
  ...
</resources>

5-AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.reactnativeappexample">
  ...
  <application android:name=".MainApplication" android:label="@string/app_name" android:icon="@mipmap/ic_launcher" android:roundIcon="@mipmap/ic_launcher_round" android:allowBackup="true" android:theme="@style/Theme.AppTheme">

    <activity android:name=".MainActivity"
        
        android:theme="@style/Theme.AppTheme">
    </activity>
    
  </application>
  
</manifest>