New colors look terrible in dark theme

[norminal]

So you’re saying that TGF is akin to fine literature?

Eh, I’d say closer to spank magazine article level content.

 

[FuzzyAce]

Looks like someone fixed the transparency.

 

[KHAAAAAAANNNNNNN!!!!!!!!]

The overlords are tweaking some things, settle down Beavisis.

Beavis’es?

Beavi????

 

[FuzzyAce]

Beavi????

 

[Rock Chalk]

What sucks is, none of the Dark Reader settings even work now......it's like you're just stuck with the shitty black built-in dark theme now.

 

[James Freeman]

Still looks terrible.
The Light theme looks broken with Dark Reader, it's a browser extension that millions people use.
The Dark theme is unbalanced and too dark, names in quotation boxes are not visible.

What was wrong with the old themes?
Was this change necessary?
If it ain't broke, don't fix it.... please.

 

[mercifulfuzziness]

I like it. The orange is cool!

 

[James Freeman]

Used to look like this with Dark Reader, nice and balanced.
*From Wayback Machine website.

Now:

 

[the-trooper]

Needs to go full black. Respect the amoled!

 

[laxu]

Here's what I use atm, which flips the accent colors and tweaks them a bit as I find the old orange a bit more pleasant to look at. The overall look is less high contrast, and there are a few fixes for e.g user content link colors. This only applies to "System" with dark theme enabled, or "Dark" theme.

EDIT: fixed some background stylings.

@media (prefers-color-scheme: dark) {
        :root:not([data-variation]),
        :root[data-variation="alternate"] {
           
            /* blue accents */
            --xf-paletteAccent1--h: 205;
            --xf-paletteAccent1--s: 85%;
            --xf-paletteAccent1--l: 70%;

            --xf-paletteAccent2--h: 205;
            --xf-paletteAccent2--s: 85%;
            --xf-paletteAccent2--l: 45%;

            /* orange accent */
            --xf-paletteAccent3--h: 35;
            --xf-paletteAccent3--s: 85%;
            --xf-paletteAccent3--l: 20%;
           
            /* orange */
            --xf-paletteColor2--h: 40;
            --xf-paletteColor2--s: 50%;
            --xf-paletteColor2--l: 60%;

            /* blue */
            --xf-paletteColor5--h: 205;
            --xf-paletteColor5--s: 60%;
            --xf-paletteColor5--l: 15%;

            --xf-selectedItemBgColor--h: var(--xf-paletteAccent2--h);
            --xf-selectedItemBgColor--s: var(--xf-paletteAccent2--s);
            --xf-selectedItemBgColor--l: calc(var(--xf-paletteAccent2--l) - 20%);
            --xf-selectedItemBgColor--a: var(--xf-paletteAccent2--a);

            /* unify selected item border and text color */
            --xf-selectedItemBorderColor--h: var(--xf-paletteAccent1--h);
            --xf-selectedItemBorderColor--s: var(--xf-paletteAccent1--s);
            --xf-selectedItemBorderColor--l: var(--xf-paletteAccent1--l);
            --xf-selectedItemBorderColor--a: var(--xf-paletteAccent1--a);

            /* text */
            --xf-paletteNeutral1--l: 90%;

            --xf-textColorMuted--l: calc(var(--xf-textColor--l) - 15%);

            /* background */
            --xf-paletteNeutral3--h: 0;
            --xf-paletteNeutral3--s: 0%;
            --xf-paletteNeutral3--l: 14%;

            --xf-pageBg--l: calc(var(--xf-contentBg--l) - 5%);

            --xf-contentAccentBg--h: var(--xf-paletteAccent2--h);
            --xf-contentAccentBg--s: var(--xf-paletteAccent2--s);
            --xf-contentAccentBg--l: calc(var(--xf-paletteAccent2--l) - 20%);
            --xf-contentAccentBg--a: var(--xf-paletteAccent2--a);

            .block-container {
                background: hsla(var(--xf-contentBg--h), var(--xf-contentBg--s), calc(var(--xf-contentBg--l) - 1%), var(--xf-contentBg--a));
            }

            .p-footer {
                background: hsla(var(--xf-chromeBg--h), var(--xf-chromeBg--s), calc(var(--xf-chromeBg--l) - 5%), var(--xf-chromeBg--a));
            }

            /* fix user content link colors */
            .message-userContent a {
                color: hsla(var(--xf-linkColor));
            }
            .message-userContent a:hover {
                color: hsla(var(--xf-linkColor--h), var(--xf-linkColor--s), calc(var(--xf-linkColor--l) + 10%), var(--xf-linkColor--a));
            }
        }
    }

 

[Jarick]

It's not a deal breaker for me, but I prefer the "black" colors to be actually a dark grey and the "white" colors to be a light grey, because there's less contrast. Modern monitors seem really high contrast so white on black can be really hard to read with my old eyes.

I don't really care though, worst case I just flip back to light which is bright but easier to read.

 

[James Freeman]

Looks really nice laxu, I hate hacking HTML just make my beloved forum look palpable.
What is wrong with everyone fucking up their UI lately? First Fractal with the Cyan eye torch bullshit now my favorite forum.

 

[Jarick]

Okay I really like Laxu's mockup. That's exactly what I mean, it's dark but lower contrast.

One other thing with dark mode is sometimes it's hard to see the difference between bold for unread threads vs normal for read. That may just be me though. It looks good with the Laxu colors though!

 

[laxu]

It's not a deal breaker for me, but I prefer the "black" colors to be actually a dark grey and the "white" colors to be a light grey, because there's less contrast. Modern monitors seem really high contrast so white on black can be really hard to read with my old eyes.

I don't really care though, worst case I just flip back to light which is bright but easier to read.

Same here. Pure black and full white is just too much contrast, even on my OLED devices I don't use options like that.

The big difference with my CSS styling is that white text is reduced by 10% in brightness. It still looks white, but is just less blaring.
Same thing done for the background colors.

I actually really liked the old theme and didn't find much wrong with it regardless of device. If the admins can just add that as an option, that would be nice.

 

[David Lo Pan]

I’m making some subtle tweaks while also allowing ourselves time to adjust to a new scheme.

It will take a little time to get it dialed in perfectly.

I’ve muted the white text in dark mode this morning.

 

[PLX]

I’ve muted the white text in dark mode this morning.

 

[Lorne Malvo]

Come on guys, give @David Lo Pan a break.

He was over two thousand years old back in the eighties. Lord knows how old he is now.

 

[James Freeman]

Can we have the old Light theme back so it works with Dark Reader like before?

 

[Holden Afart]

Just fix this shit already!!!

!!!!!!!!

 

[Frodebro]

I love the new look. Anybody bitching about it can go slam their dick in a door.