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 0000000..ea6b60b Binary files /dev/null and b/src/components/static/github-dark.png differ diff --git a/src/components/static/github-light.png b/src/components/static/github-light.png new file mode 100644 index 0000000..8904ab1 Binary files /dev/null and b/src/components/static/github-light.png differ