Centralize GitArbor TUI theme definitions in src/theme.ts and sync documentation.
npx skills add https://github.com/gitarbor/gitarbor-tui --skill theme-manager
Please help me install this Agent Skill. Skill: theme-manager Source: https://github.com/gitarbor/gitarbor-tui/tree/main/.opencode/skills/theme-manager Command: npx skills add https://github.com/gitarbor/gitarbor-tui --skill theme-manager
This Skill helps teams design, implement, and maintain a consistent theming system for GitArbor TUI, preventing color drift and ensuring theme tokens are used across the UI.
Use cases include adding new themes, updating existing theme colors, validating theme structure, and documenting theme tokens.
High-intent search queries and answers about installing and using this skill.
Manage TUI theme tokens by centralizing definitions in a single theme.ts file using a Theme interface. This prevents color drift by enforcing consistent token usage across the UI, ensuring all components reference the same validated design system values.
Add a new color palette by defining a new Theme object in src/theme.ts following the Theme interface, registering the theme ID for the Settings modal, and updating the corresponding THEMES.md and THEME_REFERENCE.md documentation to keep design tokens in sync.
Keep theme documentation in sync by updating THEMES.md and THEME_REFERENCE.md whenever theme tokens are modified in src/theme.ts. This ensures the documentation accurately reflects the implemented color palette and design system structure for future reference.
Expose theme selection and persistence by registering available theme IDs from src/theme.ts to a Settings modal. This allows users to preview, apply, and save their chosen color palette, with the centralized registry ensuring only valid themes are presented.
A centralized theme registry does not require external dependencies to validate tokens. It relies on a Theme interface defined directly in the codebase, using TypeScript type checking to ensure structure and prevent invalid color palette definitions.
TUI color palettes become inconsistent without a theme management system because scattered color values cause drift across components. Centralizing definitions in src/theme.ts enforces a single source of truth, preventing mismatched tokens and structural errors.
wpankDefine design token hierarchies and theme switching for multi-brand systems.
vitakiliProvide visitor-facing color mode and theme preset switching in Payload CMS.
simonwGenerate markdown documentation by executing embedded Python code with cogapp.
vitakiliGenerate light/dark theme palettes from a brand color or logo and export design tokens.
