Skip to content

Styling the Libki client with Qt Style Sheets

Kyle M Hall edited this page Apr 17, 2023 · 9 revisions

The Libki server can send custom Qt Style Sheets to the client. The styles can be set in Settings > Advanced settings > Client style sheet

Change the login screen font sizes

QLabel#headerLabel { font-size: 36px }
QLabel#usernameLabel { font-size: 36px }
QLabel#passwordLabel { font-size: 36px }
QLabel#messageLabel { font-size: 36px }
QLabel#reservedLabel { font-size: 36px }
QLineEdit#usernameField {font-size: 24px; font-weight: bold }
QLineEdit#passwordField {font-size: 24px; font-weight: bold }

Change the login screen background color

LoginWindow, QWebView { background-color: green }

Change session locked screen background color

SessionLockedWindow, logoWebView { background-color: green }

Hide label "Internet Kiosk" from login screen

QLabel#headerLabel {
  qproperty-text: ""
}

Change label "Internet Kiosk" to something else

QLabel#headerLabel {
  qproperty-text: "Something Else"
}

Style the "Session Locked" label

QLabel#sessionLockedLabel {
  font-size: 24px;
  font-weight: bold;
}

Make the error message text red

QLabel#errorLabel {
  color: red;
}

Hide the "Cancel" button

QPushButton#cancelButton {
  max-width: 0px;
  max-height: 0px;
  border: 0px;
}