Clone style-amber.css and replace root color variables to generate a new CSS theme file.
npx skills add https://github.com/a-tabiji/atima-lp --skill new-theme
Please help me install this Agent Skill. Skill: new-theme Source: https://github.com/a-tabiji/atima-lp/tree/main/.claude/skills/new-theme Command: npx skills add https://github.com/a-tabiji/atima-lp --skill new-theme
This skill helps you rapidly create a new CSS theme by cloning an existing one and swapping color values in the :root block, reducing manual styling work.
Generate a new CSS file named style-[theme-name].css by replacing the :root color variables with your chosen primary, secondary, and accent colors.
High-intent search queries and answers about installing and using this skill.
To create a new CSS theme, you clone an existing stylesheet like style-amber.css and replace the :root color variables with your new primary, secondary, and accent colors, generating a new style-[theme-name].css file.
Generating branded UI theme variants is done by cloning a base CSS file and applying color substitutions to the :root definitions, which allows you to roll out different branding colors without altering the underlying layout or typography.
No, this CSS color swapping approach only modifies the :root color definitions to update primary, secondary, and accent colors, leaving the original layout and typography of your UI completely unchanged.
You apply new branding colors by cloning a base stylesheet into a new style-[theme-name].css file, then replacing the color values in the :root block to reflect your specific campaign or product guidelines.
Yes, you can use this to quickly roll out consistent theme variants for different products by duplicating the base CSS and substituting the root color variables to match each product's specific branding requirements.
I-SynergyDerive light and dark color tokens from a base hex and rewrite Keycloak login.css.
HabitaNexusConvert Stitch HTML/Tailwind UI into Flutter widgets with Theme-based styling.
aemdemosExtract site-wide styling and design tokens from a live website.
doanchienthangdevEnforce theme-defined CSS variables for colors and border-radius in frontend components.
