From f0675ef1a8124bbd13297a929216cc1c6f6c5b81 Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Wed, 27 Oct 2021 16:55:03 +0300
Subject: [PATCH] create standalone_image_page_mods.css

---
 content/standalone_image_page_mods.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 content/standalone_image_page_mods.css

diff --git a/content/standalone_image_page_mods.css b/content/standalone_image_page_mods.css
new file mode 100644
index 0000000..5c430e7
--- /dev/null
+++ b/content/standalone_image_page_mods.css
@@ -0,0 +1,24 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/content/standalone_image_page_mods.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* Match *most* images urls, good enough for 99% of uses probably */
+@-moz-document regexp("(.*\.(apng|png|jpg|jpeg|gif|webp|avif|ico|bmp|APNG|PNG|JPG|JPEG|GIF|WEBP|AVIF|ICO|BMP)([\?#].*)*$)|(^data:image/.*)"){
+
+  @media not print {
+    /* set solid color background */
+    html{ background-color: #232325 !important; }
+
+    /* remove default background */
+    body{ background-image: none !important; }
+    
+    /* Position of the image, auto = default */
+    img:only-child{
+      margin: auto !important /* auto = center, 0 = top-left */
+    }
+    
+    /* Checkerboard pattern for transparent images, slight blue hue */
+    img.transparent:only-child{
+      background: conic-gradient(#eef 0.25turn, #bbc 0.25turn 0.5turn, #eef 0.5turn 0.75turn, #bbc 0.75turn) top left / 24px 24px repeat !important;
+    }
+  }
+}
\ No newline at end of file