📚 Add docs on selecting data, using cycler and composing plot functions

Author: s-weigand

docs/_static/css/mermaid_dark.css

@@ -1,4 +1,4 @@
-/* Overwrite edge colors and arror marker color in dakr mode. in */
+/* Overwrite edge colors and arrow marker color in dark mode. */
 html[data-theme="dark"] pre.mermaid {
   & .marker {
     fill: #e3e3e3 !important;

docs/_static/css/xarray_dark.css

@@ -0,0 +1,14 @@
+/* Overwrite xarray wrapper in dark mode. */
+html[data-theme="dark"] div.cell_output div.output.text_html {
+  background-color: var(--pst-color-on-background) !important;
+  color: var(--pst-color-text-base) !important;
+}
+
+/* Tables */
+html[data-theme="dark"] div.cell_output table {
+  color: var(--pst-color-text-base) !important;
+}
+
+html[data-theme="dark"] div.cell_output tbody tr:nth-child(odd) {
+  background-color: var(--pst-color-on-background) !important;
+}

docs/conf.py

@@ -133,6 +133,7 @@
     'contributing': [],
     'changelog': [],
     'config/project/subproject/config_docs': [],
+    'notebooks/tips_and_tricks': [],
 }
 
 # Theme options are theme-specific and customize the look and feel of a
@@ -147,6 +148,7 @@
 html_static_path = ["_static"]
 html_css_files = [
     'css/mermaid_dark.css',
+    'css/xarray_dark.css',
 ]
 
 # -- Options for HTMLHelp output ---------------------------------------

docs/index.md

@@ -9,6 +9,7 @@
 installation
 usage
 config/project/subproject/config_docs
+notebooks/tips_and_tricks
 api_docs
 contributing
 changelog