Dark - Light UI Transition

[pooja-gera]

Description

The transition between the light and the dark colors has been synced with the transition of the toggle switch. When the toggle switch is moving towards the dark mode, giving an effect that nightfall is coming over the application and similarly when the toggle switch is moving towards the light mode, an effect that daylight is coming over the application is given.

Fixes # 48

Type of change

• [X] Breaking change (fix or feature that would cause existing functionality to not work as expected)

Explain the Testing instructions

Test Configuration:

• Operating system: Windows
• Version: 1.0
• Text-editors used: VS Code

Checklist:

• [X] My code follows the style guidelines of this project
• [X] I have performed a self-review of my own code
• [X] I have commented my code, particularly in hard-to-understand areas
• [ ] I have made corresponding changes to the documentation
• [X] My changes generate no new warnings
• [ ] I have added tests that prove my fix is effective or that my feature works
• [ ] New and existing unit tests pass locally with my changes
• [ ] Any dependent changes have been merged and published in downstream modules

ATTACH SCREEN-SHOTS

Before:

After:

[netlify[bot]]

✔️ Deploy Preview for zen-visvesvaraya-18f5e7 ready!

🔨 Explore the source changes: de322d6c319b34517fc7989a5f49ce92b5d595ed

🔍 Inspect the deploy log: https://app.netlify.com/sites/zen-visvesvaraya-18f5e7/deploys/61659a7110dc7a0007f37dc0

😎 Browse the preview: https://deploy-preview-132--zen-visvesvaraya-18f5e7.netlify.app/