Feature/add theming

[LuSilvaDeveloper]

Web Dev Path
165

Have you updated the CHANGELOG.md file? If not, please do it.

Yes.

What is this change?

Adding theming to the project to have centralized all SASS variables previously spread across _mixins.js and _variables.js into themeConfig.js for better organization.

Some questions:

• We have some components that were using both SASS and normal CSS, for example, inside styles.js from Hero we have the HeaderContent which was previously using SASS for color and normal CSS for padding-top. The best approach should be keeping the of padding-top inside the styles.js file, and color we keep it inside themeConfig.js?

• Should we pass all attributes inside globals.scss to themeConfig.js on GlobalStyles or should we keep only the attributes that were using SASS inside themeConfig.js, similarly to the previous question?

The next step would be passing these attributes to all components, making sure everything is working.

Were there any complications while making this change?

Mostly misunderstanding on my part regarding the issue

How to replicate the issue?

Run on different browsers.

If necessary, please describe how to test the new feature or fix.

NA

When should this be merged?

[netlify[bot]]

✅ Deploy Preview for webdevpathstage ready!

Name	Link
🔨 Latest commit	5c955e39ff79ee342af58191546674636a14d561
🔍 Latest deploy log	https://app.netlify.com/sites/webdevpathstage/deploys/664d7a50690ab600087be749
😎 Deploy Preview	https://deploy-preview-210--webdevpathstage.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.