zulip-flutter icon indicating copy to clipboard operation
zulip-flutter copied to clipboard

content: Inline code links should be rendered with the link color

Open PIG208 opened this issue 1 year ago • 0 comments

We should fix inline code's color when it is a part of a link.

web (expected) flutter
Screenshot from 2024-07-11 21-33-29 1000013523

Since a recent change (https://github.com/zulip/zulip-flutter/commit/299c76be7), inline code links no longer have the ambient color and is always black. We want to fix this to match the behavior of the web app.

For reference, the web app defines a separate CSS variable --color-markdown-code-link

    --color-markdown-link: hsl(200deg 100% 40%);
    --color-markdown-code-link: var(--color-markdown-link);

that applies to inline code that appears inside a link:

    & a {
        color: var(--color-markdown-link);
        text-decoration: none;

        & code {
            color: var(--color-markdown-code-link);
        }

PIG208 avatar Jul 12 '24 01:07 PIG208