Skip to content

[BUG] Emojis affected by theme opacity values #557

@aormsby

Description

@aormsby

Describe the bug
Because the theme's colors are set using opacity instead of actual color values, they interfere with elements other than text. For example, dark elements styled by entry-content use the --secondary color of rgba(255, 255, 255, 0.56). The text reads fine as a grey color against the black background, but if you add an emoji into your content it will also take on the 0.56 opacity value and look like it's fading away.

Expected behavior:
I would expect things like emojis to appear at full opacity. This could be fixed by using actual color values in the theme as opposed to values determined only by opacity.

For example:
rgba(255, 255, 255, 0.56) --> rgb(150, 150, 150)

Same color, but no opacity issues.

Screenshots

Current:
Screen Shot 2021-09-06 at 5 12 54 PM

Expected:
Screen Shot 2021-09-06 at 5 20 45 PM

Additional context
I'm happy to spend a few minutes updating the colors and throwing up a PR, but I figured you'd be able to do something better than me just using a color picker and eyeballing it.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingresolvedResolved Issue/Question

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions