[Feature]: Branding #1634
Replies: 7 comments 2 replies
-
|
Maybe this would help to get businesses interested in Immich as well, which has potential to bring along donations and dev support? |
Beta Was this translation helpful? Give feedback.
-
|
I've implemented custom logos by mounting files under |
Beta Was this translation helpful? Give feedback.
-
|
I've managed to change the logo in the Webapp via Theme Settings > Custom CSS (see below for code) but this does not affect the app sadly. It would be nice, if this would be added, if it would affect the apps logo as well. Custom CSS: img[alt="Immich Logo"] {
content: url("https://exmaple.com/logo.svg");
}
h1[class*="font-immich-title"] {
text-indent: -9999px;
}
h1[class*="font-immich-title"]:before {
text-indent: 0;
float: left;
content: "CUSTOM TITLE HERE";
/* you could also change the font here */
} |
Beta Was this translation helpful? Give feedback.
-
|
Just to add more information here: It seems like the logo in the app is loaded here: immich/mobile/lib/shared/ui/immich_app_bar.dart Lines 151 to 158 in 6e78655 It would be nice for custom branding if a custom logo URI (https, local path or both?) would be returned by the |
Beta Was this translation helpful? Give feedback.
-
|
Could this be expanded to include rebranding the mobile app logo? |
Beta Was this translation helpful? Give feedback.
-
|
SOLVED:
The logo at the login screen is encoded in: Copy, backup, and replace the following files: The inline logos are 11in x 3.6972 in. The string for the stock logo is below. Formatted as Minified Data URI. You can use something such as svgviewer.dev to upload your SVG, and get this data. Once you do reaplce the string below in YOU MUST ALSO UPLOAD THE BROTLI AND GZIP VERSIONS OF YOUR FILE. You may need to restart Immich to see the changes and force your browser to not use caches for a moment. Once you do it works. Additionally, these method also works well for dark/light mode, and will work for mobile browsers. The native app is separate of course, but that is my next go. Minified Data URI of immich-logo.svg |
Beta Was this translation helpful? Give feedback.
-
|
As already stated by @pl4nty ...
... the random strings in the file names (e.g. |
Beta Was this translation helpful? Give feedback.
-
|
random strings can be normalised on reverse proxy i suppose |
Beta Was this translation helpful? Give feedback.
-
|
That is true, but for now as far as current branding.
I did see some strings that can be captured as variables. Ideally something
like auk/sed then takes that and also can be used to rename a set of files
provided by user to build on.
It's still annoying though if you want to change the logo that way, but in
the meantime.
…On Wed, Jul 31, 2024, 12:33 Leon Schmidt ***@***.***> wrote:
As already stated by @pl4nty <https://github.com/pl4nty> ...
but they contain a build hash eg immich-logo.18dcdcef.svg.
... the random strings in the file names (e.g. C4PioLn8) indicate that
the files originate from the frontend build process (e.g. have been
compressed or cropped programmatically). These strings and thus the file
names might change in future version of Immich.
—
Reply to this email directly, view it on GitHub
<#1634 (reply in thread)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AECFWIGYQ2VEXEXPOANYT6LZPE3YLAVCNFSM6AAAAABDCY6SSSVHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTAMRQGQ3TOMY>
.
You are receiving this because you commented.Message ID:
***@***.***>
|
Beta Was this translation helpful? Give feedback.
-
Feature detail
Having the ability to rebrand the app background, logos, and images would be nice to make it unique for home use.
Platform
Web
Beta Was this translation helpful? Give feedback.
All reactions