diff --git a/README.md b/README.md index 7cb9cea..a5e969b 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,7 @@
- + AOSSIE
diff --git a/index.html b/index.html index 8c90966..4b2eedf 100644 --- a/index.html +++ b/index.html @@ -23,7 +23,7 @@ - + diff --git a/package-lock.json b/package-lock.json index 29676f9..442c2b5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2824,6 +2824,13 @@ "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==", "license": "MIT" }, + "node_modules/tslib": { + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", + "license": "0BSD", + "optional": true + }, "node_modules/update-browserslist-db": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz", diff --git a/public/og-image.png b/public/og-image.png index 5dbb868..c91a5f8 100644 Binary files a/public/og-image.png and b/public/og-image.png differ diff --git a/public/org-explorer-logo.png b/public/org-explorer-logo.png new file mode 100644 index 0000000..a1d986b Binary files /dev/null and b/public/org-explorer-logo.png differ diff --git a/public/org-explorer-logo.svg b/public/org-explorer-logo.svg deleted file mode 100644 index 16af27a..0000000 --- a/public/org-explorer-logo.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/src/assests/og-logo-dark.png b/src/assests/og-logo-dark.png new file mode 100644 index 0000000..b72ab08 Binary files /dev/null and b/src/assests/og-logo-dark.png differ diff --git a/src/assests/og-logo.png b/src/assests/og-logo.png new file mode 100644 index 0000000..97f9c03 Binary files /dev/null and b/src/assests/og-logo.png differ diff --git a/src/components/LearnModeModal.jsx b/src/components/LearnModeModal.jsx index d863531..77736ac 100644 --- a/src/components/LearnModeModal.jsx +++ b/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", }} diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx index 826111a..aa6b7a2 100644 --- a/src/components/Navbar.jsx +++ b/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 */} navigate('/')} - style={{ fontWeight: 800, fontSize: 15, letterSpacing: '.1em', color: 'var(--accent)', cursor: 'pointer', flexShrink: 0 }} > - OrgExplorer + { + theme === "dark" && + Logo + } + { + theme === "light" && + Logo + } {/* Nav links — only visible when data is loaded */} diff --git a/src/components/PATModal.jsx b/src/components/PATModal.jsx index ab41c86..a5413d7 100644 --- a/src/components/PATModal.jsx +++ b/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", }} diff --git a/src/components/layout/Footer.jsx b/src/components/layout/Footer.jsx index 93fc7f3..711e132 100644 --- a/src/components/layout/Footer.jsx +++ b/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 (