material-3-to-material-2-theme-adapter
CommunityStyle M2 with M3 using CSS.
Authorrodydavis
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of applying modern Material Design 3 (M3) styling to existing Material Design 2 (M2) components without a full migration, enabling a consistent look and feel.
Core Features & Use Cases
- CSS Variable Overrides: Utilizes CSS variables to map M3 color tokens to M2 theme properties.
- Seamless Integration: Allows developers to update the visual style of M2 applications to align with M3 aesthetics using simple CSS.
- Use Case: Update the primary color, background, and surface colors of a legacy M2 web application to match the new M3 design system's palette by adding a small CSS snippet.
Quick Start
Apply the provided CSS snippet to your stylesheet to adapt Material 3 themes to Material 2 components.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: material-3-to-material-2-theme-adapter Download link: https://github.com/rodydavis/skills/archive/main.zip#material-3-to-material-2-theme-adapter Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.