.table-striped not working in light mode

[seanterry]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

The zebra striping of the .table-striped class (at least to my eyes) is not appearing in light mode.

I checked my sanity and see the same thing on the official example: https://getbootstrap.com/docs/5.3/content/tables/#accented-tables

Seems to be okay in dark mode.

Reduced test cases

<table class="table table-striped">
  <thead>
    <tr>
      <th>Header</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Item 1</td>
    </tr>
    <tr>
      <td>Item 2</td>
    </tr>
  </tbody>
</table>

What operating system(s) are you seeing the problem on?

macOS

What browser(s) are you seeing the problem on?

Chrome, Firefox

What version of Bootstrap are you using?

5.3.2

[jomarcardoso]

You need to calibrate your monitor. Decrease the contrast setting.

Or you can customize the zebra color in your project.

[seanterry]

@jomarcardoso Thanks. I feel like an idiot now 😆