lingo.dev icon indicating copy to clipboard operation
lingo.dev copied to clipboard

Fix/theme toggle button visible on all screen sizes(#1276)

Open Jayant-1 opened this issue 1 month ago • 0 comments

fix: add theme toggle button visible on all screen sizes

fixes #1276

1.Created a new [ThemeToggle]component in [theme-toggle.tsx] that:

  • Is mobile-first with responsive design
  • Persists theme preference in localStorage
  • Respects system color scheme preference
  • Is fully accessible with proper ARIA labels
  • Has smooth hover transitions

2.Updated the layout in [layout.tsx] to:

  • Position both theme toggle and locale switcher consistently
  • Use fixed positioning for better visibility
  • Add proper spacing and z-index

3.Features of the implementation:

  • Supports both light and dark themes
  • Includes smooth hover animations
  • Preserves user preferences
  • Works on all screen sizes
  • Maintains consistent spacing with locale switcher

Jayant-1 avatar Oct 29 '25 21:10 Jayant-1