fix: darken text-secondary color for better readability

[xihale]

preview: https://zigcc.code.xihale.top

[gemini-code-assist]

Summary of Changes

Hello @xihale, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request focuses on a critical visual enhancement by adjusting the --text-secondary CSS variable. The change to a darker color aims to boost text contrast and overall legibility, ensuring a more comfortable and accessible reading experience for users.

Highlights

• Improved Readability: The --text-secondary CSS variable has been updated to a darker shade (#111827) to significantly improve the readability of secondary text elements throughout the application.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

This pull request aims to improve readability by darkening the secondary text color. The change successfully increases the contrast ratio against the background. However, the chosen color is identical to the code text color and very close to the primary text color, which reduces visual distinction and hierarchy. I've left a specific suggestion to use an alternative color that balances high contrast with visual separation from other text elements.

[gemini-code-assist]

While darkening --text-secondary improves contrast, the new color #111827 is identical to --code-text (defined on line 20) and very close to --text-primary (#030712). This reduces the visual distinction between body text, inline code, and headings.

To maintain a clear visual hierarchy while still improving contrast, consider a color that is darker than the original but distinct from other text colors. For example, #1f2937 (Tailwind's gray-800) offers a high contrast ratio (9.85:1) while remaining visually distinct.

Suggested change

	--text-secondary: #111827; /* Much deeper gray */
	--text-secondary: #1f2937; /* Deeper gray */