fix: Improve text readability on light backgrounds

Fixed white/light text on white/light backgrounds across multiple pages by adding text-gray-900 classes to ensure proper contrast and readability. This addresses the issue where text was unreadable until hover/click on delegation, proposal, swap, and other pages.

Changes:
- DelegationManager: Added dark text to green-50 TabsList
- DelegateProfile: Fixed text color in blue-50 and green-50 Alert components
- ProposalWizard: Added dark text to green-50 success Alert
- Dashboard: Fixed text color in yellow-50 verification warning
- TokenSwap: Added dark text to all gray-50 and blue-50 containers (6 instances)
- DiscussionThread: Fixed markdown help card with gray-50 background
- FundingProposal: Added dark text to yellow-50 milestone warning

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-10-28 23:12:51 +03:00
parent 46eb6f3256
commit f9b059d4f7
7 changed files with 41 additions and 41 deletions
@@ -50,9 +50,9 @@ const DelegateProfile: React.FC = () => {
</CardDescription>
</CardHeader>
<CardContent className="space-y-6">
<Alert className="border-blue-200 bg-blue-50">
<Info className="w-4 h-4" />
<AlertDescription>
<Alert className="border-blue-200 bg-blue-50 text-gray-900">
<Info className="w-4 h-4 text-gray-900" />
<AlertDescription className="text-gray-900">
{t('delegation.delegateRequirements')}
</AlertDescription>
</Alert>
@@ -215,9 +215,9 @@ const DelegateProfile: React.FC = () => {
</CardTitle>
</CardHeader>
<CardContent>
<Alert className="border-green-200 bg-green-50 mb-6">
<CheckCircle className="w-4 h-4" />
<AlertDescription>
<Alert className="border-green-200 bg-green-50 mb-6 text-gray-900">
<CheckCircle className="w-4 h-4 text-gray-900" />
<AlertDescription className="text-gray-900">
{t('delegation.delegateActive')}
</AlertDescription>
</Alert>