LazeMSS / OctoPrint-TopTemp

Topbar temperature plugin for OctoPrint
21 stars 2 forks source link

Change text color? #39

Closed Skiddz closed 3 years ago

Skiddz commented 3 years ago

Potentially stupid question, or feature request. :)

Is it possible to change the text color of the display? I run two printers from one Pi and each printer's Octoprint instance is a different color. One of my printers uses a blue info bar and the grey text is pretty much impossible to see. I'd like to make it white if possible. Is there something I can tweak or can a text color selection be added to the Custom tab?

LazeMSS commented 3 years ago

I will look into it.

Skiddz commented 3 years ago

Much appreciated!

Skiddz commented 3 years ago

Potentially stupid question, the sequel. Would a quick edit to the style sheet do the trick?

I assume the correct file is: ~/oprint/lib/python3.7/site-packages/octoprint_toptemp/static/css/TopTemp.css

and I'm guessing this section is where color of the text might be settable?

navbar_plugin_toptemp div.TopTempText {

height: 100%;
margin-top: 6px;
position: relative;
line-height: initial;
text-align: center;
LazeMSS commented 3 years ago

Yes - easier to add a bit of custom css on

navbar_plugin_toptemp.navbar-text

But I will make support for the different native colors

LazeMSS commented 3 years ago

Try the develop version: https://github.com/LazeMSS/OctoPrint-TopTemp/archive/develop.zip

Skiddz commented 3 years ago

I'll give that a try as soon as my current print job finishes. Thx!

LazeMSS commented 3 years ago

@Skiddz no need I just released it into the wild - but please comment is still broken :)

Skiddz commented 3 years ago

Hey! I can see the text now! Thanks!

Skiddz commented 3 years ago

So this is interesting.. Like I mentioned above, I run 2 instances of OctoPrint on one Pi. In the "main" instance, the color tweak works. I can edit the .css to change color as I see fit. In the 2nd instance, the text is still grey. I haven't had the time to really dig in to it to see what's up.