Unreadable text in a table in Nigth Mode

[abomo]

Describe the Issue

On the JavaScript Algorithms and Data Structures challlenge Escape Sequences in Strings
https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings, a table doent display all the element in Nigth Mode.

Affected Page

https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings

Your code

;

Expected behavior

;

Screenshots

System

• Device: [e.g. iPhone 6, Laptop]
• OS: [e.g. iOS 14, Windows 10, Ubuntu 20.04]
• Browser: [e.g. Chrome, Safari]
• Version: [e.g. 22]

Additional context

No response

[naomi-lgbt]

Thanks for reporting this.

We likely want to use the background-quarternary value here:

Maybe background-tertiary on light mode?

It looks like bootstrap is setting the styling for odd table rows.

[naomi-lgbt]

so i request you to please assign this issue to me

Please stop and read our contributing guide.

https://contribute.freecodecamp.org/

This issue is not marked as ready for contributions or help wanted. Also, we do not assign issues.

[Prajwalr2003]

I apologize for my previous request to assign the issue. I understand and respect the project's guidelines as outlined in the contributing guide. I'll refrain from requesting issue assignment and will focus on issues marked as 'ready for contributions' or help wanted.
Thank you for your guidance.

[Sboonny]

I don't like the markdown files having styles affected by bootstrap, I think it's best for the long run to delete the classes from these twelve files, this will fix the border as well

---

my least favorite approach is to add more properties in these selectors, it should solve the issue

https://github.com/freeCodeCamp/freeCodeCamp/blob/3d2746cdcfd546f2a3a0724729adf91bec140857/client/src/components/layouts/global.css#L501-L510C2

---

last option is to delete this selector .table-striped>tbody>tr:nth-of-type(odd) in bootstrap.min.css

[naomi-lgbt]

I'm fine with deleting the bootstrap classes, but then we should implement our own. The striped table is a nice look and I'd like to preserve it.

[Sboonny]

if the classNames are deleted, adding the styles is a simple, it will be adding selector and property, I am okay with that.

---

If you would like to fix this issue, please make sure you read our guidelines for contributing, we prioritize contributors following the instructions in our guides. Join us in our chat room or the forum if you need help contributing, our prolific contributors will guide you through this.

[lasjorg]

Do we make all tables have a striped style by default or create a new class for it?

[Sboonny]

All tables in challenge instructions.

Until we have tailwind, or something a like in the code base, I prefer the fewer cases of unique styles