Cards and readability in dark-mode

[veedata]

Acknowledge the following

• I carefully read and followed the Getting Started guide.
• I read through FAQ and searched through the past issues, none of which addressed my issue.
• The issue I am raising is a potential bug in al-folio and not just a usage question.
  [For usage questions, please post in the Discussions instead of raising an issue.]

Describe the bug
Cards have a white background color in dark-mode, which defeats the purpose of dark mode. Additionally, as described in #183, code readability issues still exist but that issue has been closed.

To Reproduce
Steps to reproduce the behavior:

1. Turn on dark mode by setting enable_darkmode: true in _config.yml file
2. Run the site bundle exec jekyll serve
3. Click on the dark/light switch button on the top right corner to turn on dark mode

Expected behavior
Cards should have a darker shade (preferably bg-dark from bootstrap) and code-blocks should be more readable

Screenshots
Code block:

Projects:

System (please complete the following information):

• OS: Windows 11
• Browser: Edge 96.0.1054.53
• Jekyll 4.2.1
• Ruby 3.0.2p107

[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.