From d605dfe1cc2a4bc04c900b16f08d10c2183833c7 Mon Sep 17 00:00:00 2001
From: Nicholas Bollweg <nick.bollweg@gmail.com>
Date: Sat, 17 Aug 2019 12:28:53 -0400
Subject: [PATCH 1/3] Transparent prosemirror background

---
 style/index.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/style/index.css b/style/index.css
index 81f31c3..32f575a 100644
--- a/style/index.css
+++ b/style/index.css
@@ -120,7 +120,7 @@ code {
     padding-left: var(--jp-code-padding);
     padding-right: 20px;
     border: none;
-    background-color: rgb(255, 255, 255);
+    background-color: transparent;
     cursor: text;
     line-height: var(--jp-content-line-height);
 }

From 0e24225ac169570a5f292d1e6904a4e4f497e3ac Mon Sep 17 00:00:00 2001
From: Nicholas Bollweg <nick.bollweg@gmail.com>
Date: Sat, 17 Aug 2019 12:49:42 -0400
Subject: [PATCH 2/3] Use more theme-agnostic variables for menu items

---
 style/index.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/style/index.css b/style/index.css
index 32f575a..92a301a 100644
--- a/style/index.css
+++ b/style/index.css
@@ -39,7 +39,7 @@
 .activeMenuItem {
     padding: 1px;
     margin: 1px;
-    background-color: blue;
+    background-color: var(--jp-brand-color1);
 }
 
 .material-icons {
@@ -85,10 +85,14 @@
 
 
   i.menuItem.material-icons, i.activeMenuItem.material-icons {
-      color: var(--jp-layout-color4);
+      color: var(--jp-ui-font-color3);
       max-height: 18px;
       margin-top: 2px;
   }
+  i.activeMenuItem.material-icons {
+      color: var(--jp-ui-inverse-font-color0);
+  }
+
   i.menuItem.material-icons:hover, i.activeMenuItem.material-icons:hover {
     background: var(--jp-layout-color2);
   }

From 7462e2ae1626482c0225436bd434496f0a42017d Mon Sep 17 00:00:00 2001
From: Nicholas Bollweg <nick.bollweg@gmail.com>
Date: Sat, 17 Aug 2019 13:16:47 -0400
Subject: [PATCH 3/3] Update index.css

---
 style/index.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/style/index.css b/style/index.css
index 92a301a..757627d 100644
--- a/style/index.css
+++ b/style/index.css
@@ -176,6 +176,8 @@ code {
 
 .jp-scribe-menu-content {
     padding: 5px 12px 12px 12px;
+    background-color: var(--jp-layout-color2);
+    color: var(--jp-ui-font-color0);
 }
 
 
@@ -205,12 +207,12 @@ code {
 }
 
 .editor-menuLabel {
+  background-color: var(--jp-layout-color2);
   color: var(--jp-ui-font-color1);
   font-size: var(--jp-ui-font-size0);
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1px;
-
 }
 
 /* Image menu css */