diff --git a/app/src/leanback/java/com/fongmi/android/tv/ui/activity/DetailActivity.java b/app/src/leanback/java/com/fongmi/android/tv/ui/activity/DetailActivity.java
index 52720847e..48f6d991c 100644
--- a/app/src/leanback/java/com/fongmi/android/tv/ui/activity/DetailActivity.java
+++ b/app/src/leanback/java/com/fongmi/android/tv/ui/activity/DetailActivity.java
@@ -349,7 +349,7 @@ public class DetailActivity extends BaseActivity implements CustomKeyDownVod.Lis
     }
 
     private void exitFullscreen() {
-        mBinding.widget.top.setVisibility(View.GONE);
+        mBinding.widget.info.setVisibility(View.GONE);
         mBinding.widget.center.setVisibility(View.GONE);
         mBinding.video.setForeground(ResUtil.getDrawable(R.drawable.selector_video));
         mBinding.video.setLayoutParams(mFrameParams);
@@ -520,7 +520,7 @@ public class DetailActivity extends BaseActivity implements CustomKeyDownVod.Lis
         public void run() {
             mBinding.widget.action.setImageResource(R.drawable.ic_play);
             mBinding.widget.center.setVisibility(View.GONE);
-            mBinding.widget.top.setVisibility(View.GONE);
+            mBinding.widget.info.setVisibility(View.GONE);
         }
     };
 
@@ -584,7 +584,7 @@ public class DetailActivity extends BaseActivity implements CustomKeyDownVod.Lis
     private void onPause(boolean visible) {
         mBinding.widget.exoPosition.setText(mPlayers.getTime(0));
         mBinding.widget.exoDuration.setText(mControl.exoDuration.getText());
-        mBinding.widget.top.setVisibility(visible ? View.VISIBLE : View.GONE);
+        mBinding.widget.info.setVisibility(visible ? View.VISIBLE : View.GONE);
         mBinding.widget.center.setVisibility(visible ? View.VISIBLE : View.GONE);
         mPlayers.pause();
     }
diff --git a/app/src/leanback/res/drawable/shape_live_info.xml b/app/src/leanback/res/drawable/shape_info_live.xml
similarity index 68%
rename from app/src/leanback/res/drawable/shape_live_info.xml
rename to app/src/leanback/res/drawable/shape_info_live.xml
index f5e9e43d4..dc4b2e126 100644
--- a/app/src/leanback/res/drawable/shape_live_info.xml
+++ b/app/src/leanback/res/drawable/shape_info_live.xml
@@ -4,8 +4,8 @@
 
     <gradient
         android:angle="0"
-        android:endColor="#80000000"
-        android:startColor="#E6000000"
+        android:endColor="@color/black_50"
+        android:startColor="@color/black_90"
         android:type="linear" />
 
 </shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/shape_title.xml b/app/src/leanback/res/drawable/shape_info_vod.xml
similarity index 60%
rename from app/src/main/res/drawable/shape_title.xml
rename to app/src/leanback/res/drawable/shape_info_vod.xml
index 54bd9fd1b..af23d1284 100644
--- a/app/src/main/res/drawable/shape_title.xml
+++ b/app/src/leanback/res/drawable/shape_info_vod.xml
@@ -4,9 +4,9 @@
 
     <gradient
         android:angle="270"
-        android:centerColor="#4D000000"
-        android:endColor="#00000000"
-        android:startColor="#99000000"
+        android:centerColor="@color/black_30"
+        android:endColor="@color/black"
+        android:startColor="@color/black_60"
         android:type="linear" />
 
 </shape>
\ No newline at end of file
diff --git a/app/src/leanback/res/drawable/shape_live_list.xml b/app/src/leanback/res/drawable/shape_live_list.xml
index 10ffe56fd..a2664c9fd 100644
--- a/app/src/leanback/res/drawable/shape_live_list.xml
+++ b/app/src/leanback/res/drawable/shape_live_list.xml
@@ -4,9 +4,9 @@
 
     <gradient
         android:angle="0"
-        android:centerColor="#99000000"
-        android:endColor="#0D000000"
-        android:startColor="#CC000000"
+        android:centerColor="@color/black_60"
+        android:endColor="@color/black_05"
+        android:startColor="@color/black_80"
         android:type="linear" />
 
 </shape>
\ No newline at end of file
diff --git a/app/src/leanback/res/layout/view_widget_live.xml b/app/src/leanback/res/layout/view_widget_live.xml
index fffc8212b..b6177249a 100644
--- a/app/src/leanback/res/layout/view_widget_live.xml
+++ b/app/src/leanback/res/layout/view_widget_live.xml
@@ -33,7 +33,7 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_gravity="bottom"
-        android:background="@drawable/shape_live_info"
+        android:background="@drawable/shape_info_live"
         android:gravity="center"
         android:orientation="horizontal"
         android:padding="16dp"
diff --git a/app/src/leanback/res/layout/view_widget_vod.xml b/app/src/leanback/res/layout/view_widget_vod.xml
index 1e07678df..f022f378a 100644
--- a/app/src/leanback/res/layout/view_widget_vod.xml
+++ b/app/src/leanback/res/layout/view_widget_vod.xml
@@ -5,10 +5,10 @@
     android:layout_height="match_parent">
 
     <LinearLayout
-        android:id="@+id/top"
+        android:id="@+id/info"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:background="@drawable/shape_title"
+        android:background="@drawable/shape_info_vod"
         android:orientation="horizontal"
         android:padding="16dp"
         android:visibility="gone"
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index 8e02c12da..1c3851017 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -4,6 +4,7 @@
     <color name="primaryDark">@color/black</color>
     <color name="transparent">#00000000</color>
     <color name="black">#000000</color>
+    <color name="black_05">#0D000000</color>
     <color name="black_10">#1A000000</color>
     <color name="black_20">#33000000</color>
     <color name="black_30">#4D000000</color>