Merge pull request #436 from aai-institute/fix/435-broken-imports

Fix broken imports in notebooks

Author: mdbenito

CONTRIBUTING.md

@@ -170,12 +170,29 @@ Or:
 ]
 ```
 
-To only hide the input 
+To only hide the input and
+
+```yaml
+"tags": [
+  "hide-output"
+]
+```
+for hiding the output only.
 
 It is important to leave a warning at the top of the document to avoid confusion.
 Examples for hidden imports and plots are available in the notebooks, e.g. in
-[Shapley for data valuation](https://aai-institute.github.io/pyDVL/examples/shapley_basic_spotify.ipynb).
+*notebooks/shapley_basic_spotify.ipynb*.
 
+### Plots in Notebooks
+If you add a plot to a notebook, which should also render nicely in browser
+dark mode, add the tag *invertible-output*, i.e.
+
+```yaml
+"tags": [
+  "invertible-output"
+]
+```
+This applies a simple CSS-filter to the output image of the cell.
 
 ## Documentation
 

docs/css/extra.css

@@ -107,14 +107,17 @@ a.autorefs-external:hover::after {
   color: black;
 }
 
-
 body[data-md-color-scheme="default"] .invertible img {
 }
 
 body[data-md-color-scheme="slate"] .invertible img {
     filter: invert(100%) hue-rotate(180deg);
 }
 
+body[data-md-color-scheme="slate"] .celltag_invertible-output img {
+    filter: invert(100%) hue-rotate(180deg);
+}
+
 /* Rendered dataframe from jupyter */
 table.dataframe {
     display: block;

mkdocs.yml

@@ -53,6 +53,8 @@ plugins:
           - hide
         remove_input_tags:
           - hide-input
+        remove_all_outputs_tags:
+          - hide-output
       binder: true
       binder_service_name: "gh"
       binder_branch: "develop"