dark mode support, close #14

This commit is contained in:
spencerwooo
2021-08-23 16:14:08 +01:00
parent 96e9dbb2b2
commit ae8ada58ca
19 changed files with 1526 additions and 177 deletions
+8 -3
View File
@@ -4,10 +4,15 @@ import siteConfig from '../config/site.json'
const Navbar = () => {
return (
<div className="text-left bg-white p-3 sticky top-0 bg-opacity-80 backdrop-blur-md shadow-sm z-[100]">
<div className="text-left bg-white dark:bg-gray-900 p-3 sticky top-0 bg-opacity-80 backdrop-blur-md shadow-sm z-[100]">
<div className="max-w-4xl w-full mx-auto flex items-center justify-between">
<h1 className="font-bold text-xl">{siteConfig.title}</h1>
<a href="https://github.com/spencerwooo/onedrive-vercel-index" target="_blank" rel="noopener noreferrer">
<h1 className="font-bold text-xl dark:text-white">{siteConfig.title}</h1>
<a
href="https://github.com/spencerwooo/onedrive-vercel-index"
target="_blank"
rel="noopener noreferrer"
className="dark:text-white"
>
<FontAwesomeIcon icon={['fab', 'github']} size="lg" />
</a>
</div>