Suggestion: Dark Syntax Highlight when navigating docs

[IagoLast]

Hi there 👋

Just found a banner asking for suggestions about the new page so here you got my 2 cents.

I got dark mode enabled and I think it would be nice having the code snippets on a dark scheme too.

Regards

[orta]

One day, but the syntax highlighter gives raw color hex values, so it'd take some work to make that happen.

[Enteleform]

This.

Seriously.

Me, upon witnessing the supreme contrast of the redesign:

 
Go with a dark theme, or a light theme. Please don't do both 🙏 👁 ⚡️ 🙅‍♂
 
(unless you have a toggle that allows you to pick one or the other...) 👈 💯 👌

[orta]

You're welcome to take a look at it, until then it's in the backlog 👍

[tjjfvi]

This is a code snippet I've used to dark mode things in the past. It attempts to keep the "color" of the color relatively unmodified, while swapping light/dark.

import Color from "color";

function darkModeColor(color: Color){
    const inversionAmount = Math.pow(1 - color.saturationv() / 100, 2);
    color = color.mix(color.negate(), inversionAmount);
    return color;
}

It would be great if someone could implement this or similar; the contrast is painful atm.

[orta]

This has been fixed 👍🏻