🐛 Bug: Some Markdown styles not adjusted for dark mode and not adjusted for mobile

[idanidan29]

Describe the bug

Some markdown styles like <summary>, <details> and Bigquote are not properly styled for dark mode and the tabs not adjusted for mobile. This causes readability issues

Steps To Reproduce

1. Go to https://json-schema.org/md-style-guide
2. Enable dark mode.
3. Scroll to sections containing <summary>, <details> and Bigquote,.
4. Observe inconsistent or unreadable styles.

Expected Behavior

all markdown elements, including <summary>, <details> and Bigquote, should adapt properly to dark mode. and tabs should be adjusted for mobile

Screenshots

Device Information [optional]

- OS:
- Browser:
- version:

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No

[cbum-dev]

Hi @idanidan29 I'd like to do it

[idanidan29]

Thank you for the suggestion, @cbum-dev. Since the ongoing GSoC project includes a planned refactor of the StyledMarkdown component, it might be a good opportunity to address this issue as part of that effort.