UI: Improve Card UI in 'Beginner-Friendly Repos' Page

[MrVioz]

Description

I have added the export function "darkTheme()" in a separate script called "appBFR". I also created another CSS class called "dark-theme-card" to customize the special style of the cards. Furthermore, I had to extend Index.html and beginner-friendly-repos.html and add a type="module" in the script to be able to use the export function. This also had to be added to the package.json. The function is now executed in the app.json after the script has been worked through to avoid possible collisions of the style themes.

Category

• [ ] Documentation
• [ ] Resource Addition
• [x] Codebase
• [ ] User Interface
• [ ] Feature Request

Related Issue

Fixes #407

Checklist

• [x] I have gone through the CONTRIBUTING guide
• [x] The name of the resource is spelled correctly (if applicable)
• [x] The link to the resource is working (if applicable)
• [x] The resource is added in the correct format (if applicable)
• [x] I have tested changes on my local computer (if applicable)

[netlify[bot]]

✅ Deploy Preview for openpedia ready!

Name	Link
🔨 Latest commit	be36cd914ca862b88f7166b205f38c54715037ea
🔍 Latest deploy log	https://app.netlify.com/sites/openpedia/deploys/664ba60bd29b120008fec0a9
😎 Deploy Preview	https://deploy-preview-412--openpedia.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.