always-darkmode

Enforce dark mode across websites during Playwright browser automation workflows.

2|Updated May 16, 2026
One-click install
npx skills add https://github.com/atomeam/Aether --skill always-darkmode
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: always-darkmode
Source: https://github.com/atomeam/Aether/tree/main/.devin/skills/always-darkmode
Command: npx skills add https://github.com/atomeam/Aether --skill always-darkmode

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) components.

What problem does it solve?

Standard browser automation tools default to light mode, which causes eye strain during long sessions, requires manual toggling for each individual website, and creates inconsistent visual conditions for tasks like screenshot capture and element interaction.

Core Features & Use Cases

  • Multi-Method Dark Mode Enforcement: Uses CSS injection, Playwright media emulation, data attribute setting, localStorage modification, and automatic toggle clicking to ensure dark mode applies across all types of websites, even those with custom theme implementations.
  • Playwright & Persistent Browser Integration: Works seamlessly with both standard Playwright automation scripts and persistent browser services for long-running sessions.
  • Verification & Dynamic Content Handling: Includes built-in verification steps and supports re-applying dark mode after dynamic content loads or navigation events.
  • Use Case: For example, if you are running automated web scraping tasks across dozens of e-commerce sites, this skill automatically applies dark mode to every page to reduce eye strain and ensure consistent visual conditions for price data extraction.

Quick Start

Use the always-darkmode skill to automatically enable dark mode on the current browser page before starting your automation workflow.

Frequently Asked Questions about always-darkmode

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

FAQPage Schema
How do I enable dark mode automatically in Playwright browser automation?

To enable dark mode automatically in Playwright browser automation, you can use a skill that applies CSS injection and media emulation to enforce dark display across all websites without manual toggling.

What is the best way to force dark mode during web scraping?

The best way to force dark mode during web scraping is to implement multi-method enforcement, combining CSS injection, localStorage modification, and automatic toggle clicking to override default light modes on various sites.

Does Playwright media emulation work for all websites with custom theme implementations?

Playwright media emulation alone may not cover all custom theme implementations, but combining it with data attribute setting and CSS injection ensures dark mode applies even to sites with non-standard theme toggles.

Can I use persistent browser sessions for long-running dark mode automation?

Yes, you can use persistent browser sessions for long-running dark mode automation, as the enforcement methods integrate seamlessly with persistent services and re-apply dark mode after dynamic content loads or navigation events.

Why does dark mode not stay applied after dynamic content loads in automated testing?

Dark mode may revert after dynamic content loads in automated testing because standard scripts lack verification steps, but built-in re-application logic ensures dark display persists after navigation events and DOM updates.

What are the limitations of using CSS injection for dark mode in browser automation?

A limitation of using CSS injection alone for dark mode in browser automation is that some sites require localStorage modification or automatic toggle clicking to fully override their default light mode settings.