Merge branch 'rawan-events'

Author: Rawan-Abdellatif

src/pages/geminai.js

@@ -10,33 +10,41 @@ import IMG_3070 from "./IMG_3070.jpg";
 import styles from "./index.module.css";
 import Link from "@docusaurus/Link";
 
+const commonImageStyles = {
+  height: '100px',
+  width: '190px',
+  borderRadius: '10px',
+  padding: '15px 40px',
+  margin: '35px',
+};
+const darkThemeBackgroundColor = 'var(--ifm-color-gray-500)';
 
 export function Institutionsa({ list }) {
+  const isDarkTheme = document.documentElement.getAttribute('data-theme') === 'dark';
+
   return (
     <section >
       <div >
         {list.map((category) => (
-          <div key={category.title} className="row margin-bottom--lg"   
+          <div key={category.title} className="row margin-bottom--lg"  style={{           
+          borderRadius:'8px',
+           padding:'17px',
+         
+          }}
+             
           >
-
-            
             <h2 className="col col--2 "  >{category.title}</h2>
             {category.members.map((props) => (
                    <a href={props.url} target="_blank" rel="noopener noreferrer">
                    <img
+                                     className="institutionsa-image"
+
                      src={props.log}
                      alt={props.name}
                      style={{
-                     width:'195px',
-                     height:'110px',
-                      margin: '20px',
-                   borderRadius:'8px',
-                      padding:'17px',
-
-                  
-              
-
-                     }}
+                      ...commonImageStyles,
+                      backgroundColor: isDarkTheme ? darkThemeBackgroundColor:'white'  ,
+                    }}
                    />
                  </a>