Tippy css for light mode only with Furo

[vict0rsch]

trafficstars

Hello,

first of all, thanks for the package!

I'm having an issue where I want to only change the tippy's css when Furo is in Light mode. The tippys are fine in Dark mode but not readable in Light mode:

Link issue:

Inline code issue:

Any advice on how to procede?

Thanks!

[dbitouze]

I'm also looking for a way around this problem (but for PyData-Sphinx-Theme)!

[dbitouze]

Well, in fact, it is enough in the case of PyData-Sphinx-Theme to follow the “Important” admonition here.

[lkubb]

The following CSS improves basic compatibility with furo and can be applied as documented:

.tippy-box {
    background-color: var(--color-background-hover);
    color: var(--color-foreground-primary);
    border: 1px solid var(--color-foreground-border);
}

More furo color variables: https://github.com/pradyunsg/furo/blob/main/src/furo/assets/styles/variables/_colors.scss