Fix dark mode code element readability

[nc1z]

What does it do?

Updated scss for code element in dark mode so it is readable

Why is it needed?

Context:

• As a Strapi user, I was reading the docs with dark mode. However, html elements wrapped in <code></code> in the document were barely readable. I was using windows but this occurs across all platforms (tested on mac/ios as well).

Before Fix:

After Fix:

Possible reason for the poor readability:

• scss variables were inverted for dark mode, so maintainers may have used --strapi-neutral-100 thinking it was white

/** Dark mode */
@include dark {
  /** Dark Color: Neutral */
  --strapi-neutral-1000: #FFFFFF; /* both 800 and 900 identical in Figma */
  --strapi-neutral-900: #FFFFFF; /* both 800 and 900 identical in Figma */
  --strapi-neutral-800: #FFFFFF;
  --strapi-neutral-700: #EAEAEF;
  --strapi-neutral-600: #666687;
  --strapi-neutral-500: #c0c0cf;
  --strapi-neutral-400: #A5A5BA; /* incorrecly named in Figma */
  --strapi-neutral-300: #666687;
  --strapi-neutral-200: #4A4A6A;
  --strapi-neutral-150: #32324D;
  --strapi-neutral-100: #181826;
  --strapi-neutral-0: #212134;

  /** Dark Color: Primary */
  --strapi-primary-600: #7B79FF;
}

Related issue(s)/PR(s)

-

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
documentation	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 27, 2023 3:29pm

[strapi-cla]

All committers have signed the CLA.

[pwizla]

Thank you so much for the very detailed PR description, and for the fix, @nc1z!
We noticed this recently and were waiting for our designers before moving forward, but your suggestion is actually perfect! 👌
Users will thank you, and so do I! 🤗

It's approved, merged, should be live on docs.strapi.io in a few minutes, and will be mentioned in the next weekly snapshot release.