fixed navbar and footer for darkmode and lightmode

[anamika7153]

Description

Ensured that navbar and footer is compatible for darkmode and light mode

Fixes #393

Screenshots

Light mode:

Checklist

• Tests have been added or updated to cover the changes
• Documentation has been updated to reflect the changes
• Code follows the established coding style guidelines
• All tests are passing

[netlify]

✅ Deploy Preview for devempire ready!

Name	Link
🔨 Latest commit	8d554df
🔍 Latest deploy log	https://app.netlify.com/sites/devempire/deploys/64cbf45b6111460007e56a42
😎 Deploy Preview	https://deploy-preview-401--devempire.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[anamika7153]

@swapnilsparsh please review this PR :)

[swapnilsparsh]

Navbar ->

Footer

[anamika7153]

Navbar ->

Footer

@swapnilsparsh What about navbar??
And I just checked again, footer in light seems okay. In light mode, footer content is of white color with light blue background and in darkmode, content is of blue color with darker blue background. Same with navbar. Shall I attach the working video?

[anamika7153]

@swapnilsparsh deploy preview also seems ok

[swapnilsparsh]

Footer on production website ->

Footer on your preview deployed code

[anamika7153]

@swapnilsparsh I dont understand where the issue is. Could you please help me out?

[swapnilsparsh]

@anamika7153 In mobile view the color of the fonts of dark mode gets changed.

[anamika7153]

@anamika7153 In mobile view the color of the fonts of dark mode gets changed.

yeah, thanks for the help.

[anamika7153]

@swapnilsparsh I have fixed it, you can check now :) I am also updating screenshots

[anamika7153]

@swapnilsparsh I have fixed it, you can check now :) I am also updating screenshots

[anamika7153]

@swapnilsparsh please review