Speaker
Description
Our customer required dark-themed graphical user interfaces for their control system. To ensure a consistent look, the default colours of Control System Studio Phoebus had to be modified. While many UI elements in Phoebus could be adjusted through CSS, significant modifications were required in the source code to achieve the desired look. Key updates included defining a unified colour scheme, modifying CSS files and source code as well as updating icon colours. To ensure consistency in GUI development, we collaborated with our internal UX designer to establish design guidelines for developers. Besides the colour scheme, the guidelines define fonts, the look of widgets and how to position them on the screen. In this talk I will share our experience in implementing a cohesive dark theme, outlining the challenges and solutions encountered along the way.