Thanks! With this, a User Script can be built to overwrite the logos and CSS!
For anyone who wants to do that (I am using it as of 2024-05-13), here is what I did:
I downloaded the logos and files that I wanted to edit via FTP. (WebGUI image file path:)
/usr/local/emhttp/plugins/dynamix/images/
For example, I downloaded the "UN-logotype-gradient.svg" and edited it in Photoshop. (Drag and drop the SVG into Photoshop and note down the logo size. At this time, it is 223 x 56 px with 72 dpi.) You can resize it when you open it, BUT when you export it, you have to export it at the same size as the default. Here's an example:
Drag and drop the file into Photoshop.
The SVG-format prompt asks for width and height.
Enter, for example, 2230 x 557.
Hit enter and edit the logo.
Export it via File > Export > Export As > Select SVG (you have to enable it, it's not there by default) > Now change the width and height back to 223 x 56.
Otherwise, it will not work because the SVG overlaps with the menu, and links are not clickable anymore.
Now to the script:
I created a folder (no matter where, just change the path in the script) and placed the images and files that I wanted to modify.
Now just add a user script (the app "User Scripts" can be found via CA) and finally set the schedule to copy the files over at array startup (because I noticed when I restarted, the logos weren't here anymore).
Script:
#!/bin/bash
# Loading Logo animated-logo.svg
cp /mnt/user/appdata/unraid/animated-logo.svg /usr/local/emhttp/plugins/dynamix/images/animated-logo.svg
# Main Logo UN-logotype-gradient.svg
cp /mnt/user/appdata/unraid/UN-logotype-gradient.svg /usr/local/emhttp/plugins/dynamix/images/UN-logotype-gradient.svg
# Edited Theme default-black.css
cp /mnt/user/appdata/unraid/default-black.css /usr/local/emhttp/plugins/dynamix/styles/default-black.css
echo "logos and css changed"
I didn't want to use the theme engine, so I edited the CSS too. 🙂
Here's an example of what it could look like:
As you can see, with the edited CSS, I also changed the button gradient color!
Happy modifying! 👽
