Configuration File
Status configuration is stored at:Config Schema
The configuration file has the following structure:Status Properties
Each status object supports these properties:When
color is omitted, the design system default is used. When icon is omitted, the app looks for an auto-discovered file at statuses/icons/{id}.{ext} (supports .svg, .png, .jpg, .jpeg).Adding Custom Statuses
To add a custom status like “Blocked” or “Waiting”, add a new object to thestatuses array:
order values of other statuses if needed to position your new status correctly.
Example: Adding Multiple Custom Statuses
Customizing Icons
Icons can be configured in several ways:File-based icons (recommended)
File-based icons (recommended)
Place an SVG file in the These are auto-discovered - no config needed.
statuses/icons/ directory named after the status ID:Emoji icons
Emoji icons
Set the Quick and easy, works everywhere.
icon property to an emoji:URL icons
URL icons
Provide a URL to an icon file:The icon is automatically downloaded and cached locally.
SVG Icon Guidelines
When creating custom SVG icons:- Size: 24x24 pixels
- Use
currentColorfor stroke/fill to support theming - stroke-width: 2
- stroke-linecap: round
- stroke-linejoin: round
Changing Colors
Set thecolor property to customize a status’s appearance:
- Hex colors:
"#EF4444","#22C55E" - Tailwind classes:
"text-red-500","text-green-500"
Fixed Statuses
The following statuses cannot be deleted or renamed:
You can still customize their
color and icon properties.
Validation
After editing the config file, validate it to catch errors before they cause issues:- Required fixed statuses exist (
todo,done,cancelled) - No duplicate status IDs
defaultStatusIdreferences an existing status- At least one status in each category (open and closed)
- Icon files exist when referenced