From: Adam Dullage <redacted>
Date: Thu, 20 Apr 2023 12:58:35 +0000 (+0100)
Subject: Editor menu popup theming.
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=af586396ccd5b4562d5f72a9c008fc12b43fce37;p=flatnotes.git

Editor menu popup theming.
---

diff --git a/flatnotes/src/toastui-editor-theme.scss b/flatnotes/src/toastui-editor-theme.scss
index 7fa46c1..537dbf1 100644
--- a/flatnotes/src/toastui-editor-theme.scss
+++ b/flatnotes/src/toastui-editor-theme.scss
@@ -100,7 +100,7 @@
 }
 
 .toastui-editor-md-tab-container .tab-item.active {
-  border-bottom: none;  
+  border-bottom: none;
 }
 
 .toastui-editor-toolbar-divider {
@@ -120,11 +120,44 @@
   color: var(--colour-text-muted);
 }
 
-.toastui-editor-md-code, .toastui-editor-contents code {
+.toastui-editor-md-code,
+.toastui-editor-contents code {
   background-color: var(--colour-background-tint);
 }
 
+.toastui-editor-popup {
+  background-color: var(--colour-background-elevated);
+  border: 1px solid var(--colour-border);
+}
+
+.toastui-editor-popup-body {
+  label {
+    color: var(--colour-text);
+  }
+  input {
+    background-color: var(--colour-background-elevated);
+    border: 1px solid var(--colour-border);
+  }
+}
+
+.toastui-editor-popup-add-table .toastui-editor-table-cell,
+.toastui-editor-popup-add-table .toastui-editor-table-cell.header {
+  background-color: var(--colour-background-elevated);
+  border-color: var(--colour-border);
+}
+
+.toastui-editor-popup-add-heading ul li:hover {
+  background-color: var(--colour-background-highlight);
+}
+
+.toastui-editor-popup-add-image .toastui-editor-tabs .tab-item {
+  color: var(--colour-text);
+  background-color: var(--colour-background-elevated);
+  border-color: var(--colour-border);
+}
+
 // Tables
-.toastui-editor-contents table th, .toastui-editor-contents table td {
+.toastui-editor-contents table th,
+.toastui-editor-contents table td {
   border-color: var(--colour-border);
 }