onmagnoliasquare / website

On Magnolia Square website monorepo for frontend and backend.
https://onmagnoliasquare.com
MIT License
0 stars 0 forks source link

Dark mode toggle #34

Open n30w opened 6 months ago

n30w commented 6 months ago

Description

Toggle on Web page dark mode on or off.

n30w commented 6 months ago

@il2282nyu updated requirements:

Code

  1. Move Navbar's toggle button into its own svelte component, src/components/buttons.
  2. Add comments to the component about what the <script> code is doing.
  3. Add comments to the handler function siteTheme above it.

Docs

  1. Add sources to this issue, explain that it didn't work and these are the solutions that you tried.
n30w commented 5 months ago

There's a solution to this issue in the section called "Light and Dark Theme Toggle" in this article: https://joyofcode.xyz/sveltekit-markdown-blog