color-mode-and-theme
From the author
Light, dark or both, and when a theme selector is worth it. Use when defining a base palette or deciding on dark mode support.
Install
npx skills add dembrandt/dembrandt-skills --skill color-mode-and-theme -a claude-code
Installs to .claude/skills/color-mode-and-theme/ · Each command fetches the skill straight from GitHub with the open skills CLI.
Download .zip
Byte-identical to the scanned commit, with the repository’s licence and a SOURCE.txt.
Want your agent to suggest skills while you type? See how to use skills from your IDE.
Safety checks on SKILL.md
No warnings.
Why 84
Security100
Provenance66
Maintenance100
Licence100
Adoption38
aiqbench computes the trust score from public signals. It is not a security audit, so read a skill before you install it.
Similar skills
Closest to this one by what they do and when they are used.
- theming-systemInfrasity-Labs/dev-gtm-claude-skillsDesign a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.Design★ 143
- Dark Mode Testing PatternsPramodDutta/qaskillsSystematic dark mode testing covering color contrast, theme switching, persistence, media query respect, component-level theming, and image adaptation.Testing★ 240
- dark-mode-designInfrasity-Labs/dev-gtm-claude-skillsDesign effective dark mode interfaces with proper color adaptation, contrast, and elevation.Design★ 143
- dark-modeskillmds/skillmdImplement complete dark mode for any frontend project. Auto-detects theme system (Flutter ThemeData, Tailwind dark class, CSS variables, MUI, Chakra UI, styled-components), generates a dark color palette with proper surface elevation hierarchy and desaturated brand colors, creates a theme toggle with system preference detection and persistence, migrates all hardcoded colors to theme tokens, handles special cases like images, shadows, form inputs, and charts, then verifies WCAG AA contrast ratios for both modes. Use when you need to add dark mode, fix dark theme contrast issues, create a theme switcher, or migrate hardcoded colors to theme-aware tokens.Design★ 190
- color-material-lighting-directionTheGoat395/Codex-SkillsDefine palette, material and lighting roles.Other★ 132
- maui-themingdotnet/skillsGuide for theming .NET MAUI apps — light/dark mode via AppThemeBinding, ResourceDictionary theme switching, DynamicResource bindings, system theme detection, and user theme preferences. Use when: "dark mode", "light mode", "theming", "AppThemeBinding", "theme switching", "ResourceDictionary theme", "dynamic resources", "system theme detection", "color scheme", "app theme", "DynamicResource". Do not use for: localization or language switching (see .NET MAUI localization documentation), accessibility visual adjustments (see .NET MAUI accessibility documentation), app icons or splash screens (see .NET MAUI app icons documentation), or Bootstrap-style class theming (see Plugin.Maui.BootstrapTheme NuGet package).Other★ 5.7K
Ratings & reviews
—
no reviews
Tried this skill? Rate it to help others. Sign in
Discussion
Join the discussion. Sign in