Q Light Controller Plus - User Documentation

Index page

GUI style customization

Starting from version 4.5.0, QLC+ can read a user custom file to change the GUI appearance in a very accessible way.
If no file is found, QLC+ will start with the default style.

The GUI style file

The file name is hardcoded into QLC+ and must be: qlcplusStyle.qss
The style file must also be placed in a specific path which is:

The style file must have a CSS syntax. If you're comfortable with web designing, you should find the creation of this file very easy!
Since the style file is strictly related to the inner Qt objects, you might want to read the following articles to find out the elements' names and the additional CSS properties the Qt team added to the default CSS syntax.
Qt Style Sheets
Qt Style Sheets Examples
It is up to your imagination how you prefer to customize the QLC+ GUI appearance! If you find a style worth sharing, don't forget to send in your contribution by posting it online in the QLC+ forum

QLC+ dark blue style example

Just to give you an example of how easy this process is, here's a blue-ish dark style for QLC+.
If you copy the following lines into qlcplusStyle.qss in the right location as explained above, you will see it immediately applied to QLC+.

QMainWindow, QDialog
{
 background-color: #404B57;
 color: #E6E6E6;
}

QTreeWidget
{
 background-color: #3A444F;
 alternate-background-color: #404B57;
 color: #E6E6E6;
}

QTextBrowser
{
 background-color: #3A444F;
 color: #E6E6E6;
}

Version: 4.12.6 (64083e3c7) Last update: 2022-08-28 10:10:28 +0200