Skip to content

Fix Carrot theme severity indicator contrast - #443

Open
somethingwithproof wants to merge 1 commit into
developfrom
fix/carrot-theme-status-contrast
Open

somethingwithproof wants to merge 1 commit into
developfrom
fix/carrot-theme-status-contrast

Conversation

@somethingwithproof

Copy link
Copy Markdown
Member

Description

Give Carrot's details severity indicator a contrasting white backing scoped to Intropage's details overlay. Use darker warning/unknown dots and row markers. This works with existing coral titlebars and darker host palettes without restyling other Cacti pages.

Related Issue

Fixes #442. Stacked on #441 to reuse the browser test harness and coverage gate.

Motivation and Context

All four original details dots were below 3:1 contrast against coral: green 1.93:1, red 2.12:1, warning 1.01:1, and grey 1.03:1. Warning and unknown markers also fell below 3:1 against light rows. Header severity backgrounds remain unchanged.

How Has This Been Tested?

Eight Chromium browser tests passed across Cacti and Carrot, including all four severity colors on white, odd, and even rows. The seeded E2E fixture displays measurements and opens and closes the real jQuery UI details dialog. Original Carrot CSS fails the regression assertions. Changed CSS coverage is 9/9 lines (100%), not whole-plugin coverage. Manifest, workflow lint, and whitespace checks passed. The workflow runs browser coverage for stacked theme PRs as well.

Screenshots

README and validation docs contain the same reproducible screenshots with synthetic devices, ping times, poller totals, and warning/error messages.

Carrot dashboard

Carrot details

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature
  • Breaking change

Checklist

  • Code follows the project style.
  • Documentation and populated screenshots are included.

Base automatically changed from fix/cacti-theme-status-contrast to develop October 26, 2026 14:20
Signed-off-by: Thomas Vincent <thomasvincent@gmail.com>
@TheWitness
TheWitness force-pushed the fix/carrot-theme-status-contrast branch from 62c3d60 to 96234bc Compare October 26, 2026 14:20
@sonarqubecloud

Copy link
Copy Markdown

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.

Carrot theme status indicators lack contrast

1 participant