Skip to content

Redesign dark/light toggle with animated day/night scene - #20

Merged
GhDj merged 1 commit into
developfrom
feature/theme-toggle-redesign
Dec 14, 2025
Merged

Redesign dark/light toggle with animated day/night scene#20
GhDj merged 1 commit into
developfrom
feature/theme-toggle-redesign

Conversation

@GhDj

@GhDj GhDj commented Dec 14, 2025

Copy link
Copy Markdown
Owner

Summary

  • Replace simple icon button with animated day/night scene toggle
  • Sky blue background transitions to deep indigo night sky
  • Twinkling stars appear with pulsing animation in dark mode
  • Soft clouds visible in light mode
  • Sun orb with subtle rays slides to moon orb with craters
  • Smooth 500ms transitions for all elements

Changes

  • Updated resources/views/layouts/app.blade.php - New toggle design

Preview

The toggle now feels more playful and human, with a mini landscape scene that transitions between day and night.

- Add animated sliding toggle with sky background
- Show twinkling stars in dark mode
- Show soft clouds in light mode
- Sun orb with rays slides to moon with craters
- Smooth 500ms transitions for all elements
@GhDj
GhDj merged commit 574393a into develop Dec 14, 2025
3 checks passed
@GhDj
GhDj deleted the feature/theme-toggle-redesign branch December 14, 2025 14:42
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