fix: teleport tabs hover color

[thnaylor]

Thank you for your contribution to the KodaDot - One Stop Shop for Polkadot NFTs.

👇 __ Let's make a quick check before the contribution.

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Closes Teleport buttons hover effect dark mode #6763
• Requires deployment <snek/rubick/worker>

Before submitting pull request, please make sure:

• My contribution builds clean without any errors or warnings
• I've merged recent default branch -- main and I've no conflicts
• I've tried to respect high code quality standards
• I've didn't break any original functionality

Optional

• I've tested it at </ksm/collection>
• I've tested PR on mobile
• I've written unit tests 🧪
• I've found edge cases

Did your issue had any of the "$" label on it?

• Fill up your DOT address: Payout

Community participation

• Are you at KodaDot Discord?

Screenshot 📸

• My fix has changed something on UI; a screenshot is best to understand changes for others.

Copilot Summary

🤖 Generated by Copilot at 4cc1ef7

Improved the appearance and theme compatibility of the teleport tabs component by using a variable for the hover color.

🤖 Generated by Copilot at 4cc1ef7

teleport tabs change
hover color from theme, not
black textColor kireji

[kodabot]

SUCCESS @thnaylor PR for issue #6763 which is assigned to you. Please wait for review and don't hesitate to grab another issue in the meantime!

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	d54537c
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64dfa9988179200008ab57e6
😎 Deploy Preview	https://deploy-preview-6768--koda-canary.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.

[reviewpad]

AI-Generated Summary: This pull request contains a minor update in the visual aspect of the TeleportTabs component in a Vue.js application. Specifically, the color of the tabs during the 'hover' state has been modified to align with the theme's text color. This change is likely intended to make the UI look more consistent.

[thnaylor]

I saw in PR #6755 that Neo button implements the theme & text color now so I'm wondering if it would be better to remove the entire theme from from ".teleport-tabs-button" in this PR as it seems like duplicate code and let the styles fall onto the NeoButton?

[Jarsen136]

I saw in PR #6755 that Neo button implements the theme & text color now so I'm wondering if it would be better to remove the entire theme from from ".teleport-tabs-button" in this PR as it seems like duplicate code and let the styles fall onto the NeoButton?

Yes. You could have a try if it does not break something.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
No Duplication information

[codeclimate]

Code Climate has analyzed commit d54537c and detected 0 issues on this pull request.

View more on Code Climate.

[thnaylor]

Screenshot 📸

LGTM! It will be more consistent now.

[yangwao]

pay 20 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $20 @ 4.49 USD/DOT ~ 4.454 $DOT
🧗 123PCJXhjb15i6JwVVRGd7KvN2sSNZrtPjr5doJq9oWctoTt
🔗 0x243deb79d16e0c88961b558a9609d58e4fd114faeab50a42c828b8f9f1d93111

🪅 Let’s grab another issue and get rewarded!
🪄 github.com/kodadot/nft-gallery/issues