[Docs] Fix low text contrast issue on Community category page · meshery/meshery#19158

(5 comments) (0 reactions) (1 assignee)HTML (10,013 stars) (3,101 forks)batch import

area/docsframework/hugohelp wantedlanguage/markdown

説明

Current State

In dark mode, the text inside the category card on the Community page is not clearly visible because both the card background and the text appear white/light-colored, resulting in very low contrast.

Affected page:

home/categories/community https://docs.meshery.io/categories/community/

Observed behavior:

Card background appears white/light gray.
Text inside the card also appears white/light gray.
Content becomes difficult to read in dark theme.

Screenshots

Desired State

The text inside the category card should remain clearly readable in dark mode and light mode by using proper contrast between the background and text colors.

Proposed fix:

Update text colors to ensure accessibility and readability.

Contributor Guides and Handbook

📚 Instructions for contributing to documentation
- Meshery documentation site and source
🛠 Meshery Build & Release Strategy
🎨 Wireframes and designs for Meshery UI in Figma (open invite)
🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack
📺 Self-paced Contributor Trainings

コントリビューターガイド

技術スタック: css
領域: accessibilitydocumentation
Issue 種別: bug
難度: 2
推定時間: under 1 hour
活動状況: blocked
明確さ: clear
前提条件: basic cssunderstanding of dark mode theme
初心者向け度: 85
調査方針: The issue is about low text contrast in dark mode on the Community category page at docs.meshery.io/categories/community. The fix involves adjusting text colors in the CSS to ensure proper contrast against light card backgrounds. Check the repository's documentation source code in the `docs/` directory for the relevant CSS files (likely `style.css` or theme specific files). Look at the dark mode color variables and ensure text colors have sufficient contrast ratio per WCAG guidelines. The issue has an assignee, so coordinate with them or check if the fix is already in progress.