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

[Bug] Contrast on Inline Code Blocks Too Low #5193

Open
noanflaherty opened this issue Nov 18, 2024 · 1 comment
Open

[Bug] Contrast on Inline Code Blocks Too Low #5193

noanflaherty opened this issue Nov 18, 2024 · 1 comment
Assignees
Labels
fern docs Improvements to the Fern Docs product

Comments

@noanflaherty
Copy link
Collaborator

Describe the Bug

It's hard to differentiate inline code blocks from surrounding text. The contrast is too low.

Information to Reproduce

2024-11-18_09-08-09

CLI Version

0.41.16

Expected Behavior

The background of the inline code block should have higher contrast (e.g. be more grey).

@noanflaherty noanflaherty added the fern docs Improvements to the Fern Docs product label Nov 18, 2024
@awlevin
Copy link

awlevin commented Nov 18, 2024

Short-term fixed with the following:

  • Add css: ./styles.css to fern/docs.yml
  • Create styles.css in the root directory: fern/styles.css
  • Add the following CSS rule:
/* Targets only code elements with no class */
code:not([class]) {
  color: #e83e8c;
  padding: 0.2em 0.4em;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
fern docs Improvements to the Fern Docs product
Development

No branches or pull requests

3 participants