From d8d734d30615c199313f5ebfbe7571e9b730e537 Mon Sep 17 00:00:00 2001
From: Michael Brewer <michael.brewer@gyft.com>
Date: Fri, 29 Apr 2022 10:05:19 -0700
Subject: [PATCH] Added support for GitHub-style hash fragments for dark/light
 images (#3857)

* feat(images): github dark mode images

closes #3856

* refactor: conbine styles
---
 src/assets/stylesheets/main/_typeset.scss   | 3 ++-
 src/assets/stylesheets/palette/_scheme.scss | 6 ++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/assets/stylesheets/main/_typeset.scss b/src/assets/stylesheets/main/_typeset.scss
index 0b7318df0..4a5c05c73 100644
--- a/src/assets/stylesheets/main/_typeset.scss
+++ b/src/assets/stylesheets/main/_typeset.scss
@@ -416,7 +416,8 @@ kbd {
   }
 
   // Hide images for dark mode
-  img[src$="#only-dark"] {
+  img[src$="#only-dark"],
+  img[src$="#gh-dark-mode-only"] {
     display: none;
   }
 
diff --git a/src/assets/stylesheets/palette/_scheme.scss b/src/assets/stylesheets/palette/_scheme.scss
index 4d355b2fe..eb04ca524 100644
--- a/src/assets/stylesheets/palette/_scheme.scss
+++ b/src/assets/stylesheets/palette/_scheme.scss
@@ -97,12 +97,14 @@
     }
 
     // Hide images for light mode
-    img[src$="#only-light"] {
+    img[src$="#only-light"],
+    img[src$="#gh-light-mode-only"] {
       display: none;
     }
 
     // Show images for dark mode
-    img[src$="#only-dark"] {
+    img[src$="#only-dark"],
+    img[src$="#gh-dark-mode-only"] {
       display: initial;
     }
   }