Merge branch 'aryan_show_team_members' of github.com:OneCommunityGlobal/HighestGoodNetworkApp into aryan_show_team_members

Author: aryanrachala54

src/components/HGNHelpSkillsDashboard/UserCard.jsx

@@ -16,7 +16,7 @@ function UserCard({ user }) {
   };
 
   return (
-    <div className={`${styles.userCard} ${darkMode ? styles.darkMode : ''}`}>
+    <div className={`${styles.userCard} ${darkMode ? styles.dark : ''}`}>
       <img src={avatar} alt="Avatar" className={`${styles.avatar}`} />
       <div className={`${styles.info}`}>
         <div className={`${styles.userName}`} title={name}>

src/components/HGNHelpSkillsDashboard/style/UserCard.module.css

@@ -114,27 +114,22 @@
   overflow-wrap: break-word;
 }
 
-.userCard.darkMode {
+.userCard.dark {
   background: #2f4157;
-  border-color: #444;
+  border-color: #333;
   box-shadow: none;
+  color: #ffffff;
 }
 
-.userCard.darkMode .contactLine {
-  color: #ccc;
+.userCard.dark .userName,
+.userCard.dark .scoreLine,
+.userCard.dark .scoreLabel,
+.userCard.dark .scoreValue,
+.userCard.dark .scoreMax {
+  color: #ffffff;
 }
 
-.darkMode .skillsText {
-  color: #ffffff !important;
-}
-
-.darkMode .userName {
-  color: #ffffff !important;
-}
-
-.darkMode .scoreLine,
-.darkMode .scoreLabel,
-.darkMode .scoreValue,
-.darkMode .scoreMax {
-  color: #ffffff !important;
+.userCard.dark .contactLine,
+.userCard.dark .skillsText {
+  color: #bbbbbb;
 }