From bc99711f83f203f6a54f123a7107d546570521f8 Mon Sep 17 00:00:00 2001
From: Angus Hollands <goosey15@gmail.com>
Date: Thu, 15 Feb 2024 14:32:07 +0000
Subject: [PATCH] FIX: inherit color for button

---
 package.json                    |  2 +-
 style/jupyterlab-typography.css |  3 ---
 style/preflight.css             | 16 ++++++++++++++++
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 0cbccb3..9309ae2 100644
--- a/package.json
+++ b/package.json
@@ -86,7 +86,7 @@
         "@babel/preset-env": "^7.0.0",
         "@jupyterlab/builder": "^4.0.0",
         "@jupyterlab/testutils": "^4.0.0",
-        "@myst-theme/styles": "^0.5.21",
+        "@myst-theme/styles": "^0.5.22",
         "@tailwindcss/typography": "^0.5.8",
         "@types/jest": "^29.2.0",
         "@types/json-schema": "^7.0.11",
diff --git a/style/jupyterlab-typography.css b/style/jupyterlab-typography.css
index 717be40..63eb5c6 100644
--- a/style/jupyterlab-typography.css
+++ b/style/jupyterlab-typography.css
@@ -33,9 +33,6 @@
   .myst {
     @apply prose prose-stone dark:prose-invert break-words max-w-none w-full overflow-auto;
 
-    font-size: var(--jp-content-font-size1);
-    color: var(--jp-content-font-color1);
-
     /* Comes from .jp-RenderedHTMLCommon */
     padding-right: 20px;
   }
diff --git a/style/preflight.css b/style/preflight.css
index c23e41d..32e001e 100644
--- a/style/preflight.css
+++ b/style/preflight.css
@@ -5,6 +5,11 @@
 
 /* This is a highly simplified version of https://tailwindcss.com/docs/preflight to work with JupyterLab */
 
+.myst {
+ font-size: var(--jp-content-font-size1);
+ color: var(--jp-content-font-color1);
+}
+
 .myst
   :where(*):not(
     :where([class~='jp-RenderedHTMLCommon'], [class~='jp-RenderedHTMLCommon'] *)
@@ -47,3 +52,14 @@
   display: block;
   max-width: 100%;
 }
+
+.myst 
+  :where(button,
+input,
+optgroup,
+select,
+textarea) {
+ 
+   color: inherit; /* 1 */
+ 
+}