Topic: [Feature] Light-mode e621

Posted under Site Bug Reports & Feature Requests

Requested feature overview description.
Neutral or mostly neutral optional light-mode theme for e621.

Why would it be useful?
Light mode can help create an invigorating environment that some individuals really like. It can also improve readability for individuals with astigmatism. While the Serpent and Hotdog themes may count as light mode themes, they might not be liked as a daily driver by most individuals.

What part(s) of the site page(s) are affected?
The whole site, but only if the user selects it in the themes menu.

As someone with astigmatism myself, i think an official light theme would greatly benefit e621 users with astigmatism.

While we are at it, I think colorblind people might struggle to read tags on the side of post pages. Maybe we should change that as well.

electricitywolf said:
Sorry for bringing it up now, it was not there last time I checked.

It's a fairly new addition to the site, maybe a month? So it probably wasn't made yet when you last checked. I know many users have not discovered it yet. But it's still a pretty awesome set of options for colorblindness. Cinder did good!

Work-in-progress light theme. Feel free to try and give feedback.

body[data-th-main=hexagon]{--color-background:#eee;--color-foreground:#ccc;--color-section:#ddd;--color-section-lighten-5:#eaeaea;--color-section-lighten-10:#f7f7f7;--color-section-darken-5:#d0d0d0;--color-table-border:#f7f7f7;--color-section-pending:#ddd;--color-section-pending-border:#000;--color-text:#000;--color-text-muted:#333;--color-text-white:#fff;--color-text-table-header:#000;--color-link:#006fd9;--color-link-hover:#0888fa;--color-link-active:#bfa139;--color-button-active:#bfa139;--color-success:#8fbc8f;--color-success-darken-5:#7fb27f;--color-danger:#cd5c5c;--color-danger-darken-5:#c74848;--color-danger-darken-10:#bc3a3a;--color-warning:#bc8f8f;--color-warning-darken-5:#b27f7f;--color-user-member:#006fd9;--color-user-member-alt:#004c8d;--color-user-privileged:#006fd9;--color-user-privileged-alt:#004c8d;--color-user-blocked:#006fd9;--color-user-blocked-alt:#004c8d;--color-user-former-staff:#4da073;--color-user-former-staff-alt:#78dca5;--color-tag-general:#006fd9;--color-tag-general-alt:#004c8d;--color-tag-artist:#c18906;--color-tag-artist-alt:#f3ad08;--color-tag-copyright:#d0d;--color-tag-copyright-alt:#ff2bff;--color-tag-character:#0a0;--color-tag-character-alt:#00c400;--color-tag-species:#ed5d1f;--color-tag-species-alt:#f29066;--color-tag-invalid:#ff0a0a;--color-tag-invalid-alt:#ff7070;--color-tag-meta:#666;--color-tag-meta-alt:#fff;--color-tag-lore:#282;--color-tag-lore-alt:#35d235;--color-tag-pool:#c39c54;--color-tag-pool-alt:#e9b759;--color-tag-people:#747225;--color-tag-people-alt:#b9b015;--color-spoiler-link:#006fd9;--color-spoiler-link-hover:#0888fa}

You can find the Custom CSS Style configuration in advanced profile settings.

  • 1