Re-enable dark / light modes

[Huite]

Just a general heads-up: sphinx-pydata has much improved dark mode rendering. I've just re-enabled it for pandamesh and xugrid: https://deltares.github.io/pandamesh/

The GitHub and Deltares icons are ugly in dark mode, but a little CSS will turn them white:

/* enlarge deltares & github icon size; only works with local/url svg files; not with fa icons */
img.icon-link-image {
    height: 2.5em !important;
}

[data-theme="dark"] img.icon-link-image[src*="deltares-blue.svg"] {
    filter: brightness(0) saturate(100%) invert(100%);
}
[data-theme="dark"] img.icon-link-image[src*="Octicons-mark-github.svg"] {
    filter: brightness(0) saturate(100%) invert(100%);
}

This might not solve all the issues brought up in #136, but it might be worthwhile to experiment locally. Seems like the logo is an SVG now; the getting started image has been altered.

You might be able to remove this line:

hydromt/docs/conf.py

Line 262 in a707d44

"navbar_end": ["navbar-icon-links", "version-switcher"], # remove dark mode switch

Then add a little CSS and enjoy your dark mode.

For pandamesh, I already had a small white border around the blue circle; for xugrid I added it with inkscape, just click the circle and set the stroke paint to white. You might also be able to edit it directly in the SVG:

    <circle
       style="fill:#080c80;fill-opacity:1;stroke-width:0.264583"

To something like:

    <circle
       style="fill:#080c80;fill-opacity:1;stroke:#ffffff;stroke-width:0.3;stroke-dasharray:none;stroke-opacity:1"