skills.rest
input-output-hk
input-output-hkOFFICIAL
Explore all skills by this author →
WebsiteGitHub

theme-management

Automates CSS theme file creation, validation, updating, copying and builds for Daedalus wallet using TypeScript and Gulp.

1.2k|296|Updated Oct 5, 2016
Search Tags:#CSS variables#theme management#theme creation#Daedalus wallet#Gulp
One-click install
npx skills add https://github.com/input-output-hk/daedalus --skill theme-management-input-output-hk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: theme-management
Source: https://github.com/input-output-hk/daedalus/tree/main/.agent/skills/frontend/theme-management
Command: npx skills add https://github.com/input-output-hk/daedalus --skill theme-management-input-output-hk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires typescript, gulp, prettier, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of adding, updating, validating, and verifying theme files for the Daedalus wallet, reducing manual work and ensuring consistency across themes.

Core Features & Use Cases

  • Theme Creation and Validation: Automate the creation of theme files and validate their consistency against existing definitions.
  • Theme Updates: Update theme files based on changes in the createTheme object, with auto-formatting for maintainability.
  • Theme Copying: Copy CSS properties between theme files quickly for consistency.
  • Build Themes: Compile theme TypeScript files for use by other commands.
  • Use Case: When developing new features for the Daedalus wallet, this Skill helps frontend developers maintain a consistent theme across the application.

Quick Start

Run the 'themes:check:createTheme' command to validate the 'createTheme' object and ensure all CSS variables are correctly defined.

Frequently Asked Questions about theme-management

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate CSS variable management for Daedalus wallet themes?▼

To automate CSS variable management for Daedalus wallet themes, this Skill uses TypeScript and Gulp to validate, update, and build theme files. It streamlines creation and verification to ensure frontend consistency with auto-formatting via Prettier.

What is the best way to validate a createTheme object for Daedalus wallet?▼

Validating a createTheme object is done by running the 'themes:check:createTheme' command. This verifies that all CSS variables are correctly defined and ensures consistency against existing Daedalus theme definitions.

Can I use Gulp to copy CSS properties between Daedalus theme files?▼

Yes, this Skill provides Gulp-based commands to copy CSS properties between theme files quickly. This functionality helps maintain consistency and reduces manual work when updating multiple Daedalus wallet themes.

Do I need TypeScript and Prettier to build Daedalus theme files?▼

Yes, TypeScript and Prettier are required dependencies for building and formatting Daedalus theme files. TypeScript compiles the theme files for use by other commands, while Prettier handles auto-formatting for maintainability.

How do I update Daedalus theme files when CSS variables change?▼

Updating Daedalus theme files after CSS variable changes is handled by running the theme update commands. The Skill automatically applies changes from the createTheme object and formats the output using Prettier for maintainability.

Related Skills

Explore More Software Engineering Skills→
artmsilvaartmsilva
2

create-theme

Define typed theme configurations for Stitches RSC with token exports.

Community
Advanced
zaid-khan-codezaid-khan-code
3

shadcn-ui-setup

Set up Shadcn UI components with dark mode in Next.js.

Community
Intermediate
mohamed-g-shoaibmohamed-g-shoaib

eslint-prettier-config

Configure ESLint and Prettier for TypeScript and React projects.

Community
Intermediate
gouravsingh311gouravsingh311

tailwind-v4

Configure Tailwind v4 design tokens using CSS-first @theme directives.

Community
Advanced