Duet Web Control Styling
Posted by fotomas
|
Duet Web Control Styling October 07, 2015 02:16PM |
I have spent some time restyling the Duet Web control by 'zombiepantslol' . May aim was to make it a bit more lite flying a spaceship than using a pale business application.
It is quite simple the additional files; 1 css and 2 font files. Then a link to the css has to be added in the file default.htm.
No functionality or layout is changed, just fonts, color and design of elements.
This is what it looks like:
It is quite simple the additional files; 1 css and 2 font files. Then a link to the css has to be added in the file default.htm.
No functionality or layout is changed, just fonts, color and design of elements.
This is what it looks like:
|
Re: Duet Web Control Styling October 08, 2015 04:51PM |
Looks nice! 
|
Re: Duet Web Control Styling October 27, 2015 08:52AM |
Made another restyling of the web interface. This one covers even more (if not all) of the GUI.
Grey/Black, sharp corners and flat graphics, no gradients.
css, font and htm files attached.
The reprap.htm file needs one line extra line of code. Either you use the file attached or add the folowing line below the similar lines in the CSS section.
I hope you like it.
Grey/Black, sharp corners and flat graphics, no gradients.
css, font and htm files attached.
The reprap.htm file needs one line extra line of code. Either you use the file attached or add the folowing line below the similar lines in the CSS section.
I hope you like it.
|
Re: Duet Web Control Styling October 27, 2015 10:11AM |
Quote
fotomas
The reprap.htm file needs one line extra line of code. Either you use the file attached or add the folowing line below the similar lines in the CSS section.
Which line? I cannot see it only here at quoting.
But what to say: Much better, except for the font
the font is okay not like the first one which was not suitable for the design and the task in my eyes. I would definitely prefer the second design to the original one as I like these kind of dark themes. If I am not using W10 I use Linux Mint with a dark theme and the coloring is very close to your design.Edit: This is a wrong message. I normally use Linux and W10 only if I have to.
Edited 1 time(s). Last edit at 10/27/2015 10:17AM by Treito.
Slicer: Simplify3D 4.0; sometimes CraftWare 1.14 or Cura 2.7
Delta with Duet-WiFi, FW: 1.20.1RC2; mini-sensor board by dc42 for auto-leveling
Ormerod common modifications: Mini-sensor board by dc42, aluminum X-arm, 0.4 mm nozzle E3D like, 2nd fan, Z stepper nut M5 x 15, Herringbone gears, Z-axis bearing at top, spring loaded extruder with pneumatic fitting, Y belt axis tensioner
Ormerod 2: FW: 1.19-dc42 on Duet-WiFi. own build, modifications: GT2-belts, silicone heat-bed, different motors and so on. Printed parts: bed support, (PSU holder) and Y-feet.
Ormerod 1: FW: 1.15c-dc42 on 1k Duet-Board. Modifications: Aluminium bed-support, (nearly) all parts reprinted in PLA/ ABS, and so on.
|
Re: Duet Web Control Styling October 27, 2015 11:35AM |
You could hype up the "spaceship control" theme a tad. The output from the Z probe could be named "Sensor readings", the bed temperature becomes "Transporter status" Etc
Dave
Dave
|
Re: Duet Web Control Styling October 27, 2015 04:43PM |
Maybe this shows the problem:
Edited 1 time(s). Last edit at 10/27/2015 04:46PM by Treito.
Slicer: Simplify3D 4.0; sometimes CraftWare 1.14 or Cura 2.7
Delta with Duet-WiFi, FW: 1.20.1RC2; mini-sensor board by dc42 for auto-leveling
Ormerod common modifications: Mini-sensor board by dc42, aluminum X-arm, 0.4 mm nozzle E3D like, 2nd fan, Z stepper nut M5 x 15, Herringbone gears, Z-axis bearing at top, spring loaded extruder with pneumatic fitting, Y belt axis tensioner
Ormerod 2: FW: 1.19-dc42 on Duet-WiFi. own build, modifications: GT2-belts, silicone heat-bed, different motors and so on. Printed parts: bed support, (PSU holder) and Y-feet.
Ormerod 1: FW: 1.15c-dc42 on 1k Duet-Board. Modifications: Aluminium bed-support, (nearly) all parts reprinted in PLA/ ABS, and so on.
Edited 1 time(s). Last edit at 10/27/2015 04:46PM by Treito.
Slicer: Simplify3D 4.0; sometimes CraftWare 1.14 or Cura 2.7
Delta with Duet-WiFi, FW: 1.20.1RC2; mini-sensor board by dc42 for auto-leveling
Ormerod common modifications: Mini-sensor board by dc42, aluminum X-arm, 0.4 mm nozzle E3D like, 2nd fan, Z stepper nut M5 x 15, Herringbone gears, Z-axis bearing at top, spring loaded extruder with pneumatic fitting, Y belt axis tensioner
Ormerod 2: FW: 1.19-dc42 on Duet-WiFi. own build, modifications: GT2-belts, silicone heat-bed, different motors and so on. Printed parts: bed support, (PSU holder) and Y-feet.
Ormerod 1: FW: 1.15c-dc42 on 1k Duet-Board. Modifications: Aluminium bed-support, (nearly) all parts reprinted in PLA/ ABS, and so on.
|
Re: Duet Web Control Styling October 27, 2015 05:28PM |
Quote
Treito
Maybe this shows the problem:
The color scheme blends very nicely into your Firefox theme. It looks like I have taken the colors from it, which is not the case.
Attach you will find an updated version.
- Less intense green (that plays nicely with the red)
- Grey header above file list
- White text in header above file list
|
Re: Duet Web Control Styling October 27, 2015 06:12PM |
Quote
fotomas
The color scheme blends very nicely into your Firefox theme. It looks like I have taken the colors from it, which is not the case.
Attach you will find an updated version.
That is what I said. BTW it is no theme of Firefox, this is my desktop theme so that is why I really liked your design. Many thanks for this update. I can read the text now and I do not need sunglasses.
Edited 1 time(s). Last edit at 10/27/2015 06:12PM by Treito.
Slicer: Simplify3D 4.0; sometimes CraftWare 1.14 or Cura 2.7
Delta with Duet-WiFi, FW: 1.20.1RC2; mini-sensor board by dc42 for auto-leveling
Ormerod common modifications: Mini-sensor board by dc42, aluminum X-arm, 0.4 mm nozzle E3D like, 2nd fan, Z stepper nut M5 x 15, Herringbone gears, Z-axis bearing at top, spring loaded extruder with pneumatic fitting, Y belt axis tensioner
Ormerod 2: FW: 1.19-dc42 on Duet-WiFi. own build, modifications: GT2-belts, silicone heat-bed, different motors and so on. Printed parts: bed support, (PSU holder) and Y-feet.
Ormerod 1: FW: 1.15c-dc42 on 1k Duet-Board. Modifications: Aluminium bed-support, (nearly) all parts reprinted in PLA/ ABS, and so on.
|
Re: Duet Web Control Styling October 27, 2015 06:18PM |
Just for comparison. That is nearly perfect. How did you know my desktop theme? 
Slicer: Simplify3D 4.0; sometimes CraftWare 1.14 or Cura 2.7
Delta with Duet-WiFi, FW: 1.20.1RC2; mini-sensor board by dc42 for auto-leveling
Ormerod common modifications: Mini-sensor board by dc42, aluminum X-arm, 0.4 mm nozzle E3D like, 2nd fan, Z stepper nut M5 x 15, Herringbone gears, Z-axis bearing at top, spring loaded extruder with pneumatic fitting, Y belt axis tensioner
Ormerod 2: FW: 1.19-dc42 on Duet-WiFi. own build, modifications: GT2-belts, silicone heat-bed, different motors and so on. Printed parts: bed support, (PSU holder) and Y-feet.
Ormerod 1: FW: 1.15c-dc42 on 1k Duet-Board. Modifications: Aluminium bed-support, (nearly) all parts reprinted in PLA/ ABS, and so on.
Slicer: Simplify3D 4.0; sometimes CraftWare 1.14 or Cura 2.7
Delta with Duet-WiFi, FW: 1.20.1RC2; mini-sensor board by dc42 for auto-leveling
Ormerod common modifications: Mini-sensor board by dc42, aluminum X-arm, 0.4 mm nozzle E3D like, 2nd fan, Z stepper nut M5 x 15, Herringbone gears, Z-axis bearing at top, spring loaded extruder with pneumatic fitting, Y belt axis tensioner
Ormerod 2: FW: 1.19-dc42 on Duet-WiFi. own build, modifications: GT2-belts, silicone heat-bed, different motors and so on. Printed parts: bed support, (PSU holder) and Y-feet.
Ormerod 1: FW: 1.15c-dc42 on 1k Duet-Board. Modifications: Aluminium bed-support, (nearly) all parts reprinted in PLA/ ABS, and so on.
|
Re: Duet Web Control Styling November 18, 2015 04:17PM |
I support this as I love this theme. The perfect symbiosis with my Cinnamon theme. Slicer: Simplify3D 4.0; sometimes CraftWare 1.14 or Cura 2.7
Delta with Duet-WiFi, FW: 1.20.1RC2; mini-sensor board by dc42 for auto-leveling
Ormerod common modifications: Mini-sensor board by dc42, aluminum X-arm, 0.4 mm nozzle E3D like, 2nd fan, Z stepper nut M5 x 15, Herringbone gears, Z-axis bearing at top, spring loaded extruder with pneumatic fitting, Y belt axis tensioner
Ormerod 2: FW: 1.19-dc42 on Duet-WiFi. own build, modifications: GT2-belts, silicone heat-bed, different motors and so on. Printed parts: bed support, (PSU holder) and Y-feet.
Ormerod 1: FW: 1.15c-dc42 on 1k Duet-Board. Modifications: Aluminium bed-support, (nearly) all parts reprinted in PLA/ ABS, and so on.
Sorry, only registered users may post in this forum.