Merge branch 'main' of github.com:transitive-bullshit/nextjs-notion-s…

…tarter-kit into main * 'main' of github.com:transitive-bullshit/nextjs-notion-starter-kit: Add dark mode header background for Firefox only fix: add header background for dark mode
hanmilLee · Apr 5, 2022 · 9d41298 · 9d41298
2 parents a007a86 + 8b8d6ce
commit 9d41298
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/styles/notion.css b/styles/notion.css
@@ -332,6 +332,13 @@
   backdrop-filter: saturate(180%) blur(8px);
 }
 
+/* Workaround for Firefox not supporting backdrop-filter yet */
+@-moz-document url-prefix() {
+  .dark-mode .notion-header {
+    background: hsla(203, 8%, 20%, 0.8);
+  }
+}
+
 .notion-bookmark:hover {
   border-image: linear-gradient(90.68deg, #b439df 0.26%, #e5337e 102.37%);
   border-image-slice: 1;