Try to use darker hoverxref colours on dark mode

pybamm-team · Jun 30, 2023 · 0509019 · 0509019
1 parent 8bb450a
commit 0509019
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/docs/conf.py b/docs/conf.py
@@ -323,7 +323,7 @@
 hoverxref_tooltip_maxwidth = 750
 hoverxref_tooltip_animation = "swing"
 hoverxref_tooltip_content = "Loading information..."
-hoverxref_tooltip_theme = ["tooltipster-shadow", "tooltipster-punk"]
+hoverxref_tooltip_theme = ["tooltipster-shadow", "tooltipster-shadow-custom"]
 
 
 # -- Jinja templating --------------------------------------------------------

diff --git a/docs/source/_static/pybamm.css b/docs/source/_static/pybamm.css
@@ -144,3 +144,14 @@ html[data-theme="dark"] h1 {
 html[data-theme="dark"] h3 {
   color: #0a6774;
 }
+
+/* Overrides for sphinx-hoverxref since it does not support a native dark theme, see */
+/* https://github.com/readthedocs/sphinx-hoverxref/issues/231 */
+
+html[data-theme="dark"] .tooltipster-sidetip.tooltipster-shadow .tooltipster-box
+.tooltipster-arrow .tooltipster-right .tooltipster-left .tooltipster-arrow-border {
+  border: none;
+  border-radius: 5px;
+  background-color: var(--pst-color-background);
+  box-shadow: 0 0 10px 6px rgba(0,0,0,.1);
+}