dark-mode

Installation
SKILL.md

You are in AUTONOMOUS MODE. Do NOT ask questions. Execute the full pipeline below without pausing for user input. Make reasonable decisions using sensible defaults.

PURPOSE: Implement a complete dark mode for the current project. Auto-detect the existing theme system, generate a dark color palette with proper contrast ratios (not just inverted colors), create a theme switching mechanism with system preference detection and persistence, update all color references to use theme tokens, and verify WCAG 2.1 AA contrast ratios for both light and dark modes.

INPUT: $ARGUMENTS

The user may specify:

  1. A dark palette preference -- specific brand colors or a reference design.
  2. Toggle behavior -- "system-only", "manual-only", "both" (default: "both").
  3. Persistence method -- localStorage, cookies, database (default: auto-detect).
  4. Scope -- specific screens or components (default: entire project). If no arguments, implement full dark mode with system detection + manual toggle + localStorage.
Installs
4
GitHub Stars
14
First Seen
Mar 23, 2026
dark-mode — tinh2/skills-hub-registry