diff --git a/app/src/main/java/org/mozilla/fenix/home/HomeFragment.kt b/app/src/main/java/org/mozilla/fenix/home/HomeFragment.kt
index 8c36863497..e9fa19ac6a 100644
--- a/app/src/main/java/org/mozilla/fenix/home/HomeFragment.kt
+++ b/app/src/main/java/org/mozilla/fenix/home/HomeFragment.kt
@@ -287,6 +287,9 @@ class HomeFragment : Fragment() {
)
}
}
+
+ // We need the shadow to be above the components.
+ bottomBarShadow.bringToFront()
}
override fun onDestroyView() {
diff --git a/app/src/main/res/drawable/home_bottom_bar_background.xml b/app/src/main/res/drawable/home_bottom_bar_background.xml
new file mode 100644
index 0000000000..b57a92a7ec
--- /dev/null
+++ b/app/src/main/res/drawable/home_bottom_bar_background.xml
@@ -0,0 +1,17 @@
+
+
+
+
+-
+
+
+
+
+-
+
+
+
+
+
diff --git a/app/src/main/res/drawable/private_home_bottom_bar_background_gradient.xml b/app/src/main/res/drawable/private_home_bottom_bar_background_gradient.xml
new file mode 100644
index 0000000000..8bce2c24fc
--- /dev/null
+++ b/app/src/main/res/drawable/private_home_bottom_bar_background_gradient.xml
@@ -0,0 +1,22 @@
+
+
+
+
+-
+
+
+
+
+-
+
+
+
+
+
diff --git a/app/src/main/res/layout/fragment_home.xml b/app/src/main/res/layout/fragment_home.xml
index efc1b42418..135ad0550f 100644
--- a/app/src/main/res/layout/fragment_home.xml
+++ b/app/src/main/res/layout/fragment_home.xml
@@ -53,11 +53,20 @@
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintEnd_toStartOf="parent" />
+
+
@@ -67,7 +76,7 @@
android:transitionName="toolbar_wrapper_transition"
android:layout_width="0dp"
android:layout_height="wrap_content"
- android:layout_marginStart="16dp"
+ android:layout_marginStart="8dp"
android:layout_marginTop="16dp"
android:layout_marginBottom="16dp"
android:layout_marginEnd="8dp"
diff --git a/app/src/main/res/values/attrs.xml b/app/src/main/res/values/attrs.xml
index 52a560a6fc..59d2be71cd 100644
--- a/app/src/main/res/values/attrs.xml
+++ b/app/src/main/res/values/attrs.xml
@@ -27,6 +27,7 @@
+
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index f3267e29a0..e17bfd779d 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -189,6 +189,7 @@
#232749
#FFF36E
#960E18
+ #1A000000
@color/primary_text_light_theme
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
index e6b907fe9a..d1cd2717a3 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -53,6 +53,7 @@
- @drawable/ic_logo_wordmark_normal
- @color/foundation_normal_theme
+ - @drawable/home_bottom_bar_background
- @android:color/transparent
- @color/primary_text_normal_theme
- @raw/shield_json
@@ -135,6 +136,7 @@
- @drawable/ic_logo_wordmark_private
- @drawable/private_home_background_gradient
+ - @drawable/private_home_bottom_bar_background_gradient
- @color/primary_text_private_theme
- @color/above_private_theme
- @raw/shield_json_dark