From 4205951f7ab6fb88d12f9548e27de159a6de0aee Mon Sep 17 00:00:00 2001
From: Rishabh <zrishabhgarg@gmail.com>
Date: Mon, 13 Dec 2021 16:53:28 +0530
Subject: [PATCH] Added accent background color for default audio thumbnail

refs https://github.com/TryGhost/Team/issues/1230
---
 core/server/services/mega/template.js | 26 +++++++++++++++-----------
 package.json                          |  2 +-
 yarn.lock                             |  8 ++++----
 3 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/core/server/services/mega/template.js b/core/server/services/mega/template.js
index 9ec11646d4..eafd722e96 100644
--- a/core/server/services/mega/template.js
+++ b/core/server/services/mega/template.js
@@ -74,8 +74,8 @@ table td {
     max-width: 600px;
 }
 
-.content a { 
-    overflow-wrap: anywhere; 
+.content a {
+    overflow-wrap: anywhere;
 }
 
 /* -------------------------------------
@@ -554,28 +554,32 @@ figure blockquote p {
 }
 
 .kg-nft-link {
-    display: block; 
-    text-decoration: none !important; 
-    color: #15212A !important; 
+    display: block;
+    text-decoration: none !important;
+    color: #15212A !important;
     font-family: inherit !important;
     font-size: 14px;
     line-height: 1.3em;
-    padding-top: 4px; 
-    padding-right: 20px; 
-    padding-left: 20px; 
+    padding-top: 4px;
+    padding-right: 20px;
+    padding-left: 20px;
     padding-bottom: 4px;
 }
 
 .kg-twitter-link {
-    display: block; 
-    text-decoration: none !important; 
-    color: #15212A !important; 
+    display: block;
+    text-decoration: none !important;
+    color: #15212A !important;
     font-family: inherit !important;
     font-size: 15px;
     padding: 8px;
     line-height: 1.3em;
 }
 
+.kg-audio-thumbnail {
+    background: ${templateSettings.accentColor || '#15212A'} !important;
+}
+
 .kg-callout-card {
     display: flex;
     margin: 0 0 1.5em 0;
diff --git a/package.json b/package.json
index 3f7a873df2..09869fabd5 100644
--- a/package.json
+++ b/package.json
@@ -73,7 +73,7 @@
     "@tryghost/job-manager": "0.8.16",
     "@tryghost/kg-card-factory": "3.1.0",
     "@tryghost/kg-default-atoms": "3.1.0",
-    "@tryghost/kg-default-cards": "5.13.4",
+    "@tryghost/kg-default-cards": "5.13.5",
     "@tryghost/kg-markdown-html-renderer": "5.1.0",
     "@tryghost/kg-mobiledoc-html-renderer": "5.3.1",
     "@tryghost/limit-service": "1.0.6",
diff --git a/yarn.lock b/yarn.lock
index 7c3d5c4e8b..8cae195d56 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1571,10 +1571,10 @@
   resolved "https://registry.npmjs.org/@tryghost/kg-default-atoms/-/kg-default-atoms-3.1.0.tgz"
   integrity sha512-FfROzVgqJWqJ7cVdS9dcALz7rnzNfV8zcrymAJrDTHDsqzAdMfSLe1tNQRm8zas9pyZLsD8zBGmLxG9dr4WFSA==
 
-"@tryghost/kg-default-cards@5.13.4":
-  version "5.13.4"
-  resolved "https://registry.yarnpkg.com/@tryghost/kg-default-cards/-/kg-default-cards-5.13.4.tgz#ca57d417d1e5b1bb116d5d5a4c58a7fb578ea0e5"
-  integrity sha512-4RHxa/vox4x4vcOo0SB8K2q7t3S9Z5izl0lxXD+IqeYCeLtUFxdG3Q1c+a2CSDV142GK2rR8aHRnZqZ1Mb99Pw==
+"@tryghost/kg-default-cards@5.13.5":
+  version "5.13.5"
+  resolved "https://registry.yarnpkg.com/@tryghost/kg-default-cards/-/kg-default-cards-5.13.5.tgz#96d5b5c9eb3a6de6867b67e5d84516d65472e3b7"
+  integrity sha512-gc/Kj1CDPvzTnMFt+2OJAzWNCQbq51nECRW+1VMzsI47SsIrDhH4LB9uQefgqbGIpBa7zV+YzHoRs2aUBTI3Ew==
   dependencies:
     "@tryghost/kg-markdown-html-renderer" "^5.1.0"
     "@tryghost/url-utils" "^2.0.0"