Skip to content

Bug: Contribution Commands Not Readable in Light ModeΒ #281

@Sejal-collection

Description

@Sejal-collection

🐞 Describe the Bug

Contribution command blocks (e.g., npm install, npm start) are not clearly visible in light mode due to low contrast between text and background.

πŸ” Steps to Reproduce

  1. Navigate to the OMEX "Contribution Steps" page
  2. Ensure the site is in light mode
  3. Scroll to steps like "Install dependencies" or "Test with npm start"
  4. Observe the visibility of inline code snippets

βœ… Expected vs 🚫 Actual Behavior

β€’ Expected:
Inline code snippets (e.g., ) should be clearly readable in both light and dark modes, with sufficient contrast and styling.
β€’ Actual:
In light mode, the inline code text blends into the background, making it hard to read and visually disconnected from the rest of the content.

πŸ“Έ Evidence

(Please attach:)

  • Screenshot(s)
  • Console errors (F12 β†’ Console)
  • Network logs (F12 β†’ Network)
Image

πŸ’» Environment

β€’ Device: Windows PC
β€’ OS: Windows 11
β€’ Browser: Chrome 117
β€’ Codify Version: N/A (OMEX site)

πŸ“¦ Additional Context

  • Does this happen consistently? [Yes/No]
  • Related issues: #[issue-number]
  • Workarounds (if any):

Metadata

Metadata

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions