Links are not styled in Rich text fields

[Gilbertdelyon]

HH1.16.2 - Native theme
Rich text field in a custm page

Links are styled in editor (TinyMCE) input.
But they are not in the page.

I get this when I inspect the link in the page

body a, body a:hover, body a:focus, body a:active, body a.active {
    color: #000;
    text-decoration: none;

[yurabakhtin]

@luke- I see the link color is used since this commit, so I am not sure how to change that.
The color text-color-highlight was updated from #555 to #000 here.

[luke-]

@yurabakhtin It would be good if TinyMCE also used the default link color. Similar to the ProseMirror editor. Do you see a problem to change that?

[yurabakhtin]

@luke- Ok, done in the PR #373:

[luke-]

Hmm, why black? I had expected the same color like here:

[yurabakhtin]

@luke- Because the element "HumHub RichText" is on your screenshot, the style [data-ui-richtext] a { blue color } is used from here.

But the element "RichText" is not rendered as richtext/markdown, the html is built by TinyMce editor, the style body a { black color} is used from here.

Maybe we should use the same blue color for all links in body?

[luke-]

@yurabakhtin Thanks for the info.

@marc-farre What do you think? Probably we should change the stylesheet behavior here? I would prefer the BS5 branch for that.

[marc-farre]

@luke- @yurabakhtin I really don't know if we should define the "Link" color at the body level (body a).
But I agree, now that 1.17 stable is released, it would be better to make changes on bs5 branch directly.
Once you have decided where to apply this color, if you want, I can take care of the change in the bs5 branch, using the CSS var(--bs-link-color).

[luke-]

@marc-farre That would be great. I've created an issue for it here: https://github.com/humhub/humhub-internal/issues/519