From fa4af4b8cc274d7dd54920e3bdbd637ca73e4ec5 Mon Sep 17 00:00:00 2001
From: Thibaud Colas <thibaudcolas@gmail.com>
Date: Wed, 10 Jan 2018 23:55:14 +0200
Subject: [PATCH] Update Draftail styles to the dark theme

---
 client/src/components/Draftail/Draftail.scss              | 8 +++++++-
 .../static_src/wagtailadmin/scss/panels/draftail.scss     | 2 ++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/client/src/components/Draftail/Draftail.scss b/client/src/components/Draftail/Draftail.scss
index 39ea14e5a6..60e5b69a79 100644
--- a/client/src/components/Draftail/Draftail.scss
+++ b/client/src/components/Draftail/Draftail.scss
@@ -1,5 +1,4 @@
 @import '../../../../node_modules/draft-js/dist/Draft';
-@import '../../../../node_modules/draftail/dist/draftail';
 
 // Give each block element eg. paragraph some spacing so we don't end up
 // with empty paragraphs in code when user double enters because they think
@@ -28,3 +27,10 @@ div[data-block='true'] {
     // stylelint-disable declaration-no-important
     content: none !important;
 }
+
+$color-editor-chrome: $color-grey-1;
+$color-editor-chrome-text: $color-white;
+$color-editor-chrome-active: $color-white;
+$color-editor-chrome-accent: lighten($color-editor-chrome, 20%);
+
+@import '../../../../node_modules/draftail/lib/index';
diff --git a/wagtail/admin/static_src/wagtailadmin/scss/panels/draftail.scss b/wagtail/admin/static_src/wagtailadmin/scss/panels/draftail.scss
index a629d17bc9..9442719de6 100644
--- a/wagtail/admin/static_src/wagtailadmin/scss/panels/draftail.scss
+++ b/wagtail/admin/static_src/wagtailadmin/scss/panels/draftail.scss
@@ -1 +1,3 @@
+@import 'wagtailadmin/scss/variables';
+
 @import '../../../../../../client/src/components/Draftail/Draftail';