From 5edc95d96dea2d912df013873a6ff7bb1063f896 Mon Sep 17 00:00:00 2001
From: Sanne de Vries <sannedv@protonmail.com>
Date: Wed, 25 May 2022 10:23:11 +0200
Subject: [PATCH] Fixed dark mode issues in publishing flow

---
 .../app/components/editor/publish-management.hbs     |  2 +-
 ghost/admin/app/styles/app-dark.css                  | 12 ++++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/ghost/admin/app/components/editor/publish-management.hbs b/ghost/admin/app/components/editor/publish-management.hbs
index 5ddc44f4f0..219f88420b 100644
--- a/ghost/admin/app/components/editor/publish-management.hbs
+++ b/ghost/admin/app/components/editor/publish-management.hbs
@@ -21,7 +21,7 @@
     {{#if @post.isDraft}}
         <button
             type="button"
-            class="gh-btn gh-editor-preview-trigger"
+            class="gh-btn gh-btn-editor gh-editor-preview-trigger"
             {{on "click" this.openPreview}}
             {{on-key "cmd+p" this.togglePreview}}
             data-test-button="publish-preview"
diff --git a/ghost/admin/app/styles/app-dark.css b/ghost/admin/app/styles/app-dark.css
index b91132763e..6aee28ca69 100644
--- a/ghost/admin/app/styles/app-dark.css
+++ b/ghost/admin/app/styles/app-dark.css
@@ -263,12 +263,12 @@ input:focus,
     background: var(--black) !important;
 }
 
-.gh-btn:not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red):not(.gh-btn-primary):not(.gh-btn-black):not(.gh-btn-text):not(.gh-btn-accent):not(.gh-btn-link) {
+.gh-btn:not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red):not(.gh-btn-primary):not(.gh-btn-black):not(.gh-btn-text):not(.gh-btn-accent):not(.gh-btn-link):not(.gh-editor-preview-trigger) {
     background: var(--lightgrey);
     color: var(--black);
 }
 
-.gh-btn:not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red):not(.gh-btn-primary):not(.gh-btn-black):not(.gh-btn-text):not(.gh-btn-accent):not(.gh-btn-link):hover {
+.gh-btn:not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red):not(.gh-btn-primary):not(.gh-btn-black):not(.gh-btn-text):not(.gh-btn-accent):not(.gh-btn-link):not(.gh-editor-preview-trigger):hover {
     background: var(--lightgrey-d1);
     color: var(--black);
 }
@@ -450,6 +450,14 @@ input:focus,
     background: var(--white);
 }
 
+.gh-back-to-editor {
+    color: var(--middarkgrey);
+}
+
+.gh-back-to-editor:hover {
+    color: var(--middarkgrey-l2);
+}
+
 .gh-image-uploader {
     background: var(--lightgrey);
 }