Skills
.Work. You
Rest

dark-mode

Community

Implement dark mode with elegant CSS.

Design & Creative#accessibility#web development#css#ui design#tailwind#dark mode
AuthorArnavPuri
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides comprehensive guidance and code examples for implementing dark mode in web applications, ensuring a visually comfortable and accessible user experience in low-light conditions.

Core Features & Use Cases

  • Design Principles: Learn best practices for color adaptation, elevation, and contrast in dark themes.
  • CSS Implementation: Get ready-to-use CSS (including Tailwind variants) for various UI components.
  • User Preference: Implement smooth transitions and persistent theme settings.
  • Use Case: Integrate dark mode support into your existing website to improve user comfort and reduce eye strain, especially during nighttime use.

Quick Start

Apply dark mode styles to the provided HTML structure using Tailwind CSS.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: dark-mode
Download link: https://github.com/ArnavPuri/designskills/archive/main.zip#dark-mode

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.