-
Type:
Bug
-
Resolution: Unresolved
-
Priority:
Low
-
None
-
Affects Version/s: 10.3.6, 10.3.7
-
Component/s: Rich Text Editor
-
None
-
10.03
-
6
-
Severity 3 - Minor
-
2
Issue Summary
There is currently no method to reset text that was colored in the visual editor. The only options available are to select another color. This becomes a problem if the environment has both light and dark theme users. If a user using a light them sets the color to black, then the dark them users are unable to see the text since the background is dark. If a user in the dark them sets the color to light grey so it is visible in their screen, the users of light mode will have challenges viewing the text on a white background.


Steps to Reproduce
- Start in light mode
- Add a comment to an issue using the visual mode
- Set part of the text to black for that comment to a color using the color drop down from the visual text toolbar.
- Switch to dark mode
- Notice the comment is very difficult to read
- Edit the comment in dark mode and choose to set the text to light grey
- Notice is clearly visible now on dark mode
- Switch back to light mode.
- Notice the comment is now hard to read on light mode
Expected Results
There should be an option in the color drop down on the visual editor to reset or remove the color from the text so that each theme use the default color of its text.
Actual Results
There is no way in the visual editor color drop down to remove the color and reset it to the default font color for the theme.
Workaround
The only workaround currently to restore the original color is to navigate to Text Mode and remove the color tags. For example, if the text is currently using the black color in text mode it will look like this:
{color:#172b4d}This is black text{color}
To reset it update this to look like:
This is black text
Another alternative is to surround the text with a panel with a background color set. This might be particularly useful for issues in which a text template is used.
For example:
{panel|bgColor=white}
{color:#172b4d}This is black text{color}
{panel}
Tip: colors can be set either as RGB or using one of the color names