Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Custom Color in Theme #264

Closed
tcon2010 opened this issue Sep 27, 2022 · 8 comments
Closed

Custom Color in Theme #264

tcon2010 opened this issue Sep 27, 2022 · 8 comments

Comments

@tcon2010
Copy link

tcon2010 commented Sep 27, 2022

I'm using the discoranged theme and simply wanted to change the orange to a new color. I looked at the inspector and saw that it was using --accent from the root of the css. Knowing that, I went to advanced and entered
:root {--accent: #aaf0d1 !important;}
but that did not work upon saving and refreshing. I went back to advanced and just to see what would happen I checked preview and it worked. I clicked save and all was good... until I refreshed the page. It went right back to the orange. Is there a simple way of changing colors in the theme as this doesn't seem to be working?

OctoPrint1
OctoPrint2

NOTE: I just tried to change the file name color from the dark green to the same custom color I have above. Same results: does not work upon save but does work in preview.

@LazeMSS
Copy link
Owner

LazeMSS commented Sep 27, 2022

Its basically because the order of the CSS is handled - I will look into a workaround but Im currently on a break. But the planned feature is to allow customizing the colors in the themes instead of the CSS overwrites

@j-snijder
Copy link

Hi, maybe a tip for use in the meanwhile.

Although octoprint warns you for conflicting plugins you could reinstall Themify ( I did :) ) and use thast together with UIcustomizer.

In my case it worked and I got back the things I altered in Themify (which I was using before I discovered UIcustomizer was preferred bij the Dev.

@stayingarmed
Copy link

Did anything more come of this? I would really like to customize theme colors!

@tcon2010
Copy link
Author

Did anything more come of this? I would really like to customize theme colors!

I'm not sure if anything came from the developer, but I actually ended up re-trying it myself and my custom colors started working. It's not a perfect solution; I still have a few issues in a few places that for some reason aren't obeying my CSS, but it works well enough. Makes me think the developer hasn't made an official fix yet, but it works good enough for me.

@LazeMSS
Copy link
Owner

LazeMSS commented Dec 12, 2022

I just did a full rework of the bugs and features list on another plugin. This week I will go through the UI customizer backlog

@LazeMSS
Copy link
Owner

LazeMSS commented Dec 28, 2022

I just started working on the bug backlog - this appears to be as stated by @tcon2010 by using important - even after reloading.
I'm still planning on making an easier customizing where one can specify the color variables

@LazeMSS
Copy link
Owner

LazeMSS commented Dec 29, 2022

Closing this as it is working as intended - I will improve it better when "color variables" are customizable

@LazeMSS LazeMSS closed this as completed Dec 29, 2022
@LazeMSS
Copy link
Owner

LazeMSS commented Dec 29, 2022

#217

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants