Skip to content

Feat/text visibility icons#87

Open
KGFCH2 wants to merge 69 commits into
shwetap3000:mainfrom
KGFCH2:feat/text-visibility-icons
Open

Feat/text visibility icons#87
KGFCH2 wants to merge 69 commits into
shwetap3000:mainfrom
KGFCH2:feat/text-visibility-icons

Conversation

@KGFCH2
Copy link
Copy Markdown

@KGFCH2 KGFCH2 commented May 13, 2026

Confirming all texts and icons are clearly visible in light/dark mode throughout each componenets.

KGFCH2 and others added 22 commits May 13, 2026 12:52
…with icons

- Replace all emojis with lucide-react icons:
  - FilterPanel: Replace ⚛️, 🔩, 💨, ⚡, ✨ with Atom, Zap, Wind, Droplet, Sparkles
  - QuizMode: Replace ⚗️ with Beaker, 🔥 with Flame, ✅❌ with CheckCircle/XCircle
  - App.js: Replace ⚗️ with Beaker icon

- Fix text visibility in both light and dark modes:
  - PeriodicTable.css: Change hardcoded text colors to use CSS variables
  - QuizMode.css: Update modal and all text to use theme variables
  - Trends.css: Convert hardcoded dark colors to use theme variables
  - CompareElements.css: Fix select and card styling for theme consistency
  - AssistantWindow and other components already use variables

- Ensure proper contrast ratios:
  - All text now respects light/dark theme via --text-color variable
  - Muted text uses --text-muted variable
  - Panel backgrounds use --panel-bg variable
  - Proper borders use --glass-border variable
@KGFCH2
Copy link
Copy Markdown
Author

KGFCH2 commented May 13, 2026

@shwetap3000 you can close #86 issue after merging this PR. Thank you...

@shwetap3000
Copy link
Copy Markdown
Owner

@KGFCH2 Submitting a PR before issue assignment will not be considered

@KGFCH2
Copy link
Copy Markdown
Author

KGFCH2 commented May 13, 2026

@shwetap3000 I was giving PR after issue.
This #87 PR is for issue #86

KGFCH2 added 12 commits May 19, 2026 00:29
…with icons

- Replace all emojis with lucide-react icons:
  - FilterPanel: Replace ⚛️, 🔩, 💨, ⚡, ✨ with Atom, Zap, Wind, Droplet, Sparkles
  - QuizMode: Replace ⚗️ with Beaker, 🔥 with Flame, ✅❌ with CheckCircle/XCircle
  - App.js: Replace ⚗️ with Beaker icon

- Fix text visibility in both light and dark modes:
  - PeriodicTable.css: Change hardcoded text colors to use CSS variables
  - QuizMode.css: Update modal and all text to use theme variables
  - Trends.css: Convert hardcoded dark colors to use theme variables
  - CompareElements.css: Fix select and card styling for theme consistency
  - AssistantWindow and other components already use variables

- Ensure proper contrast ratios:
  - All text now respects light/dark theme via --text-color variable
  - Muted text uses --text-muted variable
  - Panel backgrounds use --panel-bg variable
  - Proper borders use --glass-border variable
@KGFCH2 KGFCH2 force-pushed the feat/text-visibility-icons branch from 314a52f to 4163f6b Compare May 18, 2026 19:03
@KGFCH2 KGFCH2 force-pushed the feat/text-visibility-icons branch 2 times, most recently from 7315726 to 4686520 Compare May 18, 2026 20:16
@KGFCH2 KGFCH2 force-pushed the feat/text-visibility-icons branch from 4686520 to 862cbeb Compare May 18, 2026 20:50
@shwetap3000
Copy link
Copy Markdown
Owner

@KGFCH2
Resolve the conflicts of all ur PRs

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants