#595 Improve the dark mode skeleton to match the dark design

[UwicyezaG]

PR Description

This PR improves the dark mode skeletons on the invitation page to better align with the overall dark design of the application.

Description of tasks that were expected to be completed

• Changed the Skeleton colors of cards and table match dark design.
• Ensured the Text box matches on both side.
• Ensure responsiveness are maintained

How has this been tested?

Clone this repo, cd into it ,checkout the branch ft-improve-invitation-darkSkeleton then run :

npm install : to install dependences
npm run dev to start the server

or use this link: https://metron-devpulse-git-ft-improve-invitation-darkskeleton-metron.vercel.app/

log in with credential:
Email: devpulse@proton.me
password: Test@12345

Number of Commits

1 Commit

Screenshots (If appropriate)

Invitation Page:

• Dark mode skeleton
  
  

• Light mode skeleton
  
  

Please check this Checklist before you submit your PR:

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• My code generate no warnings
• My test coverage meet the set test coverage threshold
• There are no vulnerabilities
• There are no conflicts with the base branch

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
metron-devpulse	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 24, 2024 9:19am