v4.0.2

refs #780

assets/css/screen.css

@@ -274,6 +274,11 @@ production stylesheet in assets/built/screen.css
 .gh-social a {
     opacity: 0.8
 }
+
+.gh-social a + a {
+    margin-left: 0.8rem;
+}
+
 .gh-social a:hover {
     opacity: 1;
 }
@@ -284,6 +289,11 @@ production stylesheet in assets/built/screen.css
     fill: #fff;
 }
 
+.gh-social-facebook svg {
+    height: 20px;
+    width: 20px;
+}
+
 a.gh-head-button {
     display: block;
     padding: 8px 15px;
@@ -1807,11 +1817,12 @@ html.dark-mode .no-image .author-social-link a {
     color: rgba(255, 255, 255, 0.75);
 }
 
-html.dark-mode .post-full-content h1,
-html.dark-mode .post-full-content h2,
-html.dark-mode .post-full-content h3,
-html.dark-mode .post-full-content h4,
-html.dark-mode .post-full-content h6 {
+html.dark-mode .gh-content h1,
+html.dark-mode .gh-content h2,
+html.dark-mode .gh-content h3,
+html.dark-mode .gh-content h4,
+html.dark-mode .gh-content h5,
+html.dark-mode .gh-content h6 {
     color: rgba(255, 255, 255, 0.9);
 }
 
@@ -1842,7 +1853,7 @@ html.dark-mode .post-full-content hr:after {
     box-shadow: var(--color-darkmode) 0 0 0 5px;
 }
 
-html.dark-mode .post-full-content figcaption {
+html.dark-mode .gh-content figcaption {
     color: rgba(255, 255, 255, 0.6);
 }
 

default.hbs

@@ -43,6 +43,9 @@
             </div>
             <div class="gh-head-actions">
                 <div class="gh-social">
+                    {{#if @site.facebook}}
+                        <a class="gh-social-facebook" href="{{facebook_url @site.facebook}}" title="Facebook" target="_blank" rel="noopener">{{> "icons/facebook"}}</a>
+                    {{/if}}
                     {{#if @site.twitter}}
                         <a class="gh-social-twitter" href="{{twitter_url @site.twitter}}" title="Twitter" target="_blank" rel="noopener">{{> "icons/twitter"}}</a>
                     {{/if}}

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": "4.0.0-rc.2",
+    "version": "4.0.2",
     "engines": {
         "ghost": ">=4.0.0",
         "ghost-api": "v4"