From 5cbd9f0f78ebb95f02d22c3513d66e92c9f9b6af Mon Sep 17 00:00:00 2001
From: Sanne de Vries <sannedv@protonmail.com>
Date: Fri, 4 Sep 2020 21:40:03 +0200
Subject: [PATCH] Adjusted code injection fields in settings to dark mode

---
 ghost/admin/app/styles/app-dark.css         | 9 +++++++++
 ghost/admin/app/styles/layouts/settings.css | 9 +++++++++
 2 files changed, 18 insertions(+)

diff --git a/ghost/admin/app/styles/app-dark.css b/ghost/admin/app/styles/app-dark.css
index 82c799bcda..8f98bcc3b8 100644
--- a/ghost/admin/app/styles/app-dark.css
+++ b/ghost/admin/app/styles/app-dark.css
@@ -428,6 +428,15 @@ input:focus,
     background: #212A2E;
 }
 
+.settings-code-editor .CodeMirror-gutters,
+.settings-code code {
+    background-color: var(--white);
+}
+
+.settings-code-editor .CodeMirror {
+    background: var(--white);
+}
+
 .blog-logo,
 .blog-icon {
     background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3ERectangle%3C/title%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23303e46' d='M0 0h24v24H0z'/%3E%3Cpath fill='%233e515b' d='M0 0h12v12H0zM12 12h12v12H12z'/%3E%3C/g%3E%3C/svg%3E");
diff --git a/ghost/admin/app/styles/layouts/settings.css b/ghost/admin/app/styles/layouts/settings.css
index c5db1de403..7841a7844b 100644
--- a/ghost/admin/app/styles/layouts/settings.css
+++ b/ghost/admin/app/styles/layouts/settings.css
@@ -522,6 +522,8 @@
 }
 
 .settings-code code {
+    background-color: rgb(242, 244, 247);
+    border: 1px solid var(--lightgrey);
     vertical-align: middle;
     font-size: 1.2rem;
 }
@@ -553,6 +555,13 @@
     padding: 0;
     border: none;
     border-radius: inherit;
+    background: var(--white);
+    color: var(--darkgrey);
+}
+
+.settings-code-editor .CodeMirror-gutters {
+    background-color: rgb(242, 244, 247);
+    border-right: 1px solid var(--lightgrey);
 }
 
 .settings-code-editor .cm-s-xq-light span.cm-meta {