Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Dark Theme #1

Merged
merged 14 commits into from
Jan 23, 2022
Merged

Add Dark Theme #1

merged 14 commits into from
Jan 23, 2022

Conversation

aaronmbos
Copy link
Owner

@aaronmbos aaronmbos commented Jan 14, 2022

Dark Theme 😎

Adding a dark theme that will first use the visitor's system preference with the ability to manually toggle to dark or light.

Theme Colors

Layout out the color palette differences for light and dark themes.

Light Dark
Standard text Black White
Main background White stone-800
Nav background White stone-800
Nav text blue-500 blue-300
Nav text hover blue-700 blue-100
Nav link background blue-50 stone-900
Nav hamburger black white
Nav bottom border grey-200 grey-700
Nav logo text blue-500 blue-300
Nav logo text hover blue-700 blue-500
Post preview header blue-600 blue-400
Post preview description gray-600 gray-300
Post preview date gray-500 gray-100
Post preview tag background blue-800 neutral-900

Additional Updates

  • Remove nav logo from mobile header
  • Improve post preview tag styles
  • Remove light blue background on nav links and footer
  • Improve post details heading
  • Add Home nav link

@vercel
Copy link

vercel bot commented Jan 14, 2022

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/aaronmbos/personal-site/9pcuiTRZoZ7xx4aPxyN9jsNJk4fg
✅ Preview: https://personal-site-git-feat-dark-theme-aaronmbos.vercel.app

@aaronmbos aaronmbos marked this pull request as ready for review January 23, 2022 02:05
@aaronmbos aaronmbos merged commit 6b64903 into main Jan 23, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant