- Affected version
- 2.3.0 Beta 2 / xenforo.com
This post is just fine in Light but almost unreadable in Dark.
While it is certainly true that the root issue (users can set an arbitrary text color) has always been there I think that dark mode does make a difference:This is no different than before style variants were a thing and you could set your text color to the same as the post background container. Or set it to a yellow or light blue colour, for example, that might be hard to read on a light background.
That was my frist thought as well and this is what I told our community managers (who reached out for me to fix as they got user complaints).I'm leaving this open, but I'm not sure there's a sensible way to solve this problem without removing the ability to set colours in posts at all.
[PALETTECOLOR]
or whatever) that allows users to chose from a set of admin defined colors?[COLOR]
in existing content and does not allow full flexibility it would allow a somewhat clean path to support some colors in user generated content and not run into contrast issues.Developers are not interested in this, judging by the messages in this thread https://xenforo.com/community/threa...-contrast-in-light-and-dark-styles-e-g-darken -lighten-the-rendered-color.198237/While this doesn't fix issues with[COLOR]
in existing content and does not allow full flexibility it would allow a somewhat clean path to support some colors in user generated content and not run into contrast issues.
It would require some sort of math to calculate the difference in contrast between the background color and the text--I don't know what exists out there that could fix it. I know it is detectable, but whether or not it can be fixed in real time (JavaScript perhaps?) is the question.
That was a specific bug which has now been fixed though. Not retroactively, but the root cause has been fixed so it shouldn't happen any more.Ever since the alpha was installed here, it has been impossible to read some threads and messages with different design styles.
This is cool but could get wonky quickly.It should be an easy fix using CSS mix-blend.
mix-blend-mode - CSS: Cascading Style Sheets | MDN
The mix-blend-mode CSS property sets how an element's content should blend with the content of the element's parent and the element's background.developer.mozilla.org
A common challenge with rich text editors on sites with multiple themes is colors often need to consistently look right across all themes. This is even more important with Invision Community 5, as it has a native dark mode feature. For this reason, we opted to offer a reduced set of color options that all adapt dynamically to the theme. I mentioned this about box colors above, but this is also true of the font color. The difference in shade is slight, but it's very noticeable without it. Toggling between light and dark mode will never produce unreadable text.
They showed an example of colors and how they can adjust the shading, but not what happens if black text tries to display on a black background. Even if they limit it to just a few colors in the editor for current and future posts, that still leaves old posts on a forum that might be coded in black or white, or other unreadable colors/shades, by the forum user.It seems like Invision is adressing this issue (to some extend):
Invision Community 5: The all-new editor
Invision Community 5 has a brand new editing experience powered by a lightweight, fast React text editor built for mobile and modern browsers. The venerable CKEditor v4 at the core of our current editor is starting to show its age, so we wanted a clean slate with Invision Community v5 with an edi...invisioncommunity.com
I have no way to remove the colors from existing posts from days past
We use essential cookies to make this site work, and optional cookies to enhance your experience.