Tailwindcss Responsive Darkmode
by josiahsiegel5a1b1123b9e5No license58 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 3 months ago
Tailwind CSS responsive design and dark mode patterns (2025-2026). PROACTIVELY activate for: (1) dark mode setup (class-based vs media-query, dark: variant), (2) toggling dark mode at runtime (data-theme, html.dark), (3) prefers-color-scheme handling, (4) per-component dark variants, (5) responsive design with dark mode (combining sm:dark:bg-*), (6) system / light / dark / high-contrast theming, (7) CSS color-scheme property, (8) avoiding flash of unstyled content (FOUC) in dark mode, (9) dark-mode color tokens via @theme. Provides: dark-mode toggle implementation, FOUC prevention pattern, color-token templates, and system-preference detection.
- 5a1b1123b9e5Currentcommit 5a1b112Published Oct 8, 2026
Source and attribution
Source:josiahsiegel/claude-plugin-marketplaceinplugins/tailwindcss-master/skills/tailwindcss-responsive-darkmodeat commit5a1b112
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from josiahsiegel/claude-plugin-marketplace
Tailwindcss Animations
josiahsiegel
Reference for Tailwind CSS animation and transition utilities, custom keyframes, and motion patterns.
Tailwindcss Advanced Design Systems
josiahsiegel
Provides Tailwind CSS v4 design-system patterns using @theme tokens, dark mode, multi-brand theming and fluid type.
Tailwindcss Mobile First
josiahsiegel
Guides mobile-first responsive design with Tailwind CSS v4, covering breakpoints, container queries, safe areas and touch targets.
Tailwindcss Advanced Layouts
josiahsiegel
Reference recipes for advanced Tailwind CSS layout patterns using Grid, Flexbox, container queries and positioning.
Powershell Master
josiahsiegel
Guides PowerShell 7+ scripting, modules, cross-platform patterns, CI/CD pipelines and security hardening.
Bash Master
josiahsiegel
Guides writing, reviewing, and debugging portable, secure Bash scripts across Linux, macOS, WSL, Git Bash, and containers.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.