v5.4.12

Fixed main nav background color in dark mode
closes https://github.com/TryGhost/Casper/issues/942
2025-07-20 04:36:05 +00:00 · 2023-06-20 12:09:25 +08:00 · 2023-06-20 12:09:08 +08:00 · 2023-05-09 13:30:12 +08:00 · 2023-05-09 13:27:37 +08:00 · 2023-04-21 09:49:57 +01:00
4 changed files with 20 additions and 5 deletions
--- a/assets/built/screen.css
+++ b/assets/built/screen.css
--- a/assets/built/screen.css.map
+++ b/assets/built/screen.css.map
--- a/assets/css/screen.css
+++ b/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,7 @@ html.dark-mode figcaption a {
    color: #fff;
 }

-html.dark-mode .gh-head {
+html.dark-mode body:not(.has-cover) .gh-head {
    background: var(--color-darkmode);
    color: #fff;
 }
@ -2285,6 +2286,13 @@ html.dark-mode .footer-cta-title {
    color: #fff;
 }

+@media (max-width: 767px) {
+    html.dark-mode .gh-head-open:not(.has-cover) #gh-head,
+    html.dark-mode .gh-head-open:not(.has-cover) #gh-head .gh-head-actions {
+        background: var(--color-darkmode);
+    }
+}
+
@media (prefers-color-scheme: dark) {
    html.auto-color body {
        color: rgba(255, 255, 255, 0.75);
@ -2303,7 +2311,7 @@ html.dark-mode .footer-cta-title {
        color: #fff;
    }

-    html.auto-color .gh-head {
+    html.auto-color body:not(.has-cover) .gh-head {
        background: var(--color-darkmode);
        color: #fff;
    }
@ -2469,6 +2477,13 @@ html.dark-mode .footer-cta-title {
    html.auto-color .footer-cta-title {
        color: #fff;
    }
+
+    @media (max-width: 767px) {
+        html.auto-color .gh-head-open:not(.has-cover) #gh-head,
+        html.auto-color .gh-head-open:not(.has-cover) #gh-head .gh-head-actions {
+            background: var(--color-darkmode);
+        }
+    }
 }

 /*
--- a/package.json
+++ b/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.9",
+    "version": "5.4.12",
    "engines": {
        "ghost": ">=5.0.0"
    },
Author	SHA1	Message	Date
Sodbileg Gansukh	294b1e30e5	v5.4.12	2023-06-20 12:09:25 +08:00
Sodbileg Gansukh	aa8ca0794b	Fixed main nav background color in dark mode closes https://github.com/TryGhost/Casper/issues/942	2023-06-20 12:09:08 +08:00
Sodbileg Gansukh	ba0b3d08cc	v5.4.11	2023-05-09 13:30:12 +08:00
Sodbileg Gansukh	50d5727f77	Fixed mobile menu background in dark mode 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	2023-05-09 13:27:37 +08:00
Sodbileg Gansukh	23f7c30365	v5.4.10	2023-04-21 09:49:57 +01:00
Sodbileg Gansukh	8ff3c6fcf1	Fixed main nav to make it work with the announcement bar	2023-04-21 09:49:37 +01:00