[feat] Add toogle for ligth and dark theme management

[Ilialtes]

Story: Add Dark/Light Mode Toggle to Navbar

Objective:

Introduce a toggle on the navbar to switch between dark mode and light mode. The background should dynamically change based on the selected mode.

---

Tasks:

1. Add Toggle to Navbar:

   • Create a Dark/Light Mode toggle in the navbar.
   • Ensure the toggle is accessible and matches the app’s style.

2. Background Integration:

   • The current background is managed through a background component. Connect the toggle functionality to dynamically switch between:
     • Dark mode background (current version).
     • Light mode background (new version).

3. Create Light Version of Background:

   • Design a light version of the background:
     • Use a white background.
     • Retain the stars animation for visual continuity.

4. Toggle Functionality:

   • Implement logic for the toggle to switch between the dark and light backgrounds.
   • Ensure a smooth transition when switching modes.

---

Deliverables:

• The Dark/Light mode toggle should:

  • Dynamically update the background.
  • Persist the user’s preference (optional).

• The Light mode background should:

  • Use a white base color.
  • Include the stars animation.

---

Notes:

• Test the toggle functionality and background transitions on different devices and screen sizes.
• When the PR is ready for review, include:
  • Images of the changes (dark mode and light mode backgrounds).
  • Reference the issue number in the PR description.

[olisaagbafor]

Can I start working on this?

[ryzen-xp]

Could I be assigned to this?

[crood-xp]

Could I take on this issue?

[chiscookeke11]

Can I be assigned to this?

[ekumamatthew]

I’m interested in this one.

[Nwanne-san]

I’d like to help with this.

[davedumto]

Hi,
My name is David, and I am a frontend developer skilled in React.js, TypeScript, and Tailwind CSS. I will implement a toggle for light and dark theme management, ensuring seamless switching between themes with state persistence.
I’ll ensure the implementation is responsive, accessible, and fully tested. ETA: 1 day

[Elite-tch]

Is it okay if I take this?

[wheval]

Could I try solving this?

[Ndifreke000]

Could I take on this issue?

[raizo07]

Hello, I'd like to be assigned to work on this issue.

I’m a Fullstack developer with over four years of experience.

ETA: 24 hours

[Villarley]

I’m Santiago Villarreal Arley, a proactive and communicative developer with a strong background in both front-end and back-end Web3 development. As a proud Diamond Contributor and member of Dojo Coding, I have collaborated on various impactful projects built on StarkNet and Stellar, focusing on creating scalable and efficient blockchain-based solutions.

Notably, I won the Buildathon Web3 Hackathon for my work on BuildMyEvent, an open-source blockchain project designed to solve real-world challenges by integrating innovative and user-centric features.

I am committed to adding my expertise in front-end and back-end development to deliver high-quality results. My development process emphasizes verified commits, ensuring traceability and maintaining best practices in secure and transparent code contributions.
I would like to contribute to Starkcade, with my expertise in typescript would be able to handle a efficient and quality pr.
ETA: 24 hours

[Verifieddanny]

Mind if I try this one?

[starknetbrother]

Could I grab this task?

[sonkeydotcom]

May I pick this up? I’m an experienced full-stack developer with a strong focus on front-end design and functionality. I’d be excited to implement the Dark/Light Mode toggle for the navbar. I will ensure the toggle is accessible, matches the app’s style, and seamlessly switches between the dark and light backgrounds. I’ll design a light version of the background with a white base and retain the stars animation for visual continuity. Additionally, I will ensure smooth transitions and optional persistence of the user’s preference. I’ll thoroughly test the feature across devices and screen sizes. Looking forward to contributing!

[Ekene001]

I’d love to work on this task. I’m a full-stack blockchain developer with over 3 years of experience working with Tailwind, React, TypeScript, and Solidity/Rust. I handle this issue?

[aidenwong812]

Can I take this from here?

[akintewe]

Hello good day, i would love to work on this issue as i am an experienced Frontend developer in Typescript, i would make sure i implement the ui and functionality which is the light mode and dark mode functionality, accurately and also make sure it matches with the provided figma design. My ETA is 9 hours. thank you . :)

[martinvibes]

Holla i'm Martin, I'm a frontend developer who enjoys building smooth applications to pixel perfect and engaging websites using JavaScript, typescript and frameworks(React, nextjs, tailwindcss etc.) and i have contributed to other projects that have been merged.
Am also experienced in working and writing smart contracts.
Kindly assign :)

[Elite-tch]

I’d like to work on this.

[Michaelkingsdev]

Could I take a shot at this?

[omsant02]

i would like to take this issue

[Jagadeeshftw]

Proposal to Work on the Issue

I am eager to contribute to this issue and believe I am well-suited for the task, given my extensive experience in Cairo programming and building decentralized applications on StarkNet. My expertise spans across multiple domains crucial for this implementation:

• Smart Contracts & Blockchain Development: Proven expertise in StarkNet, Stellar, and Rust, with hands-on experience in developing secure and efficient smart contracts, blockchain integrations, and high-performance backend systems.
• Backend Engineering: Strong background in designing and managing scalable APIs, handling server-side operations, and ensuring robust backend performance for blockchain applications.
• Frontend Development: Proficient in building intuitive and responsive frontend interfaces using React and Next.js, ensuring seamless interaction between users and blockchain-based applications.

Why Assign This to Me?

I have a track record of delivering high-quality solutions efficiently, with a deep understanding of smart contract security, decentralized architectures, and full-stack development. My ability to bridge frontend, backend, and blockchain components ensures a well-rounded, optimized solution.

Estimated Timeline

I anticipate delivering a fully functional solution within 2 days. Please let me know if I can proceed.

I am excited about the opportunity to contribute and look forward to collaborating!

Best regards,
Jagadeesh B

[Amarjeet325]

Can I start working on this?