From 81b2015853f665953f8d420b267db9de89dbcaee Mon Sep 17 00:00:00 2001
From: Alfonso Salces <alfonso.salces@moodle.com>
Date: Wed, 23 Nov 2022 14:30:34 +0100
Subject: [PATCH] MOBILE-4081 theme: Fix background mode in rich text editor

---
 .../editor/components/rich-text-editor/rich-text-editor.scss   | 3 +--
 src/theme/theme.light.scss                                     | 2 ++
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/core/features/editor/components/rich-text-editor/rich-text-editor.scss b/src/core/features/editor/components/rich-text-editor/rich-text-editor.scss
index 7d8a645d0..606f54c1e 100644
--- a/src/core/features/editor/components/rich-text-editor/rich-text-editor.scss
+++ b/src/core/features/editor/components/rich-text-editor/rich-text-editor.scss
@@ -4,11 +4,10 @@
     --toobar-background: var(--white);
     --button-color: var(--ion-text-color);
     --button-active-color: var(--gray-300);
-    --background: var(--ion-item-background);
+    --background: var(--rte-editor-background);
 }
 
 :host-context(html.dark) {
-    --background: var(--medium);
     --color: var(--white);
     --button-color: var(--gray-200);
     --button-active-color: var(--gray-500);
diff --git a/src/theme/theme.light.scss b/src/theme/theme.light.scss
index a18b8eec2..ad636a10b 100644
--- a/src/theme/theme.light.scss
+++ b/src/theme/theme.light.scss
@@ -402,4 +402,6 @@ html {
     } @else {
         --core-mainpage-sitename-display: inline;
     }
+
+    --rte-editor-background: var(--core-input-background);
 }