Basic light mode styling

[jerryjappinen]

Basic light mode support shows the web site with light styles. Respects the active browser/OS setting. Light mode support helps adapt the site to user preferences and improves accessibility in some situations (e.g. poor lighting conditions).

Sponsor logo backgrounds are always dark, so that a negative logo remains visible. You could make the SVG assets dynamic but I left them the way they were, so you don't need to think about it when adding sponsors, for example.

The header is also always dark as I could only find a negative version of the Ladybird logo.

---

Note: I got this error message after running the build command, before I made any changes and also after. Build was successful though.

Cannot read properties of undefined (reading 'reduce')
  Location:
    /node_modules/@astrojs/sitemap/dist/index.js:85:37
  Stack trace:
    at astro:build:done (file:///node_modules/@astrojs/sitemap/dist/index.js:85:37)
    at async AstroBuilder.build (file:///node_modules/astro/dist/core/build/index.js:159:5)
    at async build (file:///node_modules/astro/dist/core/build/index.js:51:3)
    at async runCommand (file:///node_modules/astro/dist/cli/index.js:147:7)