diff --git a/app/src/main/java/org/mozilla/fenix/home/sessioncontrol/viewholders/onboarding/OnboardingManualSignInViewHolder.kt b/app/src/main/java/org/mozilla/fenix/home/sessioncontrol/viewholders/onboarding/OnboardingManualSignInViewHolder.kt
index 08b70a215..db5ff8c6b 100644
--- a/app/src/main/java/org/mozilla/fenix/home/sessioncontrol/viewholders/onboarding/OnboardingManualSignInViewHolder.kt
+++ b/app/src/main/java/org/mozilla/fenix/home/sessioncontrol/viewholders/onboarding/OnboardingManualSignInViewHolder.kt
@@ -6,6 +6,7 @@ package org.mozilla.fenix.home.sessioncontrol.viewholders.onboarding
 
 import android.view.View
 import androidx.appcompat.content.res.AppCompatResources
+import androidx.core.content.ContextCompat
 import androidx.navigation.Navigation
 import androidx.recyclerview.widget.RecyclerView
 import kotlinx.android.synthetic.main.onboarding_manual_signin.view.*
@@ -25,6 +26,7 @@ class OnboardingManualSignInViewHolder(private val view: View) : RecyclerView.Vi
         val appName = view.context.getString(R.string.app_name)
         view.header_text.text = view.context.getString(R.string.onboarding_firefox_account_header, appName)
         val icon = AppCompatResources.getDrawable(view.context, R.drawable.ic_onboarding_firefox_accounts)
+        icon?.setTint(ContextCompat.getColor(view.context, R.color.white_color))
         view.header_text.putCompoundDrawablesRelativeWithIntrinsicBounds(start = icon)
     }
 
diff --git a/app/src/main/res/drawable/onboarding_card_background_dark.xml b/app/src/main/res/drawable/onboarding_card_background_dark.xml
index 3d0b8fe70..a6f8a1ed7 100644
--- a/app/src/main/res/drawable/onboarding_card_background_dark.xml
+++ b/app/src/main/res/drawable/onboarding_card_background_dark.xml
@@ -4,7 +4,12 @@
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle">
-    <stroke android:width="1dp" android:color="?neutralFaded" />
-    <solid android:color="@color/onboarding_card_background_dark" />
+    <stroke
+        android:width="1dp"
+        android:color="?neutralFaded" />
+    <gradient
+        android:angle="45"
+        android:endColor="@color/accent_high_contrast_dark_theme"
+        android:startColor="@color/accent_bright_dark_theme" />
     <corners android:radius="8dp" />
 </shape>
diff --git a/app/src/main/res/layout/onboarding_manual_signin.xml b/app/src/main/res/layout/onboarding_manual_signin.xml
index ffc46de96..c930243b7 100644
--- a/app/src/main/res/layout/onboarding_manual_signin.xml
+++ b/app/src/main/res/layout/onboarding_manual_signin.xml
@@ -17,8 +17,9 @@
         android:layout_height="wrap_content"
         android:layout_marginBottom="14dp"
         android:drawablePadding="12dp"
+        android:drawableTint="@color/white_color"
         android:textAppearance="@style/Header16TextStyle"
-        android:textColor="@color/onboarding_card_primary_text_dark"
+        android:textColor="@color/neutral_text"
         tools:text="@string/onboarding_firefox_account_header" />
 
     <Button
@@ -33,8 +34,8 @@
         android:padding="10dp"
         android:text="@string/onboarding_firefox_account_sign_in"
         android:textAllCaps="false"
-        android:textColor="?neutral"
+        android:textColor="@color/button_text_color"
         android:textSize="14sp"
         android:textStyle="bold"
-        app:backgroundTint="@color/onboarding_card_button_background_dark" />
+        app:backgroundTint="@color/foundation_light_theme" />
 </LinearLayout>