diff --git a/iOS/AppAssets.swift b/iOS/AppAssets.swift
index a31ac6ea5..2ca4fda10 100644
--- a/iOS/AppAssets.swift
+++ b/iOS/AppAssets.swift
@@ -68,6 +68,10 @@ struct AppAssets {
 		return RSImage(named: "faviconTemplateImage")!
 	}()
 	
+	static var fullScreenBackgroundColor: UIColor = {
+		return UIColor(named: "fullScreenBackgroundColor")!
+	}()
+
 	static var infoImage: UIImage = {
 		UIImage(systemName: "info.circle")!
 	}()
diff --git a/iOS/Article/ImageTransition.swift b/iOS/Article/ImageTransition.swift
index 17a14c926..0c17a59b9 100644
--- a/iOS/Article/ImageTransition.swift
+++ b/iOS/Article/ImageTransition.swift
@@ -41,7 +41,7 @@ class ImageTransition: NSObject, UIViewControllerAnimatedTransitioning {
 		let fromView = transitionContext.view(forKey: .from)!
 		fromView.removeFromSuperview()
 
-		transitionContext.containerView.backgroundColor = UIColor.systemBackground
+		transitionContext.containerView.backgroundColor = AppAssets.fullScreenBackgroundColor
 		transitionContext.containerView.addSubview(imageView)
 		
 		articleController?.hideClickedImage()
diff --git a/iOS/Base.lproj/Main.storyboard b/iOS/Base.lproj/Main.storyboard
index 14b53813d..df20db9ac 100644
--- a/iOS/Base.lproj/Main.storyboard
+++ b/iOS/Base.lproj/Main.storyboard
@@ -265,7 +265,7 @@
                                 </connections>
                             </button>
                         </subviews>
-                        <color key="backgroundColor" systemColor="systemBackgroundColor" cocoaTouchSystemColor="whiteColor"/>
+                        <color key="backgroundColor" name="fullScreenBackgroundColor"/>
                         <constraints>
                             <constraint firstItem="RmY-a3-hUg" firstAttribute="top" secondItem="mbY-02-GFL" secondAttribute="top" id="A0i-Hs-1Ac"/>
                             <constraint firstAttribute="bottom" secondItem="msG-pz-EKk" secondAttribute="bottom" id="AtA-bA-jDr"/>
@@ -299,6 +299,9 @@
         <image name="square.and.arrow.up" catalog="system" width="56" height="64"/>
         <image name="square.and.arrow.up.fill" catalog="system" width="56" height="64"/>
         <image name="star" catalog="system" width="64" height="58"/>
+        <namedColor name="fullScreenBackgroundColor">
+            <color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+        </namedColor>
         <namedColor name="primaryAccentColor">
             <color red="0.031372549019607843" green="0.41568627450980394" blue="0.93333333333333335" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
         </namedColor>
diff --git a/iOS/Resources/Assets.xcassets/fullScreenBackgroundColor.colorset/Contents.json b/iOS/Resources/Assets.xcassets/fullScreenBackgroundColor.colorset/Contents.json
new file mode 100644
index 000000000..ccbb901d9
--- /dev/null
+++ b/iOS/Resources/Assets.xcassets/fullScreenBackgroundColor.colorset/Contents.json
@@ -0,0 +1,31 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  },
+  "colors" : [
+    {
+      "idiom" : "universal",
+      "color" : {
+        "platform" : "ios",
+        "reference" : "systemBackgroundColor"
+      }
+    },
+    {
+      "idiom" : "universal",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "color" : {
+        "color-space" : "gray-gamma-22",
+        "components" : {
+          "white" : "0.000",
+          "alpha" : "1.000"
+        }
+      }
+    }
+  ]
+}
\ No newline at end of file