search

sphinx-extensions2 / sphinx-tippy

Get rich tool tips in your sphinx documentation!
https://sphinx-tippy.readthedocs.io
MIT License
33 stars 5 forks source link

Tippy css for light mode only with Furo #8

Open vict0rsch opened 1 year ago

vict0rsch commented 1 year ago

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:

SCR-20230831-isxt

Inline code issue: SCR-20230831-iswx

Any advice on how to procede?

Thanks!

dbitouze commented 8 months ago

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

dbitouze commented 8 months ago

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

lkubb commented 2 weeks ago

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