[Request] Logo, branding and theme customization

[illustietor]

Hello! I have installed UNIT3D on my server and now I would like to customize the overall look of the website (colors, icons...), the login page, etc...

As I have not found any specific guide or question that addresses the issue (?), I am wondering what the "correct way" to do it is.

For example, I've been able to change the "site name" by editing "/config/other.php", but I can't find an easy way to change FontAwesome's "TV icon" (I'm not referring to the favicon) or add my own logo.

I suspect that to achieve many of the changes I'm looking for I'll need to edit the files in "/resources", but before I start breaking things I'd appreciate some advice.

Thank you!

Upvote & Fund

• We're using Polar.sh so you can upvote and help fund this issue.
• We receive the funding once the issue is completed & confirmed by you.
• Thank you in advance for helping prioritize & fund our backlog.

[EkoNesLeg]

You can set your own TV icons in /dashboard/categories on the front end.

It's best not to touch anything outside of /config unless you know what you're doing; otherwise you can expect breaking changes when trying to update.

[EkoNesLeg]

In the meantime, you should monitor this feature request: https://github.com/HDInnovations/UNIT3D-Community-Edition/issues/3776.

Your current request lacks specificity and requires a clearly defined scope. This is a complex, multi-staged job that needs to be broken down into smaller, more detailed requests.

[illustietor]

You can set your own TV icons in /dashboard/categories on the front end.

I was referring to the "tv icon" that appears next to the "site title" or in the footer of the website. Finally I managed to change it to another FontAwesome's icon by editing top_nav.blade.php and footer.blade.php, but as you say, I don't know if it's a "final solution" or if it will give me problems when updating.

In the meantime, you should monitor this feature request: #3776.

I'll do it! It looks good as a solution to make the configuration more accessible.

Your current request lacks specificity and requires a clearly defined scope. This is a complex, multi-staged job that needs to be broken down into smaller, more detailed requests.

Ok, I'm going to break the request into parts to see if you can guide me better:

• How to customize the login page?

  • If I open the element inspector of my browser on my instance login page, I see that the responsible for the "layout" is the "_auth-liUYpf7e.css" file located in "/public/build/assets". Since that folder is not in the repository, I imagine it's an auto-generated file or something (?), so I don't know if it would be appropriate to edit it directly or if there is another way to make the changes I want in the design. If there is no "easy" way to do it, maybe it would be nice to implement some option to edit that CSS from the admin panel.

• How to implement a new theme?

  • OK, so there is this folder located in "/resources/sass/themes" were seems there are all that ".scss" files responsible for the selectable themes (?). So, if I create a new one and put it in that folder, will it be selectable? Is that the correct way to add new themes?

• How to add a custom logo?

  • I think it would be nice to be able to add a custom logo (a .svg or .png file) to replace the FontAwesome icon (and maybe also the "title" of the site) that appears in the header and other places. Again, I think this can be achieved by editing files like top_nav.blade.php, but maybe this can already be done in other better ways that I don't know about.

If you consider it necessary, I can create a different request for each of these points if you consider that they do not fit into one, but from my point of view, since they all seek the same objective (visual customization), perhaps there is a solution or change that can encompass them all.

Thanks!

[EkoNesLeg]

This is a good start. But there's no need to get into how to do it; let the devs figure that out. Just list your suggested requirements as the end user. E.g:

1. [Request] Support for New Themes Admins should have the ability to import new themes via the admin panel. This feature would make it easier to for sites to develop a unique style without modifying the source code.

2. [Request] Custom Logo Configuration Admins should be able to upload a custom logo (e.g., .svg or .png) via the admin panel to replace the default site icon and title in the header and other relevant areas. This would allow UNIT3D sites to look unique without needing to modify the source code.

and so on....

Just ensure each feature request is submitted separately so there's clarity and focus.