164 lines
5.5 KiB
Plaintext
164 lines
5.5 KiB
Plaintext
|
/* A branding component can ship a stylesheet (like this one)
|
||
|
which is applied to parts of the Calamares user-interface.
|
||
|
In principle, all parts can be styled through CSS.
|
||
|
Missing parts should be filed as issues.
|
||
|
|
||
|
The IDs are based on the object names in the C++ code.
|
||
|
You can use the Debug Dialog to find out object names:
|
||
|
- Open the debug dialog
|
||
|
- Choose tab *Tools*
|
||
|
- Click *Widget Tree* button
|
||
|
The list of object names is printed in the log.
|
||
|
|
||
|
Documentation for styling Qt Widgets through a stylesheet
|
||
|
can be found at
|
||
|
https://doc.qt.io/qt-5/stylesheet-examples.html
|
||
|
https://doc.qt.io/qt-5/stylesheet-reference.html
|
||
|
In Calamares, styling widget classes is supported (e.g.
|
||
|
using `QComboBox` as a selector).
|
||
|
|
||
|
This example stylesheet has all the actual styling commented out.
|
||
|
The examples are not exhaustive. */
|
||
|
|
||
|
/*########Current Calamres Styles##########*/
|
||
|
/* These "Q's" are master styles for overall colours */
|
||
|
#mainApp {background-color: #333333 }
|
||
|
|
||
|
/* Set the entire Font and Background color */
|
||
|
QWidget { color: #FFFFFF ; background-color: #333333 }
|
||
|
#globalStorageTab { background-color: #545454 }
|
||
|
|
||
|
/* Set Drop Down Font and Background color */
|
||
|
QComboBox { font: 12px ;
|
||
|
color: #FFFFFF ;
|
||
|
background-color: #454545 ;
|
||
|
padding: 2px ;
|
||
|
border-radius: 10px }
|
||
|
#languageWidget { font: 14px ;
|
||
|
color: #111111 ;
|
||
|
background-color: #AAAAAA ;
|
||
|
text-align: center ;
|
||
|
border-radius: 6px }
|
||
|
|
||
|
/* Set the inline Text box edit Font and Background color */
|
||
|
QLineEdit { font: 14px ;
|
||
|
color: #000000 ;
|
||
|
background-color: beige }
|
||
|
|
||
|
/* Set List box Font and Background color */
|
||
|
QListView { font: 12px ;
|
||
|
color: #FFFFFF ;
|
||
|
background-color: #454545 ;
|
||
|
alternate-background-color: #454545 ;
|
||
|
padding: 2px ;
|
||
|
border-radius: 4px }
|
||
|
#layoutSelector {}
|
||
|
|
||
|
/* Set the TreeView Font and Background color */
|
||
|
QTreeView {
|
||
|
color: #FFFFFF ;
|
||
|
background-color: #454545 ;
|
||
|
border-radius: 12px }
|
||
|
|
||
|
/* Set buttons Font and Background color */
|
||
|
QPushButton { font: 14px ;
|
||
|
color: #FFFFFF ;
|
||
|
background-color: #454545 ;
|
||
|
border-color: #000000 ;
|
||
|
border-width: 10px ;}
|
||
|
#view-button-back { font: 16px ; background-color: #504545 }
|
||
|
#view-button-back:hover { font: 18px ; color: #ced174 ; background-color: #222222 }
|
||
|
#view-button-next { font: 16px ; background-color: #504545 }
|
||
|
#view-button-next:hover { font: 18px ; color: #00FF00 ; background-color: #222222 }
|
||
|
#view-button-cancel { font: 16px ; background-color: #504545 }
|
||
|
#view-button-cancel:hover { font: 18px ; color: #F62817 ; background-color: #222222 }
|
||
|
#view-button-install { font: 16px ; color: #F6D174 }
|
||
|
#view-button-done { font: 16px ; color: #000000 }
|
||
|
|
||
|
/* Set the color in the keyboard selection */
|
||
|
#layoutSelector { selection-background-color: #F62817 }
|
||
|
#variantSelector { selection-background-color: #F62817 }
|
||
|
|
||
|
/* Set the CheckBox size and Background color */
|
||
|
QCheckBox {
|
||
|
color: #000000 ;
|
||
|
background-color: #545454 ;
|
||
|
border-width: 2px ;
|
||
|
border-color: #000000 }
|
||
|
#m_encryptCheckBox { font: 14px ;
|
||
|
color: #F62817 ;
|
||
|
background-color: #454545 ;
|
||
|
border-radius: 4px ;
|
||
|
padding: 6px }
|
||
|
#checkBoxDoAutoLogin { font: 14px ;
|
||
|
color: #AAAAAA ;
|
||
|
background-color: #333333 ;
|
||
|
padding: 4px }
|
||
|
#restartCheckBox { font: 14px ;
|
||
|
color: #FFFFFF ;
|
||
|
background-color: #454545 ;
|
||
|
border-color: #000000 ;
|
||
|
border-radius: 8px ;
|
||
|
height: 16px ;
|
||
|
width: 100px ;
|
||
|
padding: 4px }
|
||
|
QCheckBox#restartCheckBox::indicator:checked { image: url(/usr/share/pixmaps/ckm.png) }
|
||
|
|
||
|
|
||
|
/* Set the color when selected */
|
||
|
QRadioButton {
|
||
|
color: #000000 ;
|
||
|
background-color: #545454 ;
|
||
|
padding: 4px ;
|
||
|
border-radius: 4px }
|
||
|
QComboBoxPrivateContainer { background-color: #545454 }
|
||
|
QComboBoxListView { background-color: #545454 }
|
||
|
#qt_scrollarea_hcontainer { background-color: #545454 }
|
||
|
#qt_scrollarea_vcontainer { background-color: #545454 }
|
||
|
QRadioButton::indicator { width: 18px ; height: 18px }
|
||
|
QRadioButton::indicator::checked { image: url(/usr/share/pixmaps/peppermint.png) }
|
||
|
QRadioButton::indicator::checked:hover { image: url(/usr/share/pixmaps/peppermint-fm-20.png) }
|
||
|
QRadioButton::indicator::unchecked:hover { image: url(/usr/share/pixmaps/peppermint-inst.png) }
|
||
|
|
||
|
/* Set the tip Font and Background color */
|
||
|
QToolTip { font: 12px ;
|
||
|
color: #333333 ;
|
||
|
background-color: #ced174 ;
|
||
|
padding: 4px ;
|
||
|
border-radius: 4px }
|
||
|
|
||
|
/* Set the Progress Bar alignment and load color */
|
||
|
QProgressBar { text-align: center }
|
||
|
QProgressBar::chunk { background-color: #F62817 }
|
||
|
|
||
|
#debugButton {font: 11px }
|
||
|
#sidebarMenuApp{ background-color: #333333 }
|
||
|
#tabWidget { background-color: #545454 }
|
||
|
|
||
|
/* This area is commented out*/
|
||
|
/* These are for specific controls in specific areas of the installer
|
||
|
QFrame { color: #ced174 ; background-color: #ced174 }
|
||
|
#tabWidget {background-color: #333333;}
|
||
|
#mainApp {background-color: #333333;}
|
||
|
#summaryStep {background-color: #333333;}
|
||
|
#Page_Keyboard {background-color: #333333;}
|
||
|
#debugButton {font : 11px;}
|
||
|
#debugButton:hover {color : white;}
|
||
|
#checkBoxDoAutoLogin {background-color: #333333; color : white;}
|
||
|
#restartCheckBox {background-color: #333333; color : white;}
|
||
|
#m_selectLabel { background-color: #545454 }
|
||
|
#m_typeLabel { background-color: #545454 }
|
||
|
|
||
|
|
||
|
#sidebarMenuApp{ background-color: #333333;}
|
||
|
#aboutButton{ background-color: #333333; color: white; }
|
||
|
#donateButton{ background-color: #333333; color: #333333; }
|
||
|
#supportButton{ background-color: #333333; color: #333333; }
|
||
|
#knownIssuesButton{ background-color: #333333; color: #333333; }
|
||
|
#releaseNotesButton{ background-color: #333333; color: #333333; }
|
||
|
QStackedWidget { background-color: #545454 }
|
||
|
ChoicePage { background-color: #545454 }
|
||
|
QRadioButton::indicator::unchecked { image: url(/usr/share/pixmaps/ckm.png) }
|
||
|
*/
|
||
|
/* # canary yellow - #ced174 } */
|