🐛 Bug: Bad contrast in the blog's dark theme in info boxes

[jaller94]

Describe the bug

The text in info boxes cannot be read.

Steps To Reproduce

0. Set your browser to prefer the dark theme.
1. Go to https://json-schema.org/blog/posts/applicability-json-schema-fundamentals-part-1#putting-everything-together-avoiding-oneof-pitfalls
2. Look for any of the many info boxes.
3. The text is not legible.

Expected Behavior

Proper contrast of the font and the background for the dark theme

Screenshots

The light theme looks ok:

Device Information [optional]

- OS: Manjaro
- Browser: Firefox
- version: 131.0.2

Are you working on this issue?

No

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

No

[DhairyaMajmudar]

Thanks for reporting the issue @jaller94

[pavanydg]

@DhairyaMajmudar pl assign me.

[DhairyaMajmudar]

Go ahead @pavanydg 🚀

[ayushk-1801]

@DhairyaMajmudar please assign me

[souvikjs01]

if the issue is still open, can you assign me @DhairyaMajmudar

[ritwik-69]

@DhairyaMajmudar can i work on this issue?

[DhairyaMajmudar]

Sure @ritwik-69 looking forward for your PR

[ritwik-69]

@DhairyaMajmudar I am getting this error while committing can you tell me how t o fix this?

[DhairyaMajmudar]

It's causing since you're using yarn V1 whereas the repo supports yarn V4, you can install latest yarn version by following the guide