WebUI v3 Themes

Software / Firmware Jackpot Board / FluidNC
1

The previous random WebUI thread where I talked about my themes is closed so I figured I would create a new one since I just made an update.

Note that currently, WebUI v2 is recommended over WebUI v3.

I had created a couple themes, they are both exactly the same, except have different colors. They are both dark themes, because well, I like dark themes.

In addition to colors and font changes, there are some opinionated changes as well.

  • Shrink the logo in the header to maximize vertical space which is helpful on mobile devices.
  • Always display labels for macros. These are typically hidden on narrow widths.
  • Allow panels on the Dashboard to shrink the height to fit the content. They normally have a fixed height which is less than ideal on mobile.
  • Allow for custom logos on the right side below the header. Normal and smaller size logos can be used if the normal logo is too large on mobile widths.

V1E (Dark) - Based around V1E colors and logo

image
image810Ă—412 35.9 KB

FluidDark - Based around FluidNC colors and logo

image
image807Ă—408 26 KB

You can access the themes and instructions here:

9 Likes
2

The update I made today is for some minor changes:

  • The status panel wasn’t showing when an endstop was triggered. It would show the “Input pins” section, but wouldn’t highlight it when active.
    image
  • The current folder path was displaying in black text on a dark gray background. It was updated to white. That is the “/Test/Level2” text in this example. Also, the line to go up a level was highlighting when hovering making white text on a white background.
    image
8 Likes
3

I updated the themes today to support the latest WebUI v3 release. Mostly it was just removing redundancies and simplifying them given updates to the base theme. Since I don’t use it and don’t want to keep up with it, I also removed the theming of the tablet extension but made sure it looked ok.

I will probably simplify them further when I get a chance but for now, it’s at least

As of now, these themes require WebUI version 3.0.0-5-FluidNC or higher which now incorporates features like resizing panels to fit, shrinking the FluidNC logo, and improved formatting of the macros panel. My intent is that these themes stick to only color changes as much as possible but I will keep the logo feature.

2 Likes