diff --git a/app/src/main/java/org/kiwix/kiwixmobile/KiwixMobileActivity.java b/app/src/main/java/org/kiwix/kiwixmobile/KiwixMobileActivity.java
index aee53e48e..929f56ab2 100644
--- a/app/src/main/java/org/kiwix/kiwixmobile/KiwixMobileActivity.java
+++ b/app/src/main/java/org/kiwix/kiwixmobile/KiwixMobileActivity.java
@@ -486,6 +486,24 @@ public class KiwixMobileActivity extends BaseActivity implements WebViewCallback
     pageBottomTabLayout.addOnTabSelectedListener(pageBottomTabListener);
 
     wasHideToolbar = isHideToolbar;
+
+    if (nightMode) {
+      backToTopAppearNightly();
+    } else {
+      backToTopAppearDaily();
+    }
+  }
+
+  private void backToTopAppearDaily() {
+    backToTopButton.getBackground().setAlpha((int) (0.6 * 255));
+    backToTopButton.setBackgroundColor(getResources().getColor(R.color.back_to_top_background));
+    backToTopButton.setTextColor(getResources().getColor(R.color.back_to_top_text));
+  }
+
+  private void backToTopAppearNightly() {
+    backToTopButton.getBackground().setAlpha((int) (0.7 * 255));
+    backToTopButton.setBackgroundColor(getResources().getColor(R.color.back_to_top_background_night));
+    backToTopButton.setTextColor(getResources().getColor(R.color.back_to_top_text_night));
   }
 
   private void initPlayStoreUri() {
@@ -1278,6 +1296,8 @@ public class KiwixMobileActivity extends BaseActivity implements WebViewCallback
 
     }
     updateWidgets(this);
+
+
   }
 
   @Override
diff --git a/app/src/main/res/layout/main.xml b/app/src/main/res/layout/main.xml
index 62451fd5c..38b2a5f3e 100644
--- a/app/src/main/res/layout/main.xml
+++ b/app/src/main/res/layout/main.xml
@@ -58,10 +58,10 @@
             android:layout_alignParentBottom="true"
             android:layout_centerHorizontal="true"
             android:alpha="0.6"
-            android:background="#DDFFFFFF"
+            android:background="@color/back_to_top_background"
             android:gravity="center"
             android:text="@string/button_backtotop"
-            android:textColor="@android:color/black"
+            android:textColor="@color/back_to_top_text"
             android:textStyle="bold"
             android:visibility="invisible" />
 
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index 82640da77..11591a938 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -22,4 +22,8 @@
   <color name="grey">#5a5a5a</color>
   <color name="blue_grey">#ECEFF1</color>
   <color name="foreground_material_dark">@android:color/white</color>
+  <color name="back_to_top_background">#DDFFFFFF</color>
+  <color name="back_to_top_text">@android:color/black</color>
+  <color name="back_to_top_background_night">#FF000000</color>
+  <color name="back_to_top_text_night">#FFFFFFFF</color>
 </resources>
\ No newline at end of file