Skip to content

Conversation

@devin-ai-integration
Copy link
Contributor

Update inline code styling to light gray fill with no stroke

Summary

Added custom CSS styling for inline code tags (text wrapped in backticks like test) to display with a light gray background (var(--grayscale-3)) and no border. The styling targets only inline code within prose sections, excluding code blocks.

Review & Testing Checklist for Human

  • Visual verification in light mode: Check that inline code (e.g., example) has a light gray background and no border on documentation pages
  • Visual verification in dark mode: Verify the styling looks appropriate in dark mode (the --grayscale-3 variable should adapt)
  • Code blocks unaffected: Confirm that multi-line code blocks still render correctly and are not affected by this change
  • Readability: Ensure the light gray background provides sufficient contrast and doesn't make inline code harder to read

Test Plan

  1. Generate a preview of the docs with fern generate --docs --preview
  2. Navigate to pages with inline code examples (e.g., CLI reference, SDK documentation)
  3. Toggle between light and dark modes
  4. Verify inline code styling looks correct and code blocks are unaffected

Notes

@devin-ai-integration
Copy link
Contributor Author

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

  • Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
  • Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

  • Disable automatic comment and CI monitoring

@github-actions
Copy link
Contributor

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants