-
Notifications
You must be signed in to change notification settings - Fork 3.2k
Description
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
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.