Deploying to gh-pages from @ 5de1258 🚀

Author: jan-janssen

README.html

@@ -32,7 +32,7 @@
     <link rel="stylesheet" type="text/css" href="_static/styles/sphinx-book-theme.css?v=eba8b062" />
     <link rel="stylesheet" type="text/css" href="_static/togglebutton.css?v=13237357" />
     <link rel="stylesheet" type="text/css" href="_static/copybutton.css?v=76b2166b" />
-    <link rel="stylesheet" type="text/css" href="_static/mystnb.4510f1fc1dee50b3e5859aac5469c37c29e427902b24a333a5f9fcb2f0b3ac41.css" />
+    <link rel="stylesheet" type="text/css" href="_static/mystnb.8ecb98da25f57f5357bf6f572d296f466b2cfe2517ffebfabe82451661e28f02.css" />
     <link rel="stylesheet" type="text/css" href="_static/sphinx-thebe.css?v=4fa983c6" />
     <link rel="stylesheet" type="text/css" href="_static/sphinx-design.min.css?v=95c83b7e" />
 

_static/mystnb.4510f1fc1dee50b3e5859aac5469c37c29e427902b24a333a5f9fcb2f0b3ac41.css renamed to _static/mystnb.8ecb98da25f57f5357bf6f572d296f466b2cfe2517ffebfabe82451661e28f02.css

@@ -1,19 +1,60 @@
 /* Variables */
 :root {
-  --mystnb-source-bg-color: #f7f7f7;
-  --mystnb-stdout-bg-color: #fcfcfc;
-  --mystnb-stderr-bg-color: #fdd;
-  --mystnb-traceback-bg-color: #fcfcfc;
-  --mystnb-source-border-color: #ccc;
+  /*
+  Following palettes are generated by using https://m2.material.io/design/color/the-color-system.html#tools-for-picking-colors
+  - neutral palette with #fcfcfc and danger palette with #ffdddd as base colors.
+  50 means lightest, 900 means darkest; less used intermediate shades are omitted
+  but can be added when needed by accessing full palette from the above link.
+  */
+  --mystnb-neutral-palette-50: #fcfcfc;
+  --mystnb-neutral-palette-100: #f7f7f7;
+  --mystnb-neutral-palette-400: #cccccc;
+  --mystnb-neutral-palette-500: #afafaf;
+  --mystnb-neutral-palette-800: #505050;
+  --mystnb-neutral-palette-900: #2d2d2d;
+
+  --mystnb-danger-palette-50: #ffdddd;
+  --mystnb-danger-palette-100: #f5acad;
+  --mystnb-danger-palette-400: #c42029;
+  --mystnb-danger-palette-500: #b40008;
+  --mystnb-danger-palette-800: #850010;
+  --mystnb-danger-palette-900: #680010;
+
+  /* MyST-NB specific variables; colors should be logically picked from palettes */
+  --mystnb-source-bg-color: var(--mystnb-neutral-palette-100);
+  --mystnb-stdout-bg-color: var(--mystnb-neutral-palette-50);
+  --mystnb-stderr-bg-color: var(--mystnb-danger-palette-50);
+  --mystnb-traceback-bg-color: var(--mystnb-neutral-palette-50);
+  --mystnb-source-border-color: var(--mystnb-neutral-palette-400);
   --mystnb-source-margin-color: green;
-  --mystnb-stdout-border-color: #f7f7f7;
-  --mystnb-stderr-border-color: #f7f7f7;
-  --mystnb-traceback-border-color: #ffd6d6;
+  --mystnb-stdout-border-color: var(--mystnb-neutral-palette-100);
+  --mystnb-stderr-border-color: var(--mystnb-neutral-palette-100);
+  --mystnb-traceback-border-color: var(--mystnb-danger-palette-100);
   --mystnb-hide-prompt-opacity: 70%;
   --mystnb-source-border-radius: .4em;
   --mystnb-source-border-width: 1px;
+  --mystnb-scrollbar-width: 0.3rem;
+  --mystnb-scrollbar-height: 0.3rem;
+  --mystnb-scrollbar-thumb-color: var(--mystnb-neutral-palette-400);
+  --mystnb-scrollbar-thumb-hover-color: var(--mystnb-neutral-palette-500);
+  --mystnb-scrollbar-thumb-border-radius: 0.25rem;
 }
 
+/* Override colors in dark theme */
+html[data-theme="dark"] {
+  --mystnb-source-bg-color: var(--mystnb-neutral-palette-800);
+  --mystnb-stdout-bg-color: var(--mystnb-neutral-palette-900);
+  --mystnb-stderr-bg-color: var(--mystnb-danger-palette-900);
+  --mystnb-traceback-bg-color: var(--mystnb-neutral-palette-900);
+  --mystnb-source-border-color: var(--mystnb-neutral-palette-500);
+  --mystnb-stdout-border-color: var(--mystnb-neutral-palette-800);
+  --mystnb-stderr-border-color: var(--mystnb-neutral-palette-800);
+  --mystnb-traceback-border-color: var(--mystnb-danger-palette-800);
+  --mystnb-scrollbar-thumb-color: var(--mystnb-neutral-palette-500);
+  --mystnb-scrollbar-thumb-hover-color: var(--mystnb-neutral-palette-400);
+}
+
+
 /* Whole cell */
 div.container.cell {
   padding-left: 0;
@@ -35,8 +76,7 @@ div.container.cell {
 }
 
 /* Input cells */
-div.cell div.cell_input,
-div.cell details.above-input>summary {
+div.cell > div.cell_input {
   padding-left: 0em;
   padding-right: 0em;
   border: var(--mystnb-source-border-width) var(--mystnb-source-border-color) solid;
@@ -69,8 +109,9 @@ div.cell_output div.output>div.highlight {
   box-shadow: none;
 }
 
-.cell_output .output.text_plain,
-.cell_output .output.stream {
+.cell_output .output.text_plain:not(:has(.highlight)),
+.cell_output .output.stream:not(:has(.highlight)) {
+  /* plain (or stream of) output, not containing a pygments-highlighted block */
   background: var(--mystnb-stdout-bg-color);
   border: 1px solid var(--mystnb-stdout-border-color);
 }
@@ -85,57 +126,69 @@ div.cell_output div.output>div.highlight {
   border: 1px solid var(--mystnb-traceback-border-color);
 }
 
-/* Collapsible cell content */
-div.cell details.above-input div.cell_input {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-top: var(--mystnb-source-border-width) var(--mystnb-source-border-color) dashed;
+/* --- Collapsible cell content --- */
+
+/*
+encourage summary container to blend in with its parent.
+p.admonition-title should hold the title styles.
+*/
+div.cell details.hide summary {
+  border-left: unset;
+  padding: inherit;
+  margin: inherit;
+  background-color: inherit;
 }
 
-div.cell div.cell_input.above-output-prompt {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
+/* Neighboring input/output elements - spacing, borders */
+div.cell details.hide.above-input + details.below-input,
+div.cell div.cell_input + details.below-input
+{
+  margin-top: 0;
 }
 
-div.cell details.above-input>summary {
+div.cell details.hide.above-input:has(+ details.below-input),
+div.cell div.cell_input:has(+ details.below-input)
+{
+  margin-bottom: 0;
+}
+
+div.cell:has(> *:nth-child(2)) div.cell_input:first-child,
+div.cell:has(> *:nth-child(2)) details:first-child
+{
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
-  border-bottom: var(--mystnb-source-border-width) var(--mystnb-source-border-color) dashed;
-  padding-left: 1em;
-  margin-bottom: 0;
 }
 
-div.cell details.above-output>summary {
-  background-color: var(--mystnb-source-bg-color);
-  padding-left: 1em;
-  padding-right: 0em;
-  border: var(--mystnb-source-border-width) var(--mystnb-source-border-color) solid;
-  border-radius: var(--mystnb-source-border-radius);
-  border-left-color: var(--mystnb-source-margin-color);
-  border-left-width: medium;
+div.cell:has(> *:nth-child(2)) div.cell_input:last-child,
+div.cell:has(> *:nth-child(2)) details:last-child
+{
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
 }
 
-div.cell details.below-input>summary {
-  background-color: var(--mystnb-source-bg-color);
-  padding-left: 1em;
-  padding-right: 0em;
-  border: var(--mystnb-source-border-width) var(--mystnb-source-border-color) solid;
-  border-top: none;
-  border-bottom-left-radius: var(--mystnb-source-border-radius);
-  border-bottom-right-radius: var(--mystnb-source-border-radius);
-  border-left-color: var(--mystnb-source-margin-color);
-  border-left-width: medium;
+/* intra-label styles for collapsibles */
+div.cell.container details.hide.above-input>summary,
+div.cell.container details.hide.below-input>summary,
+div.cell.container details.hide.above-output>summary
+{
+  display: block;
+  border-left: none;
 }
 
-div.cell details.hide>summary>span {
-  opacity: var(--mystnb-hide-prompt-opacity);
+div.cell details.hide>summary>p.admonition-title {
+  display: list-item;
+  margin-bottom: 0;
+}
+
+div.cell details.hide:not([open]) {
+  padding-bottom: 0;
 }
 
-div.cell details.hide[open]>summary>span.collapsed {
+div.cell details.hide[open]>summary>p.collapsed {
   display: none;
 }
 
-div.cell details.hide:not([open])>summary>span.expanded {
+div.cell details.hide:not([open])>summary>p.expanded {
   display: none;
 }
 
@@ -154,6 +207,11 @@ div.cell details.hide[open]>summary~* {
   animation: collapsed-fade-in 0.3s ease-in-out;
 }
 
+/* Clear conflicting styles for details and admonitions set by some themes */
+div.cell details.admonition summary::before {
+  content: unset;
+}
+
 /* Math align to the left */
 .cell_output .MathJax_Display {
   text-align: left !important;
@@ -217,6 +275,80 @@ tbody span.pasted-inline img {
   max-height: none;
 }
 
+
+/* Adding scroll bars if tags: output_scroll, scroll-output, and scroll-input
+ * On screens, we want to scroll, but on print show all
+ *
+ * It was before in https://github.com/executablebooks/sphinx-book-theme/blob/eb1b6baf098b27605e8f2b7b2979b17ebf1b9540/src/sphinx_book_theme/assets/styles/extensions/_myst-nb.scss
+*/
+div.cell:is(
+    .tag_output_scroll,
+    .tag_scroll-output,
+    .config_scroll_outputs
+  )
+  div.cell_output,
+div.cell.tag_scroll-input div.cell_input {
+  max-height: 24em;
+  overflow-y: auto;
+  max-width: 100%;
+  overflow-x: auto;
+}
+
+div.cell.config_scroll_outputs div.cell_output:has(img) {
+  /* If the output cell has image(s), allow it to take 90% of viewport height
+  but still bounded between 24em and 60em */
+  max-height: clamp(24em, 90vh, 60em);
+}
+
+/* Custom scrollbars */
+div.cell:is(
+    .tag_output_scroll,
+    .tag_scroll-output,
+    .config_scroll_outputs
+  )
+  div.cell_output::-webkit-scrollbar,
+div.cell.tag_scroll-input div.cell_input::-webkit-scrollbar {
+  width: var(--mystnb-scrollbar-width);
+  height: var(--mystnb-scrollbar-height);
+}
+
+div.cell:is(
+    .tag_output_scroll,
+    .tag_scroll-output,
+    .config_scroll_outputs
+  )
+  div.cell_output::-webkit-scrollbar-thumb,
+div.cell.tag_scroll-input div.cell_input::-webkit-scrollbar-thumb {
+  background: var(--mystnb-scrollbar-thumb-color);
+  border-radius: var(--mystnb-scrollbar-thumb-border-radius);
+}
+
+div.cell:is(
+    .tag_output_scroll,
+    .tag_scroll-output,
+    .config_scroll_outputs
+  )
+  div.cell_output::-webkit-scrollbar-thumb:hover,
+div.cell.tag_scroll-input div.cell_input::-webkit-scrollbar-thumb:hover {
+  background: var(--mystnb-scrollbar-thumb-hover-color);
+}
+
+/* In print mode, unset scroll styles */
+@media print {
+  div.cell:is(
+      .tag_output_scroll,
+      .tag_scroll-output,
+      .config_scroll_outputs
+    )
+    div.cell_output,
+  div.cell.tag_scroll-input div.cell_input {
+    max-height: unset;
+    overflow-y: visible;
+    max-width: unset;
+    overflow-x: visible;
+  }
+}
+
 /* Font colors for translated ANSI escape sequences
 Color values are copied from Jupyter Notebook
 https://github.com/jupyter/notebook/blob/52581f8eda9b319eb0390ac77fe5903c38f81e3e/notebook/static/notebook/less/ansicolors.less#L14-L21

arithmetic.html

@@ -32,7 +32,7 @@
     <link rel="stylesheet" type="text/css" href="_static/styles/sphinx-book-theme.css?v=eba8b062" />
     <link rel="stylesheet" type="text/css" href="_static/togglebutton.css?v=13237357" />
     <link rel="stylesheet" type="text/css" href="_static/copybutton.css?v=76b2166b" />
-    <link rel="stylesheet" type="text/css" href="_static/mystnb.4510f1fc1dee50b3e5859aac5469c37c29e427902b24a333a5f9fcb2f0b3ac41.css" />
+    <link rel="stylesheet" type="text/css" href="_static/mystnb.8ecb98da25f57f5357bf6f572d296f466b2cfe2517ffebfabe82451661e28f02.css" />
     <link rel="stylesheet" type="text/css" href="_static/sphinx-thebe.css?v=4fa983c6" />
     <link rel="stylesheet" type="text/css" href="_static/sphinx-design.min.css?v=95c83b7e" />
 

conclusion.html

@@ -32,7 +32,7 @@
     <link rel="stylesheet" type="text/css" href="_static/styles/sphinx-book-theme.css?v=eba8b062" />
     <link rel="stylesheet" type="text/css" href="_static/togglebutton.css?v=13237357" />
     <link rel="stylesheet" type="text/css" href="_static/copybutton.css?v=76b2166b" />
-    <link rel="stylesheet" type="text/css" href="_static/mystnb.4510f1fc1dee50b3e5859aac5469c37c29e427902b24a333a5f9fcb2f0b3ac41.css" />
+    <link rel="stylesheet" type="text/css" href="_static/mystnb.8ecb98da25f57f5357bf6f572d296f466b2cfe2517ffebfabe82451661e28f02.css" />
     <link rel="stylesheet" type="text/css" href="_static/sphinx-thebe.css?v=4fa983c6" />
     <link rel="stylesheet" type="text/css" href="_static/sphinx-design.min.css?v=95c83b7e" />
 

documentation/arithmetic.html

@@ -32,7 +32,7 @@
     <link rel="stylesheet" type="text/css" href="../_static/styles/sphinx-book-theme.css?v=eba8b062" />
     <link rel="stylesheet" type="text/css" href="../_static/togglebutton.css?v=13237357" />
     <link rel="stylesheet" type="text/css" href="../_static/copybutton.css?v=76b2166b" />
-    <link rel="stylesheet" type="text/css" href="../_static/mystnb.4510f1fc1dee50b3e5859aac5469c37c29e427902b24a333a5f9fcb2f0b3ac41.css" />
+    <link rel="stylesheet" type="text/css" href="../_static/mystnb.8ecb98da25f57f5357bf6f572d296f466b2cfe2517ffebfabe82451661e28f02.css" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-thebe.css?v=4fa983c6" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
 

documentation/conclusion.html

@@ -32,7 +32,7 @@
     <link rel="stylesheet" type="text/css" href="../_static/styles/sphinx-book-theme.css?v=eba8b062" />
     <link rel="stylesheet" type="text/css" href="../_static/togglebutton.css?v=13237357" />
     <link rel="stylesheet" type="text/css" href="../_static/copybutton.css?v=76b2166b" />
-    <link rel="stylesheet" type="text/css" href="../_static/mystnb.4510f1fc1dee50b3e5859aac5469c37c29e427902b24a333a5f9fcb2f0b3ac41.css" />
+    <link rel="stylesheet" type="text/css" href="../_static/mystnb.8ecb98da25f57f5357bf6f572d296f466b2cfe2517ffebfabe82451661e28f02.css" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-thebe.css?v=4fa983c6" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
 

documentation/evcurve.html

@@ -32,7 +32,7 @@
     <link rel="stylesheet" type="text/css" href="../_static/styles/sphinx-book-theme.css?v=eba8b062" />
     <link rel="stylesheet" type="text/css" href="../_static/togglebutton.css?v=13237357" />
     <link rel="stylesheet" type="text/css" href="../_static/copybutton.css?v=76b2166b" />
-    <link rel="stylesheet" type="text/css" href="../_static/mystnb.4510f1fc1dee50b3e5859aac5469c37c29e427902b24a333a5f9fcb2f0b3ac41.css" />
+    <link rel="stylesheet" type="text/css" href="../_static/mystnb.8ecb98da25f57f5357bf6f572d296f466b2cfe2517ffebfabe82451661e28f02.css" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-thebe.css?v=4fa983c6" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
 

documentation/intro.html

@@ -32,7 +32,7 @@
     <link rel="stylesheet" type="text/css" href="../_static/styles/sphinx-book-theme.css?v=eba8b062" />
     <link rel="stylesheet" type="text/css" href="../_static/togglebutton.css?v=13237357" />
     <link rel="stylesheet" type="text/css" href="../_static/copybutton.css?v=76b2166b" />
-    <link rel="stylesheet" type="text/css" href="../_static/mystnb.4510f1fc1dee50b3e5859aac5469c37c29e427902b24a333a5f9fcb2f0b3ac41.css" />
+    <link rel="stylesheet" type="text/css" href="../_static/mystnb.8ecb98da25f57f5357bf6f572d296f466b2cfe2517ffebfabe82451661e28f02.css" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-thebe.css?v=4fa983c6" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
 

documentation/nfdi.html

@@ -32,7 +32,7 @@
     <link rel="stylesheet" type="text/css" href="../_static/styles/sphinx-book-theme.css?v=eba8b062" />
     <link rel="stylesheet" type="text/css" href="../_static/togglebutton.css?v=13237357" />
     <link rel="stylesheet" type="text/css" href="../_static/copybutton.css?v=76b2166b" />
-    <link rel="stylesheet" type="text/css" href="../_static/mystnb.4510f1fc1dee50b3e5859aac5469c37c29e427902b24a333a5f9fcb2f0b3ac41.css" />
+    <link rel="stylesheet" type="text/css" href="../_static/mystnb.8ecb98da25f57f5357bf6f572d296f466b2cfe2517ffebfabe82451661e28f02.css" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-thebe.css?v=4fa983c6" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
 

evcurve.html

@@ -32,7 +32,7 @@
     <link rel="stylesheet" type="text/css" href="_static/styles/sphinx-book-theme.css?v=eba8b062" />
     <link rel="stylesheet" type="text/css" href="_static/togglebutton.css?v=13237357" />
     <link rel="stylesheet" type="text/css" href="_static/copybutton.css?v=76b2166b" />
-    <link rel="stylesheet" type="text/css" href="_static/mystnb.4510f1fc1dee50b3e5859aac5469c37c29e427902b24a333a5f9fcb2f0b3ac41.css" />
+    <link rel="stylesheet" type="text/css" href="_static/mystnb.8ecb98da25f57f5357bf6f572d296f466b2cfe2517ffebfabe82451661e28f02.css" />
     <link rel="stylesheet" type="text/css" href="_static/sphinx-thebe.css?v=4fa983c6" />
     <link rel="stylesheet" type="text/css" href="_static/sphinx-design.min.css?v=95c83b7e" />