Light mode button fix (#553)

* Fixed hover background color issue on Translation Guide for Python Packaging Guide

* Added hoverlabel_font_color keyword argument and replaced hoverlabel with hoverlabel_bgcolor keyword argument

* Update _ext/translation_graph.py

Removed extra white space.

Co-authored-by: Copilot <[email protected]>

* Update _ext/translation_graph.py

Used CSS variable instead of hardcoded "white" value.

Co-authored-by: Copilot <[email protected]>

* Update _ext/translation_graph.py

* Changed --pyos-color-primary for light mode button

* Replaced hardcoded font color with CSS variable

Co-authored-by: Copilot <[email protected]>

---------

Co-authored-by: Henry Cuzco <[email protected]>
Co-authored-by: Tetsuo Koyama <[email protected]>
Co-authored-by: Copilot <[email protected]>
Co-authored-by: Leah Wasser <[email protected]>

Author: 4 people

_ext/translation_graph.py

@@ -146,6 +146,8 @@ def run(self):
         fig.update_layout(
             paper_bgcolor="rgba(0,0,0,0)",
             plot_bgcolor="rgba(0,0,0,0)",
+            hoverlabel_bgcolor="var(--bs-body-bg)",
+            hoverlabel_font_color="var(--bs-body-color)",
             font_color="var(--bs-body-color)",
             margin=dict(l=40, r=40, t=40, b=40),
             xaxis_showgrid=False,

_static/pyos.css

@@ -1,6 +1,6 @@
 /* PyOS-specific vars :) */
 :root {
-  --pyos-color-primary: #703c87;
+  --pyos-color-primary: #cfafde;
   --pyos-color-secondary: #8045e5;
   --pyos-color-secondary-highlight: #591bc2;
   --pyos-color-tertiary: #a66c98;