diff --git a/app/src/main/res/drawable/top_sites_background.xml b/app/src/main/res/drawable/top_sites_background.xml
index 6e697e5dce..018b617148 100644
--- a/app/src/main/res/drawable/top_sites_background.xml
+++ b/app/src/main/res/drawable/top_sites_background.xml
@@ -5,6 +5,6 @@
 
 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
     <corners android:radius="4dp" />
-    <solid android:color="@android:color/white" />
-    <stroke android:width="1dp" android:color="?toolbarDivider" />
+    <solid android:color="@color/top_site_background" />
+    <stroke android:width="1dp" android:color="@color/top_site_border" />
 </shape>
\ No newline at end of file
diff --git a/app/src/main/res/layout/top_site_item.xml b/app/src/main/res/layout/top_site_item.xml
index eb9bb871d7..042aac75c9 100644
--- a/app/src/main/res/layout/top_site_item.xml
+++ b/app/src/main/res/layout/top_site_item.xml
@@ -37,7 +37,7 @@
         android:layout_height="wrap_content"
         android:gravity="center"
         android:singleLine="true"
-        android:textColor="?primaryText"
+        android:textColor="@color/top_site_title_text"
         android:textSize="10sp"
         android:layout_marginTop="8dp"
         app:layout_constraintBottom_toBottomOf="parent"
diff --git a/app/src/main/res/values-night/colors.xml b/app/src/main/res/values-night/colors.xml
index 9c9c764b88..e8634d8b63 100644
--- a/app/src/main/res/values-night/colors.xml
+++ b/app/src/main/res/values-night/colors.xml
@@ -59,6 +59,11 @@
     <color name="tab_tray_heading_icon_normal_theme">@color/tab_tray_heading_icon_dark_theme</color>
     <color name="tab_tray_heading_icon_inactive_normal_theme">@color/tab_tray_heading_icon_inactive_dark_theme</color>
 
+    <!--Top site colors -->
+    <color name="top_site_background">@color/top_site_background_dark_theme</color>
+    <color name="top_site_border">@color/top_site_border_dark_theme</color>
+    <color name="top_site_title_text">@color/top_site_title_text_dark_theme</color>
+
     <!-- Collection icons-->
     <color name="collection_icon_color_violet">@color/collection_icon_color_violet_dark_theme</color>
     <color name="collection_icon_color_blue">@color/collection_icon_color_blue_dark_theme</color>
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index 6709fb3228..996251a0ad 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -17,6 +17,7 @@
     <color name="light_grey_10">#F9F9FB</color>
     <color name="light_grey_30">#E0E0E6</color>
     <color name="light_grey_60">#AFAFBB</color>
+    <color name="light_grey_90">#80808E</color>
     <color name="violet_50">#9059FF</color>
     <color name="violet_50_32a">#529059FF</color>
     <color name="violet_50_48a">#7A9059FF</color>
@@ -43,6 +44,9 @@
     <color name="scrimEnd_light_theme">#F542414D</color>
     <color name="dark_grey_90_gradient_start">#FF15141A</color>
     <color name="dark_grey_90_gradient_end">#0015141A</color>
+    <color name="top_site_background_light_theme">@android:color/white</color>
+    <color name="top_site_border_light_theme">@color/toolbar_divider_color_light_theme</color>
+    <color name="top_site_title_text_light_theme">@color/primary_text_light_theme</color>
     <color name="collection_icon_color_violet_light_theme">#7542E5</color>
     <color name="collection_icon_color_blue_light_theme">#0250BB</color>
     <color name="collection_icon_color_pink_light_theme">#E31587</color>
@@ -97,6 +101,9 @@
     <color name="disabled_dark_theme">#66FBFBFE</color>
     <color name="scrimStart_dark_theme">#F520123A</color>
     <color name="scrimEnd_dark_theme">#F515141A</color>
+    <color name="top_site_background_dark_theme">@color/dark_grey_50</color>
+    <color name="top_site_border_dark_theme">@color/dark_grey_50</color>
+    <color name="top_site_title_text_dark_theme">@color/light_grey_90</color>
     <color name="collection_icon_color_violet_dark_theme">#AB71FF</color>
     <color name="collection_icon_color_blue_dark_theme">#00B3F4</color>
     <color name="collection_icon_color_pink_dark_theme">#FF6BBA</color>
@@ -237,6 +244,11 @@
     <!-- Bookmark buttons -->
     <color name="bookmark_favicon_background">#DFDFE3</color>
 
+    <!-- Top site colors -->
+    <color name="top_site_background">@color/top_site_background_light_theme</color>
+    <color name="top_site_border">@color/top_site_border_light_theme</color>
+    <color name="top_site_title_text">@color/top_site_title_text_light_theme</color>
+
     <!-- Collection icons-->
     <color name="collection_icon_color_violet">@color/collection_icon_color_violet_light_theme</color>
     <color name="collection_icon_color_blue">@color/collection_icon_color_blue_light_theme</color>