Theme updates

[jaegerfe]

Description

Updating EOS and default themes; refactoring some components to improve the possiblity of customization.

• Updating default theme to a dark grey mode;
• Updating EOS theme to represent their branding;
• Updating some components to improve the ability to customization;
• Updating Vote cards to match with the designs on the other pages;

Telos theme:

New cards on Vote page:

EOS theme:

New default theme:

Test scenarios

Tested the colors with EOS and default theme;
Tested if the new changes were affecting Telos theme;

Checklist:

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

[netlify]

✅ Deploy Preview for open-block-explorer ready!

Name	Link
🔨 Latest commit	ce92505
🔍 Latest deploy log	https://app.netlify.com/sites/open-block-explorer/deploys/647600b7c1beca00080248eb
😎 Deploy Preview	https://deploy-preview-698--open-block-explorer.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 settings.

[netlify]

✅ Deploy Preview for obe-testnet ready!

Name	Link
🔨 Latest commit	37b3dcd
🔍 Latest deploy log	https://app.netlify.com/sites/obe-testnet/deploys/648b614c7d8ad80008af424a
😎 Deploy Preview	https://deploy-preview-698--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 settings.

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Pages

Latest commit:	37b3dcd
Status:	✅  Deploy successful!
Preview URL:	https://762a1a22.open-block-explorer.pages.dev
Branch Preview URL:	https://theme-updates.open-block-explorer.pages.dev

View logs

[pongilo]

Should the jungle 4 follow the same EOS mainnet?

[jaegerfe]

Should the jungle 4 follow the same EOS mainnet?

Yes! Good catch! Already updated! Thank you!

[karynemayer]

Could we also update the logos for the other chains and make sure they use the default theme?

[jaegerfe]

Could we also update the logos for the other chains and make sure they use the default theme?

The way that is implemented in this PR, any chain will use the default one and only apply their specific colors if they override them. The refactor that I'm working on for the routes that will change a little bit this mechanism.

About the logos, we can! Where could we get the new ones?

[netlify]

✅ Deploy Preview for obe-staging ready!

Name	Link
🔨 Latest commit	37b3dcd
🔍 Latest deploy log	https://app.netlify.com/sites/obe-staging/deploys/648b614cc38e7f000821e9d4
😎 Deploy Preview	https://deploy-preview-698--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 settings.