Fix/minor fixes

README.md

@@ -3,7 +3,7 @@
 
 <!-- Organization Logo -->
 <div align="center" style="display: flex; align-items: center; justify-content: center; gap: 16px;">
-  <img src="./public/org-explorer-logo.svg" width="175" />
+  <img src="./public/org-explorer-logo.png" width="175" />
   <img alt="AOSSIE" src="public/aossie-logo.svg" width="175">
 </div>
 

index.html

@@ -23,7 +23,7 @@
 
   <link rel="canonical" href="https://orgexplorer.aossie.org/" />
 
-  <link rel="icon" type="image/svg+xml" href="/org-explorer-logo.svg" />
+  <link rel="icon" type="image/png" href="/org-explorer-logo.png" />
   <link rel="apple-touch-icon" href="/org-explorer-logo.png" />
 
   <meta property="og:type" content="website" />

src/components/LearnModeModal.jsx

@@ -265,7 +265,7 @@ export default function LearnMoreModal({ open, onClose }) {
               padding: "10px 20px",
               borderRadius: 8,
               border: "1px solid var(--border)",
-              background: "transparent",
+              background: "var(--red)",
               color: "var(--text)",
               cursor: "pointer",
             }}

src/components/Navbar.jsx

@@ -3,6 +3,9 @@ import { NavLink, useNavigate } from 'react-router-dom'
 import { FiSettings, FiZap } from 'react-icons/fi'
 import { useApp } from '../context/AppContext'
 import ThemeToggle from './ThemeToggle'
+import ogLogoWhite from "../assests/og-logo.png";
+import ogLogoDark from "../assests/og-logo-dark.png";
+import { useTheme } from '../context/ThemeContext'
 
 const LINKS = [
   { to: '/overview',     label: 'Overview'     },
@@ -15,6 +18,7 @@ const LINKS = [
 
 export default function Navbar() {
   const { orgs, rateLimit } = useApp()
+  const { theme } = useTheme();
   const navigate = useNavigate()
   const hasData  = orgs.length > 0
   const lowLimit = rateLimit && rateLimit.remaining < 15
@@ -31,9 +35,15 @@ export default function Navbar() {
       {/* Wordmark */}
       <span
         onClick={() => navigate('/')}
-        style={{ fontWeight: 800, fontSize: 15, letterSpacing: '.1em', color: 'var(--accent)', cursor: 'pointer', flexShrink: 0 }}
       >
-        OrgExplorer
+        {
+          theme === "dark" &&
+          <img src={ogLogoDark} alt="Logo" className='h-15' />
+        }
+        {
+          theme === "light" &&
+          <img src={ogLogoWhite} alt="Logo" className='h-15' />
+        }
       </span>
 
       {/* Nav links — only visible when data is loaded */}

src/components/PATModal.jsx

@@ -303,7 +303,7 @@ export default function PATModal({ open, onClose }) {
               padding: "10px 20px",
               borderRadius: 8,
               border: "1px solid var(--border)",
-              background: "transparent",
+              background: "var(--red)",
               color: "var(--text)",
               cursor: "pointer",
             }}

src/components/layout/Footer.jsx

@@ -7,6 +7,9 @@ import {
   FaXTwitter,
 } from "react-icons/fa6";
 import { HiOutlineMail } from "react-icons/hi";
+import ogLogoWhite from "../../assests/og-logo.png";
+import ogLogoDark from "../../assests/og-logo-dark.png";
+import { useTheme } from "../../context/ThemeContext";
 
 const footerLinks = [
   {
@@ -61,6 +64,7 @@ const socialLinks = [
 ];
 
 export default function Footer() {
+  const { theme } = useTheme();
   return (
     <footer role="contentinfo" style={{ borderTop: "1px solid var(--border)" }}>
       <div className="flex w-full flex-col gap-8 px-4 py-8 md:px-6 lg:flex-row lg:items-center lg:justify-between">
@@ -124,12 +128,22 @@ export default function Footer() {
         {/* RIGHT SECTION */}
         <div className="flex flex-col items-start gap-2 text-left lg:items-end lg:text-right">
           <p
-            className="
+            className=" flex items-center
               text-xs tracking-[0.2em]
               text-zinc-500
             "
           >
-            © 2026 OrgExplorer
+            © {new Date().getFullYear()}
+            <span>
+              {
+                theme === "dark" &&
+                  <img src={ogLogoDark} alt="Logo" className='h-20' />
+              }
+              {
+                theme === "light" &&
+                  <img src={ogLogoWhite} alt="Logo" className='h-20' />
+              }
+            </span>
           </p>
 
           <p

src/pages/AnalyticsPage.jsx

@@ -193,7 +193,7 @@ export default function AnalyticsPage() {
                 <YAxis tick={{ fill: 'var(--text2)', fontSize: 11 }} />
                 <Tooltip {...TOOLTIP_STYLE} />
                 <Legend wrapperStyle={{ fontSize: 12 }} />
-                <Area type="monotone" dataKey="prs_created" name="Created" stroke="var(--yellow)" fill="rgba(245,197,24,.1)" strokeWidth={2} />
+                <Area type="monotone" dataKey="prs_created" name="Created" stroke="var(--accent)" fill="rgba(245,197,24,.3)" strokeWidth={2} />
                 <Area type="monotone" dataKey="prs_merged"  name="Merged"  stroke="var(--green)" fill="rgba(34,197,94,.1)"  strokeWidth={2} />
                 <Area type="monotone" dataKey="prs_closed"  name="Closed"  stroke="var(--red)" fill="rgba(239,68,68,.1)"  strokeWidth={2} />
               </AreaChart>
@@ -211,7 +211,7 @@ export default function AnalyticsPage() {
                 <YAxis tick={{ fill: 'var(--text2)', fontSize: 11 }} />
                 <Tooltip {...TOOLTIP_STYLE} />
                 <Legend wrapperStyle={{ fontSize: 12 }} />
-                <Area type="monotone" dataKey="issues_created" name="Created" stroke="var(--yellow)" fill="rgba(245,197,24,.1)" strokeWidth={2} />
+                <Area type="monotone" dataKey="issues_created" name="Created" stroke="var(--accent)" fill="rgba(245,197,24,.1)" strokeWidth={2} />
                 <Area type="monotone" dataKey="issues_closed"  name="Closed"  stroke="var(--green)" fill="rgba(34,197,94,.1)"  strokeWidth={2} />
               </AreaChart>
             </ResponsiveContainer>

src/pages/NetworkPage.jsx

@@ -33,8 +33,8 @@ export default function NetworkPage() {
     const topContribs = model.contributors
 
     const nodes = []
-    if (showRepos)    topRepos.forEach(r => nodes.push({ id: `repo:${r.name}`,    type: 'repo',        data: r, ts: new Date(r.pushed_at).getTime() }))
-    if (showContribs) topContribs.forEach(c => nodes.push({ id: `user:${c.login}`, type: 'contributor', data: c, ts: c.lastActive ? new Date(c.lastActive).getTime() : 0 }))
+    if (showRepos)    topRepos.forEach(r => nodes.push({ id: `repo:${r.name}`,    type: 'repo',        data: r, ts: new Date(r.pushed_at).getTime(), healthScore: r.healthScore }))
+    if (showContribs) topContribs.forEach(c => nodes.push({ id: `user:${c.login}`, type: 'contributor', data: c, ts: c.lastActive ? new Date(c.lastActive).getTime() : 0, healthScore: c.healthScore }))
 
     const nodeSet = new Set(nodes.map(n => n.id))
     const links   = []

src/styles/global.css

@@ -1,7 +1,7 @@
 @import "tailwindcss";
 
 :root {
-  --bg:       #0d0d0d;
+  --bg:       #060606;
   --surface:  #141414;
   --surface2: #1a1a1a;
   --border:   #2a2a2a;
@@ -24,7 +24,7 @@
   --surface2: #ececec;
   --border:   #d5d5d5;
   --accent:   #d4a500;
-  --text:     #0d0d0d;
+  --text:     #060606;
   --text2:    #666666;
   --text3:    #999999;
   --green:    #16a34a;