From 27e4ea8b5f12a22b1d153081327db56361682dff Mon Sep 17 00:00:00 2001
From: M Bussonnier <bussonniermatthias@gmail.com>
Date: Fri, 14 Jun 2024 12:04:43 +0200
Subject: [PATCH] A11Y - Add visual indicator for tabs hover

Only changing color is not visually distinctive enough, adding an
underline with same size as link underline thickness.

See Quansight-Labs/czi-scientific-python-mgmt#79
---
 .../assets/styles/extensions/_sphinx_design.scss                | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pydata_sphinx_theme/assets/styles/extensions/_sphinx_design.scss b/src/pydata_sphinx_theme/assets/styles/extensions/_sphinx_design.scss
index c2cc408cc..3902a1006 100644
--- a/src/pydata_sphinx_theme/assets/styles/extensions/_sphinx_design.scss
+++ b/src/pydata_sphinx_theme/assets/styles/extensions/_sphinx_design.scss
@@ -207,6 +207,8 @@ html[data-theme="light"] {
     &:not(:checked, :focus-visible) + label:hover {
       border-color: transparent;
       color: var(--pst-color-secondary);
+      text-decoration-line: underline;
+      text-decoration-thickness: $link-hover-decoration-thickness;
     }
   }