Skip to content

Add dark mode#36

Open
BoxMars wants to merge 1 commit intomainfrom
BoxMars/add-dark-mode
Open

Add dark mode#36
BoxMars wants to merge 1 commit intomainfrom
BoxMars/add-dark-mode

Conversation

@BoxMars
Copy link
Copy Markdown
Member

@BoxMars BoxMars commented Oct 24, 2024

Add dark mode functionality to the application.

  • Navbar Component: Add a dark mode toggle switch using the Switch component and useState hook to manage the dark mode state.
  • RootLayout Component: Implement dark mode toggle functionality using useState and useEffect hooks. Pass the dark mode state and toggle function to the Navbar component as props.
  • MobileSidebar Component: Add a dark mode toggle switch using the Switch component and useState hook to manage the dark mode state.
  • Dark Mode Styles: Add dark mode styles to various components including CommentBank, CommentCard, NavbarAvatar, NavbarList, Accordion, Alert, Avatar, Badge, Button, Card, Dialog, DropdownMenu, Toaster, and Switch.

For more details, open the Copilot Workspace session.

Add dark mode functionality to the application.

* **Navbar Component**: Add a dark mode toggle switch using the `Switch` component and `useState` hook to manage the dark mode state.
* **RootLayout Component**: Implement dark mode toggle functionality using `useState` and `useEffect` hooks. Pass the dark mode state and toggle function to the `Navbar` component as props.
* **MobileSidebar Component**: Add a dark mode toggle switch using the `Switch` component and `useState` hook to manage the dark mode state.
* **Dark Mode Styles**: Add dark mode styles to various components including `CommentBank`, `CommentCard`, `NavbarAvatar`, `NavbarList`, `Accordion`, `Alert`, `Avatar`, `Badge`, `Button`, `Card`, `Dialog`, `DropdownMenu`, `Toaster`, and `Switch`.

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/UMHelper/next-web?shareId=XXXX-XXXX-XXXX-XXXX).
@vercel
Copy link
Copy Markdown

vercel Bot commented Oct 24, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
next-web-vhlv ❌ Failed (Inspect) Oct 24, 2024 2:59pm

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