From eec634badd668dd8b9f1cc93c18ece1e4c61ae27 Mon Sep 17 00:00:00 2001
From: Robert Ignatowicz <42359949+rignato@users.noreply.github.com>
Date: Sat, 25 Jan 2020 21:22:16 -0500
Subject: [PATCH] First attempt at fixing firefox dark mode (#22)

---
 assets/css/template-styles.css | 10 ++++++++++
 layouts/partials/head.html     |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/assets/css/template-styles.css b/assets/css/template-styles.css
index ae58463..9ca6f8c 100644
--- a/assets/css/template-styles.css
+++ b/assets/css/template-styles.css
@@ -1024,3 +1024,13 @@ h1 svg {
       background: none;
   }
 }
+
+::-moz-selection { /* Code for Firefox */
+    background: rgba(0,0,0,.8);
+    color: #fefefe;
+}
+  
+::selection {
+  background: rgba(0,0,0,.8);
+  color: #fefefe;
+}
\ No newline at end of file
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 6d294ba..37d4eb6 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -27,7 +27,7 @@
   <link rel="stylesheet" type="text/css" href="{{ $styles.Permalink }}">
 
   <style id="inverter" media="none">
-    html { filter: invert(100%) }
+    .intro-and-nav, .main-and-footer { filter: invert(100%) }
     * { background-color: inherit }
     img:not([src*=".svg"]), .colors, iframe, .demo-container { filter: invert(100%) }
   </style>