OctoPrint-Themeify icon indicating copy to clipboard operation
OctoPrint-Themeify copied to clipboard

Slector list

Open KenLucke opened this issue 4 years ago • 3 comments

Please publish a list of the .css selectors that are available to change in OctoPrint. I've tried tracing them with a web designer tool in Firefox, so that I can change some of the ones not listed (there's only two in the advanced section [.accordion & .navbar-inner]), but have had little luck. Maybe a more detailed set of dox would be helpful, too.

KenLucke avatar Mar 12 '20 21:03 KenLucke

I probably won't list this as it's a huge amount of selectors. What I do is inspect the page and look for what I want to change and find the selector in the HTML - should be enough to do most things.

If you describe what you want to change, I can help you!

You can also look at the less files for more selectors that are changed in the different themes: https://github.com/Birkbjo/OctoPrint-Themeify/blob/master/octoprint_themeify/static/less/discorded/discorded.less

Birkbjo avatar Mar 20 '20 12:03 Birkbjo

On Mar 20, 2020, at 05:04, Birk Johansson [email protected] wrote:

I probably won't list this as it's a huge amount of selectors. What I do is inspect the page and look for what I want to change and find the selector in the HTML - should be enough to do most things.

If you describe what you want to change, I can help you!

This will probably provide most of what I want:

You can also look at the less files for more selectors that are changed in the different themes: https://github.com/Birkbjo/OctoPrint-Themeify/blob/master/octoprint_themeify/static/less/discorded/discorded.less https://github.com/Birkbjo/OctoPrint-Themeify/blob/master/octoprint_themeify/static/less/discorded/discorded.less — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/Birkbjo/OctoPrint-Themeify/issues/67#issuecomment-601666117, or unsubscribe https://github.com/notifications/unsubscribe-auth/AN2ATJVEZJSLOL5HIL4FQ4TRINLVHANCNFSM4LGWAC2A.

Thanks!

KenLucke avatar Mar 20 '20 19:03 KenLucke

one of the specific things I want to change is the Orange color used for the buttons, progress bars, titles, etc., in Discornaged: I want to change the Orange to Yellow or Blue to match my headers and stuff that correspond to the colors In have assigned to my printers based on their printed mods and extrusion channel filters, so that at a glance, I can tell which one I am looking at in OctoPrint.

On Mar 20, 2020, at 12:21, Ken Lucke [email protected] wrote:

On Mar 20, 2020, at 05:04, Birk Johansson <[email protected] mailto:[email protected]> wrote:

I probably won't list this as it's a huge amount of selectors. What I do is inspect the page and look for what I want to change and find the selector in the HTML - should be enough to do most things.

If you describe what you want to change, I can help you!

This will probably provide most of what I want:

You can also look at the less files for more selectors that are changed in the different themes: https://github.com/Birkbjo/OctoPrint-Themeify/blob/master/octoprint_themeify/static/less/discorded/discorded.less https://github.com/Birkbjo/OctoPrint-Themeify/blob/master/octoprint_themeify/static/less/discorded/discorded.less — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/Birkbjo/OctoPrint-Themeify/issues/67#issuecomment-601666117, or unsubscribe https://github.com/notifications/unsubscribe-auth/AN2ATJVEZJSLOL5HIL4FQ4TRINLVHANCNFSM4LGWAC2A.

Thanks!

KenLucke avatar Mar 20 '20 20:03 KenLucke