Skip to content

Conversation

@CodeMaverick-143
Copy link

Fixes Issue #675

This PR adds a complete dark theme implementation to the Landing Page while preserving the original design and functionality.


Changes Made

  • Added darkMode: 'class' to tailwind.config.js
  • Created ThemeContext.jsx to manage theme state with React Context API
  • Implemented ThemeToggle component with sun/moon icons
  • Added dark mode variants to LandingPage.jsx using Tailwind dark: classes
  • Updated Navbar.jsx with dark mode styling and theme toggle buttons
  • Added localStorage persistence for user theme preference
  • Implemented system color scheme detection using prefers-color-scheme

Features

  • Toggle between light and dark themes using a dedicated button
  • Theme preference is saved in localStorage
  • Detects system preference on initial load
  • Consistent color scheme across all UI elements
  • Maintains all animations, transitions, and original layout

Screenshots

Light Mode: Original design preserved
Dark Mode: Dark background with adjusted text colors for readability

Screenshot 2025-11-05 at 02 32 52

Technical Notes

  • No changes were made to the existing component structure or file hierarchy
  • All GSAP and Framer Motion animations remain untouched
  • Only color schemes were modified — no changes to layout or spacing
  • Used Tailwind CSS dark mode variants for all styling changes

Verification Checklist

  • Dark/Light theme toggle works correctly
  • User preference persists after page reload
  • System theme detection functions properly
  • No design regressions in layout or animations

@vercel
Copy link

vercel bot commented Nov 4, 2025

@CodeMaverick-143 is attempting to deploy a commit to the dottle's projects Team on Vercel.

A member of the Team first needs to authorize it.

@CodeMaverick-143
Copy link
Author

@1ilit Can you please review it.

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