Skip to content

Sayali: fix selected skill button text color in dark mode#5202

Open
sayali-2308 wants to merge 1 commit intodevelopmentfrom
Sayali_Fix_Skills_DarkMode_Button
Open

Sayali: fix selected skill button text color in dark mode#5202
sayali-2308 wants to merge 1 commit intodevelopmentfrom
Sayali_Fix_Skills_DarkMode_Button

Conversation

@sayali-2308
Copy link
Copy Markdown
Contributor

Description

Fixes #21 (Priority High) - Follow-up fix for HGN Questionnaire Dashboard Skills Profile Page

Related PRs:

Follow-up to merged PR #4971 (Sayali - Fix Dashboard Chart Resize and Dark Mode Styling)

Main changes explained:

  • Fixed selected skill button text color not showing blue in dark mode
  • Added .darkMode button.selected CSS rule in Skills.module.css
  • Root cause: CSS specificity issue where dark mode button color was overriding selected state color

How to test:

  1. Checkout branch Sayali_Fix_Skills_DarkMode_Button
  2. npm install && npm run start:local
  3. Clear cache, log in as admin
  4. Navigate to http://localhost:5173/hgn/profile/skills
  5. Switch to dark mode
  6. Click any skill button (Dashboard, Frontend, Backend, etc.)
  7. Verify selected button shows blue text in dark mode
  8. Verify light mode still works correctly

Screenshots or videos of changes:

image

Note:

Fix for reviewer feedback on PR #4971 - selected skill button color not changing to blue in dark mode.

@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 26, 2026

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit 9a64601
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69ed671e210c7600086bd753
😎 Deploy Preview https://deploy-preview-5202--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@sonarqubecloud
Copy link
Copy Markdown

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.

1 participant