eufemia icon indicating copy to clipboard operation
eufemia copied to clipboard

Code inside Blockquote renders with too low contrast

Open boyum opened this issue 8 months ago • 1 comments

🐛 Bug Report

When inserting a Code component inside a Blockquote component (often seen in developer documentation), the Blockquote font color overrides the Code's font color. The contrast between the Code's background and the font color is 1.34.

image

To Reproduce

<Blockquote>
  <Code>display</Code> and <Code>background-color</Code> are CSS
  properties
</Blockquote>

See this CodeSandbox

Expected behavior

Code should have the same color as it usually has (--color-black-80).

Eufemia Version

Browser JS: 10.37.0

Browser CSS: 10.37.0

Node.js: 10.37.0

boyum avatar Jun 25 '24 06:06 boyum