Documentation rendering issues (dark mode)

[benbovy]

What is your issue?

There is a couple of rendering issues in Xarray's documentation landing page, especially with the dark mode.

• we should display two versions of of the logo in the light vs. dark mode (note: if the logo is in the svg format, it may be possible to add CSS classes so that it renders consistently with the active mode)
• same for the images in the section cards (would be nice also to display all the images with the same width / height)
• if possible, it would be nice moving the twitter logo just next to the github logo (upper right) with consistent styling.

[benbovy]

Another issue: DataArray reprs are not properly shown in the gallery with dark mode:

[andersy005]

we should display two versions of of the logo in the light vs. dark mode (note: if the logo is in the svg format, it may be possible to add CSS classes so that it renders consistently with the active mode)

wanted to chime in and mention that the new SVG logo appears to enhance the user experience significantly. if necessary, we can still add custom CSS classes to ensure consistent rendering