v5.4.11

no issues

- when there's no publication cover and the color scheme is in dark mode, the mobile menu had white background
- this fixes the issue by adding explicit dark mode rules to the styles

assets/css/screen.css

@@ -63,6 +63,7 @@ production stylesheet in assets/built/screen.css
 /* ---------------------------------------------------------- */
 
 .viewport {
+    position: relative;
     display: flex;
     flex-direction: column;
     min-height: 100vh;
@@ -2118,7 +2119,8 @@ html.dark-mode figcaption a {
     color: #fff;
 }
 
-html.dark-mode .gh-head {
+html.dark-mode .gh-head,
+html.dark-mode .has-cover:not(.home-template) .gh-head {
     background: var(--color-darkmode);
     color: #fff;
 }
@@ -2286,8 +2288,9 @@ html.dark-mode .footer-cta-title {
 }
 
 @media (max-width: 767px) {
+    html.dark-mode .gh-head-open #gh-head,
     html.dark-mode .gh-head-open #gh-head .gh-head-actions {
-        background-color: var(--color-darkmode);
+        background: var(--color-darkmode);
     }
 }
 
@@ -2309,7 +2312,8 @@ html.dark-mode .footer-cta-title {
         color: #fff;
     }
 
-    html.auto-color .gh-head {
+    html.auto-color .gh-head,
+    html.auto-color .has-cover:not(.home-template) .gh-head {
         background: var(--color-darkmode);
         color: #fff;
     }
@@ -2477,8 +2481,9 @@ html.dark-mode .footer-cta-title {
     }
 
     @media (max-width: 767px) {
+        html.auto-color .gh-head-open #gh-head,
         html.auto-color .gh-head-open #gh-head .gh-head-actions {
-            background-color: var(--color-darkmode);
+            background: var(--color-darkmode);
         }
     }
 }

assets/js/dropdown.js

@@ -16,6 +16,7 @@
         });
     }
 
+    var windowClickListener;
     const makeDropdown = function () {
         if (mediaQuery.matches) return;
         const submenuItems = [];
@@ -62,11 +63,12 @@
             document.body.classList.toggle('is-dropdown-open');
         });
 
-        window.addEventListener('click', function (e) {
+        windowClickListener = function (e) {
             if (!toggle.contains(e.target) && document.body.classList.contains('is-dropdown-open')) {
                 document.body.classList.remove('is-dropdown-open');
             }
-        });
+        };
+        window.addEventListener('click', windowClickListener);
     }
 
     imagesLoaded(head, function () {
@@ -75,6 +77,7 @@
 
     window.addEventListener('resize', function () {
         setTimeout(function () {
+            window.removeEventListener('click', windowClickListener);
             nav.innerHTML = navHTML;
             makeDropdown();
         }, 1);

default.hbs

@@ -80,7 +80,7 @@
             <nav class="site-footer-nav">
                 {{navigation type="secondary"}}
             </nav>
-            <div><a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a></div>
+            <div class="gh-powered-by"><a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a></div>
         </div>
     </footer>
 

package.json

@@ -2,7 +2,7 @@
     "name": "casper",
     "description": "A clean, minimal default theme for the Ghost publishing platform",
     "demo": "https://demo.ghost.io",
-    "version": "5.4.7",
+    "version": "5.4.11",
     "engines": {
         "ghost": ">=5.0.0"
     },
@@ -49,7 +49,7 @@
         "autoprefixer": "10.4.7",
         "beeper": "2.1.0",
         "cssnano": "5.1.12",
-        "gscan": "4.34.0",
+        "gscan": "4.36.1",
         "gulp": "4.0.2",
         "gulp-concat": "2.6.1",
         "gulp-livereload": "4.0.2",