Skip to content

fix(admin): stop dark mode leaving light rows behind - #212

Merged
Helias merged 1 commit into
masterfrom
fix/dark-mode-light-rows
Aug 14, 2026
Merged

fix(admin): stop dark mode leaving light rows behind#212
Helias merged 1 commit into
masterfrom
fix/dark-mode-light-rows

Conversation

@Helias

@Helias Helias commented Aug 14, 2026

Copy link
Copy Markdown
Member

Three admin screens still had light rows in dark mode, and since the text on them is light they were basically unreadable.

Chromie Points History (users.php?page=mycred_default-history): myCRED paints both stripe parities itself (odd #fff, even #f6f7f7) and we only overrode the odd one, so every second row stayed white.

Dashboard → Activity: WP paints the odd "Recently Published" rows and every comment row #f6f7f7. It also pins the block headings ("Recently Published", "Recent Comments") to #1d2327 from #dashboard-widgets h3, which our plain h3 rule can't outweigh, so those headings were dark on dark.

Recruit a Friend: the recruited-friends table is a Bootstrap one that leaves its cells transparent and keeps its own light text colour, so it takes whatever is painted underneath. Pinned both explicitly instead.

All of it lives in theme.css and is scoped under body.acore-dark-mode, so light mode is untouched. Bumped the stylesheet version so browsers pick it up.

Checked on a local wp-admin with dark mode on. Before and after, Activity widget and points history:

before after
Activity dark rows only on the even entries, headings invisible every row dark, headings readable
Points history rows 2 and 4 white with grey text all rows dark

Three admin screens still painted rows light under dark mode, and since the
text is light there they were unreadable.

myCRED paints both stripe parities itself (odd #fff, even #f6f7f7), and we
only overrode the odd one, so every second row of the points history stayed
white. The dashboard Activity widget does the same for the odd "Recently
Published" rows and for every comment row, plus it pins the block headings to
#1d2327 from an id selector, which our plain `h3` rule can't beat. The Recruit
a Friend table is a Bootstrap one that leaves its cells transparent and keeps
its own light text colour, so it depends on whatever is painted underneath.

All three now get their background and text set explicitly in theme.css.
@coderabbitai

coderabbitai Bot commented Aug 14, 2026

Copy link
Copy Markdown

Warning

Review limit reached

@Helias, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 52 minutes

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 0499eb3b-9132-43b9-bf8a-a182a47a9e00

📥 Commits

Reviewing files that changed from the base of the PR and between ee47a44 and 0c574e9.

📒 Files selected for processing (2)
  • src/acore-wp-plugin/src/Hooks/Various/DarkMode.php
  • src/acore-wp-plugin/web/assets/css/theme.css

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@Helias
Helias merged commit e0b27c7 into master Aug 14, 2026
2 checks passed
@Helias
Helias deleted the fix/dark-mode-light-rows branch August 14, 2026 22:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant