diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index 9f4fbc396..14249a447 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -6,6 +6,8 @@
     <!-- Dark Application Colors -->
     <color name="colorDarkPrimary">#212121</color>
     <color name="colorDarkPrimaryDark">#1C1C1D</color>
+    <color name="colorDarkPrimaryTranslucent">#BF212121</color>
+    <color name="colorDarkPrimaryDarkTranslucent">#BF1C1C1D</color>
     <color name="colorAmoledPrimary">@color/md_black_1000</color>
 
     <color name="splashBackgroundColor">@color/colorPrimary</color>
diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
index 0f3fc84af..409b88fd2 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -131,8 +131,8 @@
     <!-- Reader Theme -->
     <!--==============-->
     <style name="Theme.Base.Reader.Dark" parent="Theme.Base.Dark">
-        <item name="colorPrimary">@color/colorDarkPrimary</item>
-        <item name="colorPrimaryDark">@color/colorDarkPrimaryDark</item>
+        <item name="colorPrimary">@color/colorDarkPrimaryTranslucent</item>
+        <item name="colorPrimaryDark">@color/colorDarkPrimaryDarkTranslucent</item>
         <item name="android:colorBackground">@android:color/black</item>
 
         <item name="android:statusBarColor">?colorPrimaryDark</item>
@@ -140,8 +140,8 @@
     </style>
 
     <style name="Theme.Base.Reader.Light" parent="Theme.Base">
-        <item name="colorPrimary">@color/colorDarkPrimary</item>
-        <item name="colorPrimaryDark">@color/colorDarkPrimaryDark</item>
+        <item name="colorPrimary">@color/colorDarkPrimaryTranslucent</item>
+        <item name="colorPrimaryDark">@color/colorDarkPrimaryDarkTranslucent</item>
         <item name="android:colorBackground">@android:color/white</item>
 
         <item name="android:statusBarColor">?colorPrimaryDark</item>