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 10188d4f77..f1ea30afef 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;
}