FIX: inherit color for button

jupyter-book · Feb 15, 2024 · bc99711 · bc99711
1 parent b0191ba
commit bc99711
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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 */
+
+}