Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Code inside Blockquote renders with too low contrast #3730

Open
boyum opened this issue Jun 25, 2024 · 1 comment
Open

Code inside Blockquote renders with too low contrast #3730

boyum opened this issue Jun 25, 2024 · 1 comment

Comments

@boyum
Copy link
Contributor

boyum commented Jun 25, 2024

🐛 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
Copy link
Contributor Author

boyum commented Jun 25, 2024

The reason behind this is that the code element has color: inherit. If you can point me in a direction as to how you'd like it to be done, I could have a grab at this myself.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

1 participant