Theme File Location (Built In Themes) 6.8.3


Recommended Posts

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?

 

 

Link to comment

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

image.png.ede8e7f9f2df4ca7ac0e4a2211d4d94b.png

     Sort Order Icons

image.thumb.png.74e72e99af2baa955112129a748f2dfa.png

 

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.

image.png.8c1bad0021d8eb01af02a750b6d092eb.png

 

Otherwise I think I got most of it.

 

image.thumb.png.86eec8a906c8bfdb8d51c1e6273e5f5a.png

 

image.thumb.png.91119ecdcfb7e87ffec2b7a8dcfb78f0.png

 

image.thumb.png.9627d26da917d2018200d74516237469.png

Edited by almulder
Updated to provide info on where thing are located and how I made the theme.
Link to comment
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 by hernandito
Link to comment
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!

  • Like 1
Link to comment
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.

Link to comment

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 by almulder
Link to comment
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.

Link to comment
  • 4 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.