diff --git a/app/src/main/java/code/name/monkey/retromusic/activities/base/AbsSlidingMusicPanelActivity.kt b/app/src/main/java/code/name/monkey/retromusic/activities/base/AbsSlidingMusicPanelActivity.kt
index 71878da64..653b2f2da 100644
--- a/app/src/main/java/code/name/monkey/retromusic/activities/base/AbsSlidingMusicPanelActivity.kt
+++ b/app/src/main/java/code/name/monkey/retromusic/activities/base/AbsSlidingMusicPanelActivity.kt
@@ -2,6 +2,7 @@ package code.name.monkey.retromusic.activities.base
 
 import android.animation.ValueAnimator
 import android.annotation.SuppressLint
+import android.graphics.Color
 import android.graphics.Rect
 import android.os.Bundle
 import android.view.MotionEvent
@@ -95,6 +96,9 @@ abstract class AbsSlidingMusicPanelActivity : AbsMusicServiceActivity(), AbsPlay
         updateTabs()
 
         bottomSheetBehavior = BottomSheetBehavior.from(slidingPanel)
+
+        val themeColor = ATHUtil.resolveColor(this, R.attr.colorPrimary, Color.GRAY)
+        dimBackground.setBackgroundColor(ColorUtil.withAlpha(themeColor, 0.5f))
     }
 
     override fun onResume() {
diff --git a/app/src/main/java/code/name/monkey/retromusic/fragments/settings/MainSettingsFragment.kt b/app/src/main/java/code/name/monkey/retromusic/fragments/settings/MainSettingsFragment.kt
index 2ade2e5fa..bc93dfea9 100644
--- a/app/src/main/java/code/name/monkey/retromusic/fragments/settings/MainSettingsFragment.kt
+++ b/app/src/main/java/code/name/monkey/retromusic/fragments/settings/MainSettingsFragment.kt
@@ -63,7 +63,7 @@ class MainSettingsFragment : Fragment(), View.OnClickListener {
         aboutSettings.setOnClickListener(this)
 
         buyProContainer.apply {
-            if (App.isProVersion()) show() else hide()
+            if (!App.isProVersion()) show() else hide()
             setOnClickListener {
                 NavigationUtil.goToProVersion(requireContext())
             }
diff --git a/app/src/main/res/layout-v24/layout_notification_expanded.xml b/app/src/main/res/layout-v24/layout_notification_expanded.xml
index 50615fab2..13b84b975 100644
--- a/app/src/main/res/layout-v24/layout_notification_expanded.xml
+++ b/app/src/main/res/layout-v24/layout_notification_expanded.xml
@@ -5,131 +5,139 @@
     android:layout_width="match_parent"
     android:layout_height="wrap_content">
 
-  <RelativeLayout
-      android:id="@+id/image"
-      android:layout_width="match_parent"
-      android:layout_height="wrap_content"
-      android:layout_alignBottom="@+id/content"
-      android:layout_alignParentEnd="true">
+    <RelativeLayout
+        android:id="@+id/image"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_alignBottom="@+id/content"
+        android:layout_alignParentEnd="true">
 
-    <ImageView
-        android:id="@+id/largeIcon"
-        android:layout_width="@dimen/notification_big_image_size"
-        android:layout_height="@dimen/notification_big_image_size"
-        android:layout_alignParentEnd="true"
-        android:scaleType="centerCrop"
-        tools:src="@tools:sample/avatars" />
+        <ImageView
+            android:id="@+id/largeIcon"
+            android:layout_width="@dimen/notification_big_image_size"
+            android:layout_height="@dimen/notification_big_image_size"
+            android:layout_alignParentEnd="true"
+            android:scaleType="centerCrop"
+            tools:src="@tools:sample/avatars" />
 
-    <ImageView
-        android:id="@+id/foregroundImage"
-        android:layout_width="96dp"
-        android:layout_height="match_parent"
-        android:layout_alignStart="@id/largeIcon"
-        android:src="@drawable/background_image" />
+        <ImageView
+            android:id="@+id/foregroundImage"
+            android:layout_width="96dp"
+            android:layout_height="match_parent"
+            android:layout_alignStart="@id/largeIcon"
+            android:src="@drawable/background_image" />
 
-  </RelativeLayout>
-
-  <LinearLayout
-      android:id="@+id/content"
-      android:layout_width="match_parent"
-      android:layout_height="wrap_content"
-      android:layout_alignParentStart="true"
-      android:orientation="vertical"
-      android:paddingStart="0dp"
-      android:paddingTop="8dp"
-      android:paddingEnd="144dp">
+    </RelativeLayout>
 
     <LinearLayout
-        android:layout_width="wrap_content"
+        android:id="@+id/content"
+        android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_marginBottom="4dp"
-        android:gravity="center_vertical"
-        android:orientation="horizontal">
+        android:layout_alignParentStart="true"
+        android:orientation="vertical"
+        android:paddingStart="0dp"
+        android:paddingTop="8dp"
+        android:paddingEnd="144dp">
 
-      <ImageView
-          android:id="@+id/smallIcon"
-          android:layout_width="16dp"
-          android:layout_height="16dp"
-          android:layout_marginStart="8dp"
-          tools:src="@drawable/ic_audiotrack_black_24dp"
-          tools:tint="@color/md_black_1000" />
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginBottom="4dp"
+            android:gravity="center_vertical"
+            android:orientation="horizontal">
 
-      <TextView
-          android:id="@+id/appName"
-          android:layout_width="wrap_content"
-          android:layout_height="wrap_content"
-          android:layout_marginStart="4dp"
-          android:ellipsize="end"
-          android:lines="1"
-          android:singleLine="true"
-          android:textSize="13sp"
-          tools:text="@string/app_name" />
+            <ImageView
+                android:id="@+id/smallIcon"
+                android:layout_width="12dp"
+                android:layout_height="12dp"
+                android:layout_marginStart="16dp"
+                tools:src="@drawable/ic_audiotrack_black_24dp"
+                tools:tint="@color/md_black_1000" />
 
-      <ImageView
-          android:id="@+id/arrow"
-          android:layout_width="16dp"
-          android:layout_height="16dp"
-          android:layout_marginStart="2dp"
-          android:scaleType="centerInside"
-          android:src="@drawable/ic_keyboard_arrow_up_24dp"
-          android:tint="@color/dark_grey"
-          tools:ignore="VectorDrawableCompat" />
+            <TextView
+                android:id="@+id/appName"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="4dp"
+                android:ellipsize="end"
+                android:lines="1"
+                android:singleLine="true"
+                android:textSize="13sp"
+                tools:text="@tools:sample/lorem/random" />
 
+            <ImageView
+                android:id="@+id/arrow"
+                android:layout_width="12dp"
+                android:layout_height="12dp"
+                android:layout_marginStart="2dp"
+                android:scaleType="centerInside"
+                android:src="@drawable/ic_keyboard_arrow_up_24dp"
+                android:tint="@color/dark_grey"
+                tools:ignore="VectorDrawableCompat" />
+
+        </LinearLayout>
+
+        <TextView
+            android:id="@+id/title"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:ellipsize="end"
+            android:lines="1"
+            android:paddingStart="16dp"
+            android:paddingEnd="0dp"
+            android:singleLine="true"
+            android:textStyle="bold"
+            tools:text="@tools:sample/lorem/random" />
+
+        <TextView
+            android:id="@+id/subtitle"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:ellipsize="end"
+            android:lines="1"
+            android:paddingStart="16dp"
+            android:paddingEnd="0dp"
+            android:singleLine="true"
+            tools:text="@tools:sample/lorem/random" />
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:orientation="horizontal"
+            android:paddingStart="8dp"
+            android:paddingEnd="0dp">
+
+            <ImageView
+                android:id="@+id/action_prev"
+                android:layout_width="42dp"
+                android:layout_height="42dp"
+                android:scaleType="centerInside"
+                tools:src="@drawable/ic_skip_previous_round_white_32dp"
+                tools:tint="?colorOnPrimary" />
+
+            <ImageView
+                android:id="@+id/action_play_pause"
+                android:layout_width="42dp"
+                android:layout_height="42dp"
+                android:scaleType="centerInside"
+                tools:src="@drawable/ic_pause_white_48dp"
+                tools:tint="?colorOnPrimary" />
+
+            <ImageView
+                android:id="@+id/action_next"
+                android:layout_width="42dp"
+                android:layout_height="42dp"
+                android:scaleType="centerInside"
+                tools:src="@drawable/ic_skip_next_round_white_32dp"
+                tools:tint="?colorOnPrimary" />
+
+            <ImageView
+                android:id="@+id/action_quit"
+                android:layout_width="42dp"
+                android:layout_height="42dp"
+                android:scaleType="centerInside"
+                tools:src="@drawable/ic_close_white_24dp"
+                tools:tint="?colorOnPrimary" />
+        </LinearLayout>
     </LinearLayout>
-
-    <TextView
-        android:id="@+id/title"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:ellipsize="end"
-        android:lines="1"
-        android:paddingStart="16dp"
-        android:paddingEnd="0dp"
-        android:singleLine="true"
-        android:textStyle="bold"
-        tools:text="@tools:sample/lorem/random" />
-
-    <TextView
-        android:id="@+id/subtitle"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:ellipsize="end"
-        android:lines="1"
-        android:paddingStart="16dp"
-        android:paddingEnd="0dp"
-        android:singleLine="true"
-        tools:text="@tools:sample/lorem/random" />
-
-    <LinearLayout
-        android:paddingEnd="0dp"
-        android:paddingStart="12dp"
-        android:layout_width="wrap_content"
-        android:layout_height="match_parent"
-        android:orientation="horizontal">
-
-      <ImageView
-          android:id="@+id/action_prev"
-          android:layout_width="42dp"
-          android:layout_height="42dp"
-          android:scaleType="centerInside" />
-
-      <ImageView
-          android:id="@+id/action_play_pause"
-          android:layout_width="42dp"
-          android:layout_height="42dp"
-          android:scaleType="centerInside" />
-
-      <ImageView
-          android:id="@+id/action_next"
-          android:layout_width="42dp"
-          android:layout_height="42dp"
-          android:scaleType="centerInside" />
-
-      <ImageView
-          android:id="@+id/action_quit"
-          android:layout_width="42dp"
-          android:layout_height="42dp"
-          android:scaleType="centerInside" />
-    </LinearLayout>
-  </LinearLayout>
 </RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/layout_notification_collapsed.xml b/app/src/main/res/layout/layout_notification_collapsed.xml
index 55c363401..9e66d97fa 100644
--- a/app/src/main/res/layout/layout_notification_collapsed.xml
+++ b/app/src/main/res/layout/layout_notification_collapsed.xml
@@ -123,7 +123,7 @@
             android:layout_height="38dp"
             android:scaleType="centerInside"
             android:src="@drawable/ic_skip_previous_round_white_32dp"
-            android:tint="?colorOnPrimary" />
+            tools:tint="?colorOnPrimary" />
 
         <ImageView
             android:id="@+id/action_play_pause"
@@ -131,7 +131,7 @@
             android:layout_height="38dp"
             android:scaleType="centerInside"
             android:src="@drawable/ic_pause_white_24dp"
-            android:tint="?colorOnPrimary" />
+            tools:tint="?colorOnPrimary" />
 
         <ImageView
             android:id="@+id/action_next"
@@ -139,7 +139,7 @@
             android:layout_height="38dp"
             android:scaleType="centerInside"
             android:src="@drawable/ic_skip_next_round_white_32dp"
-            android:tint="?colorOnPrimary" />
+            tools:tint="?colorOnPrimary" />
 
         <ImageView
             android:id="@+id/action_quit"
diff --git a/app/src/main/res/layout/layout_notification_expanded.xml b/app/src/main/res/layout/layout_notification_expanded.xml
index df873134d..87bd1a739 100644
--- a/app/src/main/res/layout/layout_notification_expanded.xml
+++ b/app/src/main/res/layout/layout_notification_expanded.xml
@@ -48,9 +48,9 @@
 
             <ImageView
                 android:id="@+id/smallIcon"
-                android:layout_width="16dp"
-                android:layout_height="16dp"
-                android:layout_marginStart="8dp"
+                android:layout_width="12dp"
+                android:layout_height="12dp"
+                android:layout_marginStart="16dp"
                 tools:src="@drawable/ic_audiotrack_black_24dp"
                 tools:tint="@color/md_black_1000" />
 
@@ -67,8 +67,8 @@
 
             <ImageView
                 android:id="@+id/arrow"
-                android:layout_width="16dp"
-                android:layout_height="16dp"
+                android:layout_width="12dp"
+                android:layout_height="12dp"
                 android:layout_marginStart="2dp"
                 android:scaleType="centerInside"
                 android:src="@drawable/ic_keyboard_arrow_up_24dp"
@@ -103,31 +103,41 @@
         <LinearLayout
             android:layout_width="wrap_content"
             android:layout_height="match_parent"
-            android:orientation="horizontal">
+            android:orientation="horizontal"
+            android:paddingStart="8dp"
+            android:paddingEnd="0dp">
 
             <ImageView
                 android:id="@+id/action_prev"
                 android:layout_width="42dp"
                 android:layout_height="42dp"
-                android:scaleType="centerInside" />
+                android:scaleType="centerInside"
+                tools:src="@drawable/ic_skip_previous_round_white_32dp"
+                tools:tint="?colorOnPrimary" />
 
             <ImageView
                 android:id="@+id/action_play_pause"
                 android:layout_width="42dp"
                 android:layout_height="42dp"
-                android:scaleType="centerInside" />
+                android:scaleType="centerInside"
+                tools:src="@drawable/ic_pause_white_48dp"
+                tools:tint="?colorOnPrimary" />
 
             <ImageView
                 android:id="@+id/action_next"
                 android:layout_width="42dp"
                 android:layout_height="42dp"
-                android:scaleType="centerInside" />
+                android:scaleType="centerInside"
+                tools:src="@drawable/ic_skip_next_round_white_32dp"
+                tools:tint="?colorOnPrimary" />
 
             <ImageView
                 android:id="@+id/action_quit"
                 android:layout_width="42dp"
                 android:layout_height="42dp"
-                android:scaleType="centerInside" />
+                android:scaleType="centerInside"
+                tools:src="@drawable/ic_close_white_24dp"
+                tools:tint="?colorOnPrimary" />
         </LinearLayout>
     </LinearLayout>
 </RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/sliding_music_panel_layout.xml b/app/src/main/res/layout/sliding_music_panel_layout.xml
index b45080725..386918ee7 100644
--- a/app/src/main/res/layout/sliding_music_panel_layout.xml
+++ b/app/src/main/res/layout/sliding_music_panel_layout.xml
@@ -15,7 +15,6 @@
         android:id="@+id/dimBackground"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
-        android:background="?colorOnSecondary"
         android:clickable="true"
         android:focusable="true"
         android:visibility="gone" />