From 0509019a0cd9a0937ebc918821b4a4de5aa5fe1f Mon Sep 17 00:00:00 2001
From: Agriya Khetarpal <74401230+agriyakhetarpal@users.noreply.github.com>
Date: Fri, 30 Jun 2023 22:36:15 +0530
Subject: [PATCH] Try to use darker hoverxref colours on dark mode

---
 docs/conf.py                   |  2 +-
 docs/source/_static/pybamm.css | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/docs/conf.py b/docs/conf.py
index 480fcad81d..4566574472 100644
--- 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
index 9702997cf2..ea860b658d 100644
--- 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);
+}