From 60c7ccb7cc4bb37f343872bdc1fb18a7b0dca590 Mon Sep 17 00:00:00 2001 From: Jake Runyan Date: Fri, 27 Dec 2024 12:54:10 -1000 Subject: [PATCH] Add light and dark github logo --- src/components/Navbar.js | 14 ++++++++------ src/components/static/github-dark.png | Bin 0 -> 2185 bytes src/components/static/github-light.png | Bin 0 -> 8584 bytes 3 files changed, 8 insertions(+), 6 deletions(-) create mode 100644 src/components/static/github-dark.png create mode 100644 src/components/static/github-light.png diff --git a/src/components/Navbar.js b/src/components/Navbar.js index 0ebcc26..68b5152 100644 --- a/src/components/Navbar.js +++ b/src/components/Navbar.js @@ -2,8 +2,13 @@ import React from 'react'; import { Link } from 'react-router-dom'; import './Navbar.css'; import logo from './static/navbar-logo.png'; +import github_dark from './static/github-dark.png'; +import github_light from './static/github-light.png'; const Navbar = () => { + const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches; + const githubIcon = isDarkMode ? github_light : github_dark; //Icons are on dark background. + return ( diff --git a/src/components/static/github-dark.png b/src/components/static/github-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..ea6b60b6f47108bbdfc4ba65562b077a00d16b95 GIT binary patch literal 2185 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 LNkvXXu0mjfb)3s_ literal 0 HcmV?d00001 diff --git a/src/components/static/github-light.png b/src/components/static/github-light.png new file mode 100644 index 0000000000000000000000000000000000000000..8904ab11b33f835d3e0ca44861b6887e23eeaff4 GIT binary patch literal 8584 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 O0000