From ede7ef12faa15a97a9a08b62312e3a2c1527d7f8 Mon Sep 17 00:00:00 2001
From: Sanne de Vries <sannedv@protonmail.com>
Date: Wed, 13 Oct 2021 16:40:46 +0200
Subject: [PATCH] Added footer link to Marketplace in theme directory

---
 ghost/admin/app/styles/layouts/settings.css   | 25 ++++++++++++++++---
 .../settings/design/change-theme.hbs          |  6 +++++
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/ghost/admin/app/styles/layouts/settings.css b/ghost/admin/app/styles/layouts/settings.css
index 970f6c8187..82d236809c 100644
--- a/ghost/admin/app/styles/layouts/settings.css
+++ b/ghost/admin/app/styles/layouts/settings.css
@@ -1438,10 +1438,6 @@ p.theme-validation-details {
     flex-direction: column;
 }
 
-.gh-nav-bottom .gh-nav-design-tab.active {
-    background: var(--mainmenu-color-hover-bg);
-}
-
 .gh-nav-bottom .gh-nav-design-tab span {
     display: flex;
     align-items: center;
@@ -1631,6 +1627,27 @@ p.theme-validation-details {
     padding: 8px 0 0;
 }
 
+.gh-theme-directory-footer-container {
+    width: 100%;
+    background: var(--main-color-content-greybg);
+}
+
+
+.gh-theme-directory-footer {
+    display: block;
+    max-width: var(--main-layout-content-maxwidth);
+    margin: 0 auto;
+    padding: var(--main-layout-content-sidepadding) 48px;
+    color: var(--darkgrey-l1);
+    font-size: 1.6rem;
+    background: var(--main-color-content-greybg);
+}
+
+.gh-theme-directory-footer .link {
+    color: var(--green-d1);
+    font-weight: 500;
+}
+
 .gh-theme-preview {
     max-width: none;
     padding: 0 80px 48px;
diff --git a/ghost/admin/app/templates/settings/design/change-theme.hbs b/ghost/admin/app/templates/settings/design/change-theme.hbs
index f6946bcfbd..6eb2b40ede 100644
--- a/ghost/admin/app/templates/settings/design/change-theme.hbs
+++ b/ghost/admin/app/templates/settings/design/change-theme.hbs
@@ -30,4 +30,10 @@
             </div>
         </div>
     </section>
+</section>
+
+<section class="gh-theme-directory-footer-container">
+    <a href="https://ghost.org/themes/" target="_blank" rel="noopener noreferrer" class="gh-theme-directory-footer">
+        See more themes, free and premium, in <span class="link">our official marketplace →</span>
+    </a>
 </section>
\ No newline at end of file