dark-mode-tester

What problem does it solve?

This Skill audits dark mode rendering, checks color-scheme meta and CSS, and reports contrast and hardcoded color issues to ensure accessible UI in light/dark themes.

Core Features & Use Cases

• Emulates prefers-color-scheme via CDP to compare light and dark modes.
• Captures screenshots and analyzes text colors and contrast ratios against WCAG 2.1 guidelines.
• Detects hardcoded colors that do not respond to theme changes and validates color-scheme declarations.
• Produces a remediation-ready report that highlights failures and suggested fixes.
• Use Case: QA engineers validating a design system across themes in CI pipelines.

Quick Start

Run the audit against a target URL to evaluate color-scheme support, generate contrast reports, and identify hardcoded colors that ignore scheme changes.