Updating footer colors

[jaegerfe]

Fixes #737

Description

Updating footer colors to keep consistency and creating a new variable for footer background.

Checklist:

• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] I have cleaned up the code in the areas my change touches
• [x] My changes generate no new warnings
• [x] I have checked my code and corrected any misspellings
• [x] I have removed any unnecessary console messages
• [x] I have tested for mobile functionality and responsiveness

[cloudflare-workers-and-pages[bot]]

Deploying with    Cloudflare Pages

Latest commit:	186d263
Status:	✅  Deploy successful!
Preview URL:	https://02f01529.open-block-explorer.pages.dev
Branch Preview URL:	https://737-footer-consistency.open-block-explorer.pages.dev

View logs

[netlify[bot]]

✅ Deploy Preview for obe-testnet ready!

Name	Link
🔨 Latest commit	186d2635af01f96e2e6bc2f2150aec8f683d81e9
🔍 Latest deploy log	https://app.netlify.com/sites/obe-testnet/deploys/64dbdfc0aaf16b00087180db
😎 Deploy Preview	https://deploy-preview-748--obe-testnet.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.

[netlify[bot]]

✅ Deploy Preview for obe-staging ready!

Name	Link
🔨 Latest commit	186d2635af01f96e2e6bc2f2150aec8f683d81e9
🔍 Latest deploy log	https://app.netlify.com/sites/obe-staging/deploys/64dbdfc0a106fd0008b5765c
😎 Deploy Preview	https://deploy-preview-748--obe-staging.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.