diff --git a/app/src/main/java/io/legado/app/help/ImageLoader.kt b/app/src/main/java/io/legado/app/help/ImageLoader.kt
index 10a9a8a50..836cb6e1d 100644
--- a/app/src/main/java/io/legado/app/help/ImageLoader.kt
+++ b/app/src/main/java/io/legado/app/help/ImageLoader.kt
@@ -9,6 +9,7 @@ import androidx.annotation.DrawableRes
 import com.bumptech.glide.Glide
 import com.bumptech.glide.RequestBuilder
 import com.bumptech.glide.RequestManager
+import com.bumptech.glide.load.Transformation
 import com.bumptech.glide.load.engine.DiskCacheStrategy
 import com.bumptech.glide.load.resource.bitmap.BitmapTransitionOptions
 import com.bumptech.glide.load.resource.bitmap.CenterCrop
@@ -70,6 +71,11 @@ object ImageLoader {
             return this
         }
 
+        fun bitmapTransform(transformation: Transformation<Bitmap>): ImageLoadBuilder<S> {
+            requestOptions = requestOptions.apply(RequestOptions.bitmapTransform(transformation))
+            return this
+        }
+
         fun toRound(corner: Int): ImageLoadBuilder<S> {
             requestOptions = requestOptions.transform(RoundedCorners(corner))
             return this
diff --git a/app/src/main/java/io/legado/app/ui/audio/AudioPlayActivity.kt b/app/src/main/java/io/legado/app/ui/audio/AudioPlayActivity.kt
index 73ed2b909..d2a7e19ce 100644
--- a/app/src/main/java/io/legado/app/ui/audio/AudioPlayActivity.kt
+++ b/app/src/main/java/io/legado/app/ui/audio/AudioPlayActivity.kt
@@ -9,6 +9,7 @@ import io.legado.app.constant.Bus
 import io.legado.app.constant.Status
 import io.legado.app.data.entities.Book
 import io.legado.app.data.entities.BookChapter
+import io.legado.app.help.BlurTransformation
 import io.legado.app.help.ImageLoader
 import io.legado.app.service.help.AudioPlay
 import io.legado.app.utils.getViewModel
@@ -72,6 +73,12 @@ class AudioPlayActivity : VMBaseActivity<AudioPlayViewModel>(R.layout.activity_a
             .error(R.drawable.image_cover_default)
             .centerCrop()
             .setAsDrawable(iv_cover)
+        ImageLoader.load(this, book.getDisplayCover())
+            .placeholder(R.drawable.image_cover_default)
+            .error(R.drawable.image_cover_default)
+            .centerCrop()
+            .bitmapTransform(BlurTransformation(this, 25))
+            .setAsDrawable(iv_bg)
     }
 
     private fun playButton() {
diff --git a/app/src/main/res/drawable/bg_gradient.xml b/app/src/main/res/drawable/bg_gradient.xml
new file mode 100644
index 000000000..6c2f91672
--- /dev/null
+++ b/app/src/main/res/drawable/bg_gradient.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <!--实现应用背景颜色渐变-->
+    <gradient
+        android:startColor="#000000"
+        android:endColor="#00000000"
+        android:angle="90" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_audio_play.xml b/app/src/main/res/layout/activity_audio_play.xml
index 9646fd7c5..d9d73a5f0 100644
--- a/app/src/main/res/layout/activity_audio_play.xml
+++ b/app/src/main/res/layout/activity_audio_play.xml
@@ -1,16 +1,18 @@
 <?xml version="1.0" encoding="utf-8"?>
 <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:tools="http://schemas.android.com/tools"
     xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
     android:orientation="vertical"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
+    android:background="@color/background"
     tools:context=".ui.audio.AudioPlayActivity">
 
     <ImageView
         android:id="@+id/iv_bg"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
+        android:scaleType="centerCrop"
         tools:ignore="ContentDescription" />
 
     <io.legado.app.ui.widget.TitleBar
@@ -25,11 +27,12 @@
         android:layout_height="260dp"
         android:layout_gravity="center"
         android:contentDescription="@string/img_cover"
+        android:scaleType="centerCrop"
         android:src="@drawable/image_cover_default"
-        app:layout_constraintTop_toBottomOf="@+id/title_bar"
         app:layout_constraintBottom_toTopOf="@+id/ll_player_progress"
         app:layout_constraintLeft_toLeftOf="parent"
-        app:layout_constraintRight_toRightOf="parent" />
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/title_bar" />
 
     <LinearLayout
         android:id="@+id/ll_player_progress"
@@ -77,7 +80,8 @@
             android:layout_height="36dp"
             android:background="?attr/selectableItemBackgroundBorderless"
             android:contentDescription="@string/set_timer"
-            android:src="@drawable/ic_timer_black_24dp" />
+            android:src="@drawable/ic_timer_black_24dp"
+            android:tint="@color/md_white_1000" />
 
         <View
             android:layout_width="0dp"
@@ -90,7 +94,8 @@
             android:layout_height="36dp"
             android:background="?attr/selectableItemBackgroundBorderless"
             android:contentDescription="@string/skip_previous"
-            android:src="@drawable/ic_skip_previous" />
+            android:src="@drawable/ic_skip_previous"
+            android:tint="@color/md_white_1000" />
 
         <com.google.android.material.floatingactionbutton.FloatingActionButton
             android:id="@+id/fab_play_stop"
@@ -99,8 +104,8 @@
             android:layout_margin="10dp"
             android:contentDescription="@string/audio_play"
             android:src="@drawable/ic_play_24dp"
-            android:tint="@color/tv_text_default"
-            app:backgroundTint="@color/background_menu"
+            android:tint="@color/md_black_1000"
+            app:backgroundTint="@color/md_white_1000"
             app:elevation="2dp"
             app:fabSize="normal"
             app:pressedTranslationZ="2dp" />
@@ -111,7 +116,8 @@
             android:layout_height="36dp"
             android:background="?attr/selectableItemBackgroundBorderless"
             android:contentDescription="@string/skip_next"
-            android:src="@drawable/ic_skip_next" />
+            android:src="@drawable/ic_skip_next"
+            android:tint="@color/md_white_1000" />
 
         <View
             android:layout_width="0dp"
@@ -124,6 +130,7 @@
             android:layout_height="36dp"
             android:background="?attr/selectableItemBackgroundBorderless"
             android:src="@drawable/ic_chapter_list"
+            android:tint="@color/md_white_1000"
             android:contentDescription="@string/chapter_list" />
 
     </LinearLayout>