changed static colors to dynamic theme colors in Scenario.Card.style.js and LabsWrapper.style.js

[Fritozz-105]

Description

This PR fixes #5286

Notes for Reviewers
Edited the styling files and changed the static color to blackToWhite, whiteToBlack, etc. so the color changes when toggling light/dark mode. I added a filter to the themeStyles.js because it said it wasn't advised to use a conditional for color changes.

Signed commits

• Yes, I signed my commits.

[l5io]

🚀 Preview for commit aca22aa at: https://67b18e68eb0cffee127bac5b--layer5.netlify.app

[vishalvivekm]

@Fritozz-105
Thank you for your contribution!
Let's discuss this during the website call on Today at 7 AM CT | 6:30 PM IST
adding it as an agenda item to the meeting minutes.

[SAHU-01]

Thank you so much for working on this!!!

@Fritozz-105 the alignment seems broken, we'd want to have centre aligned cards.

Additionally, @vishalvivekm suggests having coloured logos in light theme, could you ensure that's taken care of?

[Fritozz-105]

@SAHU-01
Yes, I’ll try to get this taken care of. I’ll let you all know if I cannot.
I just have a question, it seems like there is an alignment issue on the production build of the website. Shall I fix that or would a separate issue be better?

[l5io]

🚀 Preview for commit 1ae8f1d at: https://67b657cdcb08e2ccc8624c5c--layer5.netlify.app

[l5io]

🚀 Preview for commit 47d25d2 at: https://67b667e8929937f17eb6bd97--layer5.netlify.app

[Vidit-Kushwaha]

I find the background color of black to be a little strange. What's your thought, @vishalvivekm?

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue is being automatically closed due to inactivity. However, you may choose to reopen this issue.