Desktop: Fixes #10044: Certain RTE menu items are not visible in dark…

… mode
laurent22 · Mar 4, 2024 · 8d5ee36 · 8d5ee36
1 parent 95e42c4
commit 8d5ee36
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/packages/app-desktop/gui/NoteEditor/NoteBody/TinyMCE/TinyMCE.tsx b/packages/app-desktop/gui/NoteEditor/NoteBody/TinyMCE/TinyMCE.tsx
@@ -377,10 +377,19 @@ const TinyMCE = (props: NoteBodyEditorProps, ref: any) => {
 				background-color: ${theme.backgroundColor} !important;
 			}
 
-			.tox .tox-dialog__body-content {
+			.tox .tox-dialog__body-content,
+			.tox .tox-collection__item {
 				color: ${theme.color};
 			}
 
+			.tox .tox-collection--list .tox-collection__item--active {
+				color: ${theme.backgroundColor};
+			}
+
+			.tox .tox-collection__item--state-disabled {
+				opacity: 0.7;
+			}
+
 			.tox .tox-menu {
 				/* Ensures that popover menus (the color swatch menu) has a visible border
 				   even in dark mode. */