skills.rest
adityaarsharma
adityaarsharmaCOMMUNITY
Explore all skills by this author →
Website𝕏@adityaarsharmaGitHub

orbit-designer-dark-mode

Automate dark mode audits for WordPress plugins with CSS and WCAG AA checks.

2|1|Updated Apr 20, 2026
Search Tags:#accessibility#dark mode#WordPress#color tokens#CSS validation
One-click install
npx skills add https://github.com/adityaarsharma/orbit --skill orbit-designer-dark-mode
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: orbit-designer-dark-mode
Source: https://github.com/adityaarsharma/orbit/tree/main/skills/orbit-designer-dark-mode
Command: npx skills add https://github.com/adityaarsharma/orbit --skill orbit-designer-dark-mode

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the issue of ensuring WordPress plugin support for dark mode, automating the checks for correct CSS, color tokens, and accessibility in dark mode.

Core Features & Use Cases

  • Dark Mode CSS Validation: Validates the use of CSS and color tokens to ensure they work in both light and dark modes.
  • Accessibility Check: Ensures the color contrast ratios meet WCAG AA standards.
  • Image and Logo Dark Mode Compatibility: Checks for the presence of dark variants for images and logos.
  • Quick Audit for Developers: Offers a quick start for developers to run audits on their plugin without manual setup.
  • Use Case: Ideal for developers aiming to ensure their plugin's admin interface and frontend elements adapt correctly to dark mode.

Quick Start

Run a dark mode audit for a plugin by using the command: /orbit-do-it my-plugin

Frequently Asked Questions about orbit-designer-dark-mode

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

FAQPage Schema
How do I automate dark mode support checks for a WordPress plugin?▼

Automate WordPress plugin dark mode support by running an audit that checks CSS, color tokens, and accessibility for both light and dark themes. Use the command /orbit-do-it my-plugin to validate media queries and contrast ratios without manual setup.

What does a dark mode accessibility check validate for color contrast?▼

A dark mode accessibility check validates color contrast ratios against WCAG AA standards. It ensures your WordPress plugin's CSS color tokens meet accessibility requirements for both light and dark admin color schemes.

Does the dark mode audit check SVG and image compatibility for WordPress plugins?▼

Yes, the dark mode audit checks SVG and image compatibility for WordPress plugins. It verifies the presence of dark variants for images and logos to ensure they adapt correctly to dark mode user preferences.

Can I validate CSS color tokens for both light and dark themes in WordPress?▼

Yes, you can validate CSS color tokens for both light and dark themes in WordPress. The audit ensures your color tokens work correctly across both modes by validating media queries and admin color scheme compatibility.

What is the best way to ensure WordPress plugin admin interface adapts to dark mode?▼

The best way to ensure a WordPress plugin admin interface adapts to dark mode is running an automated audit that validates CSS, checks color contrast ratios, and verifies SVG dark mode support against admin color schemes.

Related Skills

Explore More Software Engineering Skills→
adityaarsharmaadityaarsharma
2

orbit-designer-tokens

Analyze design tokens in WordPress plugin CSS for consistency.

Community
Intermediate
mgiffordmgifford
39

color-contrast

Audit CSS color tokens and fix WCAG contrast issues across light, dark, and forced-colors modes.

Community
Advanced
mgiffordmgifford
39

user-personalization

Implement user personalization controls that respect CSS media queries and persist choices via localStorage.

Community
Intermediate
jiikkojiikko
2

style-review

Analyzes CSS/UI code for WCAG compliance and contrast across light and dark themes.

Community
Advanced