From f9b059d4f73d04dffa6758698188f7834abb8762 Mon Sep 17 00:00:00 2001 From: Kurdistan Tech Ministry Date: Tue, 28 Oct 2025 23:12:51 +0300 Subject: [PATCH] fix: Improve text readability on light backgrounds MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- src/components/TokenSwap.tsx | 46 +++++++++---------- src/components/delegation/DelegateProfile.tsx | 12 ++--- .../delegation/DelegationManager.tsx | 2 +- src/components/forum/DiscussionThread.tsx | 6 +-- src/components/proposals/ProposalWizard.tsx | 6 +-- src/components/treasury/FundingProposal.tsx | 4 +- src/pages/Dashboard.tsx | 6 +-- 7 files changed, 41 insertions(+), 41 deletions(-) diff --git a/src/components/TokenSwap.tsx b/src/components/TokenSwap.tsx index 1d00f694..1f04eee1 100644 --- a/src/components/TokenSwap.tsx +++ b/src/components/TokenSwap.tsx @@ -150,10 +150,10 @@ const TokenSwap = () => {
-
+
- From - + From + Balance: {isLoadingBalances ? '...' : fromBalance} {fromToken}
@@ -182,10 +182,10 @@ const TokenSwap = () => {
-
+
- To - + To + Balance: {isLoadingBalances ? '...' : toBalance} {toToken}
@@ -203,14 +203,14 @@ const TokenSwap = () => {
-
+
- Exchange Rate - 1 {fromToken} = {exchangeRate} {toToken} + Exchange Rate + 1 {fromToken} = {exchangeRate} {toToken}
- Slippage Tolerance - {slippage}% + Slippage Tolerance + {slippage}%
@@ -231,14 +231,14 @@ const TokenSwap = () => {
{liquidityData.map((pool, idx) => ( -
+
-
{pool.pool}
-
TVL: ${pool.tvl}
+
{pool.pool}
+
TVL: ${pool.tvl}
{pool.apr} APR
-
Vol: ${pool.volume}
+
Vol: ${pool.volume}
))} @@ -254,12 +254,12 @@ const TokenSwap = () => {
{txHistory.map((tx, idx) => ( -
+
- {tx.amount} {tx.from} + {tx.amount} {tx.from}
-
+
Rate: {tx.rate} {tx.time}
@@ -306,14 +306,14 @@ const TokenSwap = () => { Confirm Swap
-
+
- You Pay - {fromAmount} {fromToken} + You Pay + {fromAmount} {fromToken}
- You Receive - {toAmount} {toToken} + You Receive + {toAmount} {toToken}
- + {t('delegation.explore')} {t('delegation.myDelegations')} {t('delegation.becomeDelegate')} diff --git a/src/components/forum/DiscussionThread.tsx b/src/components/forum/DiscussionThread.tsx index 7f840226..5fdeeb74 100644 --- a/src/components/forum/DiscussionThread.tsx +++ b/src/components/forum/DiscussionThread.tsx @@ -364,9 +364,9 @@ export function DiscussionThread({ proposalId }: { proposalId: string }) {
{showMarkdownHelp && ( - -

Markdown Formatting:

-
    + +

    Markdown Formatting:

    +
    • **bold** → bold
    • *italic* → italic
    • [link](url) → link
      • diff --git a/src/components/proposals/ProposalWizard.tsx b/src/components/proposals/ProposalWizard.tsx index 9e0ae8cd..a22563fc 100644 --- a/src/components/proposals/ProposalWizard.tsx +++ b/src/components/proposals/ProposalWizard.tsx @@ -286,9 +286,9 @@ const ProposalWizard: React.FC = ({ onComplete, onCancel }) {/* Step 5: Review */} {currentStep === 5 && (
      - - - + + + {t('proposals.wizard.readyToSubmit')} diff --git a/src/components/treasury/FundingProposal.tsx b/src/components/treasury/FundingProposal.tsx index 7b60cca7..c68b379b 100644 --- a/src/components/treasury/FundingProposal.tsx +++ b/src/components/treasury/FundingProposal.tsx @@ -276,9 +276,9 @@ export const FundingProposal: React.FC = () => { {totalMilestoneAmount !== totalBudget && totalMilestoneAmount > 0 && ( -
      +
      - + Milestone total (${totalMilestoneAmount.toLocaleString()}) doesn't match budget total (${totalBudget.toLocaleString()})
      diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx index d8f259e8..a20492c0 100644 --- a/src/pages/Dashboard.tsx +++ b/src/pages/Dashboard.tsx @@ -198,12 +198,12 @@ export default function Dashboard() {
      {!profile?.email_verified && ( -
      +
      -

      Verify your email

      -

      Please verify your email to access all features

      +

      Verify your email

      +

      Please verify your email to access all features