dark-mode-polisher

Audit and fix dark mode inconsistencies in the CIC ERP application.

Updated Jan 26, 2026
One-click install
npx skills add https://github.com/anhnq-lab/cic-erp-contract --skill dark-mode-polisher
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dark-mode-polisher
Source: https://github.com/anhnq-lab/cic-erp-contract/tree/main/.agent/skills/dark-mode-polisher
Command: npx skills add https://github.com/anhnq-lab/cic-erp-contract --skill dark-mode-polisher

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses visual inconsistencies and accessibility issues that arise when a user interface is switched to dark mode, ensuring a consistent and readable experience.

Core Features & Use Cases

  • Dark Mode Auditing: Scans UI components for hardcoded colors, incorrect contrast ratios, and missing dark variants.
  • Color Variable Enforcement: Verifies adherence to the established CSS variable system for theming.
  • Use Case: After deploying new features to the CIC ERP system, use this Skill to automatically audit and fix any dark mode display problems, ensuring all elements are legible and visually aligned with the dark theme.

Quick Start

Run the dark mode polisher skill to audit and fix dark mode issues in the CIC ERP application.

Frequently Asked Questions about dark-mode-polisher

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix dark mode contrast issues and hardcoded colors in my web application UI?

To fix dark mode contrast issues, audit your UI components to identify hardcoded colors, enforce CSS variables for theming, and rectify rendering problems for text, icons, and charts to meet WCAG AA standards.

What causes SVG and chart rendering inconsistencies when switching to a dark theme?

SVG and chart rendering inconsistencies in a dark theme are caused by hardcoded colors lacking dark variants, failing to adapt to CSS variable theming and resulting in poor visibility against dark backgrounds.

How do I audit my application for WCAG AA contrast compliance in dark mode?

To audit your application for WCAG AA contrast compliance in dark mode, scan text and interactive elements to verify contrast ratios, check color consistency, and flag missing dark theme component variants for rectification.

Does this dark mode auditing tool work for ERP systems with complex component variants?

Yes, this dark mode auditing process is designed for ERP systems, capable of checking color consistency across complex component variants and enforcing theme variables throughout the entire application.

What is the best way to enforce CSS variable usage for UI theming across an application?

The best way to enforce CSS variable usage for UI theming is to audit components for hardcoded colors, replace them with defined variables, and verify that all interactive elements maintain proper visual contrast.