Website

[drammock]

This PR implements 2 changes to the website's default color palette, following suggestions in #12568 (comment):

1. swaps the "primary" (teal) and "info" (blue) colors
2. changes the "secondary" (purple) color to be the "warning" color (orange). Thus if this PR is merged, purple is no longer used in the MNE site (as @cbrnr suggested/requested).

Marking as draft because I'm not actually convinced that this is an improvement:

• PRO: I think the info boxes look great when they're teal
• PRO: I think table row hover looks fine / slightly better as orange rather than purple
• CON: The primary color is mostly used for links, and I think the new blue color looks good in light mode but a bit off in dark mode.
• CON: The secondary colormostly shows up in link hover effects, and I think the new orange color is a bit too prominent / high contrast for something that flickers on and off as you mouse / scroll through the page.

None of these are show-stoppers for me, so if others strongly prefer how it looks in this PR, we can go for it.

closes #12568

[cbrnr]

I like the new colors better than the previous ones. IMO the blue color looks good in both light and dark modes, and I don't think the hover effect is too strong either. So 👍 for these changes.

Regarding the link colors on hover, I noticed that only the underline changes color when hovering over a linked function name (the text stays blue in this case). Maybe you just missed something here?

Also, and this is only marginally related, but didn't we decide sometime ago that our social icons should not use color? I can't find the relevant discussion/decision, but e.g. these screenshots show that the icons used to be gray at some point.

[drammock]

I like the new colors better than the previous ones. IMO the blue color looks good in both light and dark modes, and I don't think the hover effect is too strong either. So 👍 for these changes.

great!

Regarding the link colors on hover, I noticed that only the underline changes color when hovering over a linked function name (the text stays blue in this case). Maybe you just missed something here?

That's a theme default (see, e.g., hovering on function names at https://scikit-learn.org/stable/api/index.html). Not sure if it's intentional or not, I've opened pydata/pydata-sphinx-theme#2006 and pydata/pydata-sphinx-theme#2007.

Also, and this is only marginally related, but didn't we decide sometime ago that our social icons should not use color? I can't find the relevant discussion/decision, but e.g. these screenshots show that the icons used to be gray at some point.

In #12285 (comment), past @cbrnr said:

Either way is fine with me, although I have a slight preference for using color.

So I made them all properly colored in #12301

[drammock]

@larsoner are you OK with these stylistic website changes? You can see most of the result on the computation times page (link hover color, table hover BG highlight color); and you can see the teal info/note admonitions on this page.

Once pydata/pydata-sphinx-theme#2007 lands we should maybe consider going back to using the dev version of the theme for building our site? The theme is much more stable these days than it used to be...

[larsoner]

Yes looks good to me and happy to switch to dev, it's easy enough to switch back if it breaks again