Theming the OpenBMC GUI to meet company requirements

Main Track,

webui-vue, OpenBMC's web-based user interface, allows for customization and styling to meet brand requirements. Custom navigation, adding and removing pages and features, different fonts, and unique colors are all available.

I am Gunnar Mills from IBM. I am a maintainer of four OpenBMC repositories, including webui-vue and bmcweb, OpenBMC's web-based user interface and web server, respectively. webui-vue is the replacement for an earlier user interface named phoshor-webui. A core feature of webui-vue, that its predecessor did not have, is the ability to customize and theme the interface to meet different companies' requirements.

A .env file can be added to webui-vue, allowing for custom navigation, adding and removing pages and features, different fonts, and colors. .env files can be called from meta-layer, e.g. meta-arm or meta-ibm. webui-vue, when themed, can look vastly different, and that shows in the default community version webui-vue vs IBM or Intel's themed GUIs. I am going to demo IBM's themed GUI as well as a silly one I created. Documentation on how to do this is available at https://openbmc.github.io/webui-vue/guide/.