From 7b2480179fff9ea5982ee3893550fc6b897c4d12 Mon Sep 17 00:00:00 2001
From: Rishabhraghwendra18
 <43534227+Rishabhraghwendra18@users.noreply.github.com>
Date: Fri, 8 Oct 2021 19:48:26 +0530
Subject: [PATCH] Desktop: Fixes #5310: Bright background around code block
 insertion dialog in dark mode (#5491)

---
 .../app-desktop/gui/NoteEditor/NoteBody/TinyMCE/TinyMCE.tsx  | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/app-desktop/gui/NoteEditor/NoteBody/TinyMCE/TinyMCE.tsx b/packages/app-desktop/gui/NoteEditor/NoteBody/TinyMCE/TinyMCE.tsx
index 10188d4f7..f1ea30afe 100644
--- a/packages/app-desktop/gui/NoteEditor/NoteBody/TinyMCE/TinyMCE.tsx
+++ b/packages/app-desktop/gui/NoteEditor/NoteBody/TinyMCE/TinyMCE.tsx
@@ -393,6 +393,11 @@ const TinyMCE = (props: NoteBodyEditorProps, ref: any) => {
 				font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
 			}
 
+			.tox .tox-dialog-wrap__backdrop {
+				background-color: ${theme.backgroundColor} !important;
+				opacity:0.7
+			}
+			
 			.tox .tox-editor-header {
 				border: none;
 			}