feat(board): allow to set icon color of widgets

[Aandree5]

• Added a new color option to the board to allow picking an icon color
• Added new css theme variable for the icon color
• Updated app, bookmarks and dns-hole>controls widgets to take this new color into account when displaying icons
• Leaving the color field empty, will use the respective icon colors

Done this by leveraging the css mantine theme library, by adding a new iconColour color option plus an hasIconColor in the other section, so it can default to the default app icon. Not sure if this would be the best way to do it or you would have a better way to achieve this, I can adjust it if needed.

Homarr

Thank you for your contribution. Please ensure that your pull request meets the following pull request:

• Builds without warnings or errors (pnpm buid, autofix with pnpm format:fix)
• Pull request targets dev branch
• Commits follow the conventional commits guideline
• No shorthand variable names are used (eg. x, y, i or any abbrevation)

[deepsource-io]

Here's the code health analysis summary for commits 3cca024..fbbff6b. View details on DeepSource ↗.

Analysis Summary

Analyzer	Status	Summary	Link
JavaScript	✅ Success	🎯 1 occurence resolved	View Check ↗

---

💡 If you’re a repository administrator, you can configure the quality gates from the settings.

[Meierschlumpf]

Some other things to do:

1. Drop db migrations 23 / 24 (in packages/db run pnpm migration:sqlite:drop (and mysql) and select the migrations to drop
2. Move the theme override to @homarr/ui and remove the types package
3. I'll also take a look regarding the types if there is a better way to automatically make it work in the whole monorepository

[Aandree5]

Some other things to do:

1. Drop db migrations 23 / 24 (in packages/db run pnpm migration:sqlite:drop (and mysql) and select the migrations to drop
2. Move the theme override to @homarr/ui and remove the types package
3. I'll also take a look regarding the types if there is a better way to automatically make it work in the whole monorepository

There only one 23 showing when I try to drop both sqlite or mysql. Do I just remove the files manually?

[Meierschlumpf]

No removing the files manually will probably break as it also modifies the _journal.json
Yes you only have one 23 showing for sqlite and one showing for mysql. After you've removed it you can then also merge the changes from dev (where some db migrations were made)

[Aandree5]

This should all be sorted now, just a question:

• I've noticed someone used const board = useRequiredBoard() on the app widget, would it be worth to change the theme.other.hasIconColor on the theme (which we are trying to find a way to cascade the type around all the projects) to use this variable and go straight to the board properties to see if a color has been defined?

Also, please note since I've dropped the migrations I've not generated a new one with the changes to the board scheme, I'm guessing that is done when merging to dev but let me know if you want me run them.

[Meierschlumpf]

Yeah maybe it is a good idea to not have this type hacks in the project and just use the useRequiredBoard hook 👍🏼
Once you have done that, just create a new migration for sqlite & mysql as the other stuff seems to be ready to me 😄
Sorry for not responding for a while...

[Aandree5]

Tear when i são that as was thinking the same. I will try to make those changes this weekend, they shouldn't take long.
It's fine don't worry! I can see that the project is busy, which is good!

[Aandree5]

It should all be done!

[Meierschlumpf]

I'll take a look at it tomorrow evening and will also fix the merge conflicts if you want 👍🏼 Thank you for your work ❤️

[Aandree5]

I'll take a look at it tomorrow evening and will also fix the merge conflicts if you want 👍🏼 Thank you for your work ❤️

Just happy to help. I've aaceepted all incoming changes on the migrations and re-generated the required ones, should be sorted but feel free to let me know if not :)

[Meierschlumpf]

Thank you for this nice feature! I already look forward to the upcoming show-offs