fix: profile names visible on hovering in dark mode (#2026)

* Removed the shareprofile icon color * Removed the background color on hovering during dark mode * changed the icon color * changed the theme background color in dark mode * changed the theme text colorin dark mode Co-authored-by: Eddie Jaoude <eddie@jaoudestudios.com>
EddieHubCommunity · Nov 5, 2022 · ec0d99f · ec0d99f
1 parent 5cec4c6
commit ec0d99f
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git a/src/Components/Profile.css b/src/Components/Profile.css
@@ -20,7 +20,6 @@
   width: 50px;
   cursor: pointer;
   font-size: 23px;
-  color: rgb(68, 68, 68);
   transition: all 0.2s ease-in-out;
 }
 

diff --git a/src/Components/Search/Search.css b/src/Components/Search/Search.css
@@ -7,6 +7,10 @@ a {
 }
 
 .p-chip:hover {
+  transform: scale(1.1);
+  box-shadow: 8px 8px 15px #bdc0c4, -8px -8px 15px #ffffff;
+  background: linear-gradient(145deg, #c8cbcf, #eef2f6);
+  color: black !important;
     transform: scale(1.1);
     background: linear-gradient(145deg, #87888b, #363c3e);
     box-shadow: 1px 1px 3px 3px rgba(255,247,255,0.71);

diff --git a/src/Components/Search/Search.js b/src/Components/Search/Search.js
@@ -48,7 +48,7 @@ function Search() {
               <GetIcons
                 iconName="arrowLeft"
                 size={20}
-                className={`${darkTheme ? 'text-white' : 'text-gray-900'}`}
+                className={`${darkTheme ? 'text-white' : 'text-black'}`}
               />
             </Link>
           }

diff --git a/src/Components/Search/Users.js b/src/Components/Search/Users.js
@@ -16,7 +16,7 @@ function Users({ list }) {
 
   const theme = {
     backgroundColor: `${darkTheme ? '#333333' : '#dee2e6'}`,
-    color: `${darkTheme ? 'white' : 'grey'}`,
+    color: `${darkTheme ? 'white' : 'black'}`,
   }
 
   const typeHandler = (value) => {