Theme File Location (Built In Themes) 6.8.3

[almulder]

I have been trying to find the original theme files, but unable to locate them. Anyone know where they are in 6.8.3? 

 

I want to make my own theme, I checked out Theme Engine, but its very limited and does not change all areas.

 

I am looking to change Logo, all the buttons (including login if possible), The page loading (Wavy Bar Currently), Apps page text from orange to another color.

 

Basically anything with the Orange text, buttons, logo, ect..

 

Thanks.

 

Is there anywhere that talks about how to create a custom theme, that themes everythings?

 

 

[almulder]

Ok I found the built in themes, (/usr/local/emhttp/plugins/dynamix/styles) 

 

Theme pictured below was created using the "Theme Engine" Plugin. Most of the areas I customized was done in the Custom Styling section with CSS code. Used the original themes as a template to find the CSS areas I wanted to modify. Alot of trial an error for what works)

 

As far as the logo and loading pics go, they are svg files and are over written when the system reboots. So I used the plugin "User Scripts" to create a script to replace them and have it run "At Startup of Array".  Store the files somewhere in a shared folder and then point to them.

 

Here is the script I made for copying the file. The first part is where the new logos and stuff are, the second part is where they must go.

#!/bin/bash
cp /mnt/user/Unraid_Backup/Newlogos/UN-logotype-gradient.svg /usr/local/emhttp/webGui/images/UN-logotype-gradient.svg
cp /mnt/user/Unraid_Backup/Newlogos/animated-logo.svg /usr/local/emhttp/webGui/images/animated-logo.svg

 

I am not releasing this tot he public yet as there are a few areas I cant find how to change. Can someone help?

 

 

Apps Tab:

     Orange Text such as current section / highlighting

     Sort Order Icons

 

Unraid:

     Popup Windows, the buttons (Such as when you get container size, the done button does not change with other buttons it stays orange)

     Login Screen, Would like to change the look there also, Buttons and colors.

 

Otherwise I think I got most of it.

 

 

 

Edited July 28, 2020 by almulder
Updated to provide info on where thing are located and how I made the theme.

[hernandito]

On 7/13/2020 at 9:20 PM, almulder said:

Ok I found the built in themes, but there are a few areas I cant find how to change.

I think its a good idea to post the answer to the question you posed... not just say "I figured it out..." Future users may have the sam question and it would be nice for them to have the answer...

 

I find myself having a new question, search for it, and then I discover I asked the same question years ago, and the answer is right there...

 

I for one would like to know where the theme files are... and what you did to edit them.

Edited July 21, 2020 by hernandito

[almulder]

On 7/20/2020 at 7:29 PM, hernandito said:

I think its a good idea to post the answer to the question you posed... not just say "I figured it out..." Future users may have the sam question and it would be nice for them to have the answer...

 

I find myself having a new question, search for it, and then I discover I asked the same question years ago, and the answer is right there...

 

I for one would like to know where the theme files are... and what you did to edit them.

I have updated my post to reflect what you requested (and your right I should have included it the first time). Should you find a way to replace the logon screen and such that I am missing please feel free to let me know. Or if you need some help. Thanks!

[almulder]

On 7/20/2020 at 7:29 PM, hernandito said:

 

hernandito. I am making some progress on editing other locations and images. when I am done (Using stock images that are there now) I might be able to make the theme universal across versions to a degree. I have been doing some tests and able to edit the logo and wait logo colors without having to replace the images. Also been able to edit the colors of the boot screen. 

 

I hope to be done in a few weeks, (Got company coming over)  but in the end I might just have a user script to do the theme and make some variable at the top so anyone can change the colors to their liking.) Fingers crossed. . And once I am done I plan on making it public and giving the info to the developer of the "ThemeEngine" so he can hopefuly intergrate it into his work and make themes more complete.

[almulder]

Making Progresses.

 

 

 

Edit: Finally got this one.

 

 

 

 

 

 

Edited July 29, 2020 by almulder

[almulder]

So I think I have found all the orange themed stuff and made it blue. Now I just need to update my code and fix some other things. and then it might be ready!

[hernandito]

On 7/29/2020 at 1:34 AM, almulder said:

So I think I have found all the orange themed stuff and made it blue. Now I just need to update my code and fix some other things. and then it might be ready!

Congratulations.... I can’t wait to see it.

 

thank you!

[almulder]

Can someone grab me the following files and post them as a zip file.

 

I forgot to make copies before I started to edit them.

 

Thanks!

 

/usr/local/emhttp/webGui/images/UN-logotype-gradient.svg
/usr/local/emhttp/webGui/images/animated-logo.svg
/usr/local/emhttp/logging.htm
/usr/local/emhttp/login.php
/usr/local/emhttp/plugins/dynamix.docker.manager/styles/style-black.css
/usr/local/emhttp/plugins/dynamix/styles/dynamix-black.css
/usr/local/emhttp/plugins/dynamix/styles/default-black.css
/usr/local/emhttp/plugins/dynamix/styles/jquery.sweetalert.css
/usr/local/emhttp/plugins/dynamix/styles/default-popup.css
/usr/local/emhttp/plugins/dynamix.docker.manager/log.htm

 

Edited August 2, 2020 by almulder

[Squid]

1 hour ago, almulder said:

/usr/local/emhttp/plugins/community.applications/PluginAPI.page

Not used on unRaid 6.8+

 

As an aside, CA supports extra custom css files /usr/local/emhttp/plugins/dynamix/styles/community.applications-nameOfTheme.css which is loaded after CA's css, so you can override anything.

[almulder]

OK. I will look i to that. In the meantime if someone could still upload the files for me.

[almulder]

Files no longer needed. Thanks

[almulder]

Posted Script Here: