Fix fastforward and rewind color tinting and text alignment

#minor-release
Issue: #7898
PiperOrigin-RevId: 343251455

RELEASENOTES.md

@@ -29,6 +29,10 @@
 *   UI:
 *   UI:
     *   Show overflow button in `StyledPlayerControlView` only when there is not
     *   Show overflow button in `StyledPlayerControlView` only when there is not
         enough space.
         enough space.
+    *   Fix incorrect color and text alignment of the `StyledPlayerControlView`
+        fast forward and rewind buttons, when used together with the
+        `com.google.android.material` library
+        ([#7898](https://github.com/google/ExoPlayer/issues/7898)).
     *   Add `dispatchPrepare(Player)` to `ControlDispatcher` and implement it in
     *   Add `dispatchPrepare(Player)` to `ControlDispatcher` and implement it in
         `DefaultControlDispatcher`. Deprecate `PlaybackPreparer` and
         `DefaultControlDispatcher`. Deprecate `PlaybackPreparer` and
         `setPlaybackPreparer` in `StyledPlayerView`, `StyledPlayerControlView`,
         `setPlaybackPreparer` in `StyledPlayerView`, `StyledPlayerControlView`,

library/ui/src/main/res/values/attrs.xml

@@ -72,6 +72,9 @@
   <attr name="controller_layout_id" format="reference"/>
   <attr name="controller_layout_id" format="reference"/>
   <attr name="animation_enabled" format="boolean"/>
   <attr name="animation_enabled" format="boolean"/>
 
 
+  <!-- Needed for https://github.com/google/ExoPlayer/issues/7898 -->
+  <attr name="backgroundTint" format="color"/>
+
   <!-- DefaultTimeBar attributes -->
   <!-- DefaultTimeBar attributes -->
   <attr name="bar_height" format="dimension"/>
   <attr name="bar_height" format="dimension"/>
   <attr name="bar_gravity" format="enum">
   <attr name="bar_gravity" format="enum">

library/ui/src/main/res/values/styles.xml

@@ -93,12 +93,19 @@
     <item name="android:gravity">center|bottom</item>
     <item name="android:gravity">center|bottom</item>
     <item name="android:paddingBottom">@dimen/exo_icon_padding_bottom</item>
     <item name="android:paddingBottom">@dimen/exo_icon_padding_bottom</item>
     <item name="android:textAppearance">@style/ExoStyledControls.ButtonText</item>
     <item name="android:textAppearance">@style/ExoStyledControls.ButtonText</item>
+    <!-- Needed for https://github.com/google/ExoPlayer/issues/7898 -->
+    <item name="backgroundTint">@android:color/white</item>
+    <item name="android:insetBottom">0dp</item>
   </style>
   </style>
+
   <style name="ExoStyledControls.Button.Center.RewWithAmount">
   <style name="ExoStyledControls.Button.Center.RewWithAmount">
     <item name="android:background">@drawable/exo_ripple_rew</item>
     <item name="android:background">@drawable/exo_ripple_rew</item>
     <item name="android:gravity">center|bottom</item>
     <item name="android:gravity">center|bottom</item>
     <item name="android:paddingBottom">@dimen/exo_icon_padding_bottom</item>
     <item name="android:paddingBottom">@dimen/exo_icon_padding_bottom</item>
     <item name="android:textAppearance">@style/ExoStyledControls.ButtonText</item>
     <item name="android:textAppearance">@style/ExoStyledControls.ButtonText</item>
+    <!-- Needed for https://github.com/google/ExoPlayer/issues/7898 -->
+    <item name="backgroundTint">@android:color/white</item>
+    <item name="android:insetBottom">0dp</item>
   </style>
   </style>
 
 
   <style name="ExoStyledControls.ButtonText">
   <style name="ExoStyledControls.ButtonText">