Html dark

[dorryspears]

Referring to issue #2254
@jcamiel A rough draft. I tried using exclusively CSS so I didn't have to implement new functionality to the actual report mechanism. Let me know what you think.

[jcamiel]

Hi @dorryspears

Thanks for the PR, here some things to improv:

1. You'll need to sign your commits in order to appeal our CI (see CONTRIBUTING.md and https://docs.github.com/en/authentication/managing-commit-signature-verification/about-commit-signature-verification). Let me know if you have difficulties to configure your signature, I can help you.

2. In the CSS changes, just overrides the color changes :

Instead of:

@media (prefers-color-scheme: dark) {
    body {
        background-color: #121212;
        color: #f5f5f5;
        font-family: "Helvetica Neue", Arial, sans-serif;
        font-size: 1.125rem;
        line-height: 1.4;
    }

    .container {
        max-width: 1200px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    h2 {
        color: #ff62b0;
        font-size: 2.5rem;
    }
etc...

You can do this:

@media (prefers-color-scheme: dark) {
    body {
        background-color: #121212;
        color: #f5f5f5;
    }

    h2 {
        color: #ff62b0;
    }
etc...

Ideally, you could merge all your commits in just one commits

3. Use the same color as Dark mode for https://hurl.dev. You can see the colour scheme here:

https://github.com/Orange-OpenSource/hurl-dev/blob/master/sites/hurl.dev/_sass/_colors.scss

h2 color in Dark mode should be #ff0288 for instance.

Thanks !!