From 5e98c7849331773a51d199a11347b042ee42da4b Mon Sep 17 00:00:00 2001
From: Ronald Langeveld <hi@ronaldlangeveld.com>
Date: Mon, 15 Aug 2022 11:29:09 +0200
Subject: [PATCH] Added accentColour to KoenigReactEditor as prop. (#15231)

no issue
---
 ghost/admin/app/components/gh-koenig-editor-react.hbs |  1 +
 ghost/admin/app/components/gh-koenig-editor-react.js  | 11 +++++++++++
 ghost/admin/app/components/koenig-react-editor.js     |  1 +
 3 files changed, 13 insertions(+)

diff --git a/ghost/admin/app/components/gh-koenig-editor-react.hbs b/ghost/admin/app/components/gh-koenig-editor-react.hbs
index f325f66950..93f8bbb601 100644
--- a/ghost/admin/app/components/gh-koenig-editor-react.hbs
+++ b/ghost/admin/app/components/gh-koenig-editor-react.hbs
@@ -40,6 +40,7 @@
             @didCreateEditor={{this.onEditorCreated}}
             @onChange={{@onBodyChange}}
             @uploadUrl={{this.uploadUrl}}
+            @accentColor={{this.accentColor}}
         />
 
         {{!-- <KoenigEditor
diff --git a/ghost/admin/app/components/gh-koenig-editor-react.js b/ghost/admin/app/components/gh-koenig-editor-react.js
index 492720cabb..fc1d8850f7 100644
--- a/ghost/admin/app/components/gh-koenig-editor-react.js
+++ b/ghost/admin/app/components/gh-koenig-editor-react.js
@@ -1,9 +1,12 @@
 import Component from '@glimmer/component';
 import ghostPaths from 'ghost-admin/utils/ghost-paths';
 import {action} from '@ember/object';
+import {inject as service} from '@ember/service';
 import {tracked} from '@glimmer/tracking';
 
 export default class GhKoenigEditorReactComponent extends Component {
+    @service settings;
+
     containerElement = null;
     titleElement = null;
     koenigEditor = null;
@@ -17,6 +20,14 @@ export default class GhKoenigEditorReactComponent extends Component {
         return this.args.title === '(Untitled)' ? '' : this.args.title;
     }
 
+    get accentColor() {
+        const color = this.settings.get('accentColor');
+        if (color && color[0] === '#') {
+            return color.slice(1);
+        }
+        return color;
+    }
+
     @action
     registerElement(element) {
         this.containerElement = element;
diff --git a/ghost/admin/app/components/koenig-react-editor.js b/ghost/admin/app/components/koenig-react-editor.js
index b9e00d8ecc..c22caef9c1 100644
--- a/ghost/admin/app/components/koenig-react-editor.js
+++ b/ghost/admin/app/components/koenig-react-editor.js
@@ -88,6 +88,7 @@ export default class KoenigReactEditor extends Component {
                             didCreateEditor={this.args.didCreateEditor}
                             onChange={this.args.onChange}
                             uploadUrl={this.args.uploadUrl}
+                            accentColor={this.args.accentColor}
                         />
                     </Suspense>
                 </ErrorHandler>