Dark mode for logos?

[Trivikram Kamat]

The logos shown on SWC website does not follow dark mode as shown in the screenshot below:

Screenshot

It would be good to add dark mode for logos as shown in the screenshot below:

Screenshot

[Donny/강동윤]

How did you do that? I want to do it, but I'm not sure how can I change colors of logo.

[Trivikram Kamat]

How did you do that?

I manually changed the URL of the logos to ones which support dark mode.
Deno and NextJS have assets which work in both modes. Strapi doesn't. ParcelJS needed no changes.

I've posted an example PR to use dark mode supported logo for Deno at #86
If it looks good and gets merged, I'll post another PR for NextJS.

[Trivikram Kamat]

I've posted an example PR to use dark mode supported logo for Deno at #86

Just noticed that the fix is not straightforward as explained in #86 (comment)

If we don't want to wait for Strapi to provide assets which work in both light/dark mode, the solution is to use different URLs based on mode. This should be configurable (and optional) in docusaurus.config.js, but the fix is not straightforward.

[Trivikram Kamat]

Assets if anyone is picking up this task:

• Deno
  • URL: https://deno.land/logo.svg
• Strapi:
  • Specific light/dark mode assets from https://www.notion.so/Media-Kit-2e389f6d82624cf29fee9c5223defab9
• Parcel:
  • Existing logo works in both light/dark mode.
• NextJS:
  • URL: https://assets.vercel.com/image/upload/v1607554385/repositories/next-js/next-logo.png

[Adithya Krishna]

@trivikr Taking this up 🚀