v4.5.0

refs https://github.com/TryGhost/Team/issues/1245

- Followed the same pattern as the callout, ntf and bookmark cards.

assets/css/screen.css

@@ -995,7 +995,7 @@ is the very first element in the post content */
 }
 
 /* Now the content typography styles */
-.gh-content a:not(.gh-post-upgrade-cta a):not(.kg-bookmark-container):not(.kg-btn):not(.kg-nft-card-container):not(.kg-callout-card-accent a) {
+.gh-content a:not(.gh-post-upgrade-cta a):not(.kg-bookmark-container):not(.kg-btn):not(.kg-nft-card-container):not(.kg-callout-card-accent a):not(a.kg-product-card-btn-accent) {
     color: var(--ghost-accent-color);
     text-decoration: underline;
     word-break: break-word;
@@ -1876,14 +1876,6 @@ html.dark-mode .site-archive-header .no-image {
     background: var(--color-darkmode);
 }
 
-html.dark-mode .kg-product-card-rating-active.kg-product-card-rating-star svg {
-    fill: #ebeef0;
-}
-
-html.dark-mode .kg-product-card-rating-star svg {
-    fill: #394047;
-}
-
 @media (prefers-color-scheme: dark) {
     html.auto-color body {
         color: rgba(255, 255, 255, 0.75);
@@ -2021,14 +2013,6 @@ html.dark-mode .kg-product-card-rating-star svg {
         color: rgba(255, 255, 255, 0.9);
         background: var(--color-darkmode);
     }
-
-    html.auto-color .kg-product-card-rating-active.kg-product-card-rating-star svg {
-        fill: #ebeef0;
-    }
-
-    html.auto-color .kg-product-card-rating-star svg {
-        fill: #394047;
-    }
 }
 
 /*

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

partials/post-card.hbs

@@ -42,7 +42,7 @@ which templates loop over to generate a list of posts. --}}
                 <li class="author-list-item">
                     {{#if profile_image}}
                     <a href="{{url}}" class="static-avatar">
-                        <img class="author-profile-image" src="{{img_url profile_image size="xs"}}" alt="{{name}}" />
+                        <img class="author-profile-image" src="{{img_url profile_image size="xs"}}" alt="{{name}}" loading="lazy" />
                     </a>
                     {{else}}
                     <a href="{{url}}" class="static-avatar author-profile-image">{{> "icons/avatar"}}</a>