UI5 / UI5/webcomponents

[Feature Request]: SidenavigationItem - allow customizing the icon color

Open
#8,787 2 comments 0 reactions 1 assignee View on GitHub

@olannyv is already working on this.

Since Apr 25, 2024.

feature request TOPIC RD
Dominant language
TypeScript
Stars
1.8k
Forks
285
Avg merge
3d 2h
Merged PRs (30d)
59

Description

Feature Request Description

Author(quoted from the comment):

"
I would like to be able to customize the icon color, because....
the possibility to have the color of the icon changed would allow for additional semantic grouping. If we associate the color green to some money-related icons, or blue for ordering, etc; it permits more diversity on the icon choice themselves. For example, a green "add" icon would represent adding something on the money-oriented theme, blue for ordering, etc.

It is understood that the colors would need to match the color theme mapping and adapt to the morning or evening theme. The wish would be to have a few build-in color options as an attribute, like "Accent 1" or something similar. The input will be that color by name, id or index and the icon will pick that color, adjusting based on the theme.
"

If possible, the possibility of supplying a specific hex for a specific color would be nice to have.

Proposed Solution

Add CSS Shadow part for the icon.

Proposed Alternatives

No response

Organization

No response

Additional Context

No response

Priority

None

Privacy Policy
  • I’m not disclosing any internal or sensitive information.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.