63c26284dc
- Enhanced descriptions for adding and updating monochrome and normal icons to clarify light/dark version requirements. - Improved input prompts for icon names, SVG codes, and additional notes to ensure better user guidance. - Added optional fields for brand guidelines and source URLs to enrich submissions. - Updated the icon submission form component to reflect the new template structures and descriptions.
75 lines
2.8 KiB
YAML
75 lines
2.8 KiB
YAML
name: "Add normal icon"
|
|
description: "Submit a new 'normal' icon. A normal icon is designed to be versatile and visually consistent across both light and dark backgrounds without requiring separate versions."
|
|
title: "feat(icons): add [icon-name]"
|
|
labels: ["icon addition", "normal icon"]
|
|
body:
|
|
- type: markdown
|
|
attributes:
|
|
value: |
|
|
Thanks for your interest in contributing a new icon! Please complete the following details.
|
|
A **normal icon** should be designed to work well and maintain good contrast/readability on both light and dark backgrounds.
|
|
Ensure your icon is optimized and adheres to our quality standards.
|
|
|
|
- type: input
|
|
id: icon-name
|
|
attributes:
|
|
label: "Icon Name"
|
|
description: "The unique name for the icon (e.g., `home-assistant`). This will be used as the filename."
|
|
placeholder: "e.g., sonarr"
|
|
validations:
|
|
required: true
|
|
|
|
- type: textarea
|
|
id: svg-code
|
|
attributes:
|
|
label: "SVG Code (Normal Version)"
|
|
description: "Paste the SVG code for the icon. This version should be suitable for both light and dark backgrounds. Ensure the icon\'s colors provide good contrast and readability on various background shades."
|
|
placeholder: "<svg>...</svg>"
|
|
render: svg
|
|
validations:
|
|
required: true
|
|
|
|
- type: input
|
|
id: brand-guidelines
|
|
attributes:
|
|
label: "Brand Guidelines URL (Optional)"
|
|
description: "If available, provide a link to the official brand guidelines or logo source."
|
|
placeholder: "e.g., https://brand.home-assistant.io/"
|
|
|
|
- type: input
|
|
id: source-url
|
|
attributes:
|
|
label: "Icon Source URL (Optional)"
|
|
description: "Link to where you found the icon (e.g., official website, GitHub repository)."
|
|
placeholder: "e.g., https://example.com/logo.svg"
|
|
|
|
- type: dropdown
|
|
id: icon-type-confirmation
|
|
attributes:
|
|
label: "Icon Type Confirmation"
|
|
description: "Confirm this icon is a \'normal\' icon (designed to be versatile and visually consistent across both light and dark backgrounds without requiring separate versions)."
|
|
options:
|
|
- "Yes, this is a normal icon."
|
|
validations:
|
|
required: true
|
|
|
|
- type: input
|
|
id: categories
|
|
attributes:
|
|
label: "Categories (Optional, comma-separated)"
|
|
description: "Relevant categories for the icon (e.g., `media, automation`). Helps with searching and organization."
|
|
placeholder: "e.g., dashboard, utility, networking"
|
|
|
|
- type: input
|
|
id: aliases
|
|
attributes:
|
|
label: "Aliases (Optional, comma-separated)"
|
|
description: "Alternative names or keywords for the icon (e.g., `ha, hass`)."
|
|
placeholder: "e.g., prox, pve"
|
|
|
|
- type: textarea
|
|
id: additional-notes
|
|
attributes:
|
|
label: "Additional Notes (Optional)"
|
|
description: "Any other relevant information or context for the maintainers."
|