2019-11-05 16:24:18 +00:00
|
|
|
/*
|
|
|
|
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.
|
|
|
|
|
|
|
|
Documentation for styling Qt Widgets through a stylesheet
|
|
|
|
can be found at
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html
|
|
|
|
In Calamares, styling widget classes is supported (e.g.
|
|
|
|
using `QComboBox` as a selector). You can also use specific
|
|
|
|
object names (ids), which you can find through debugging tools.
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
#mainText{
|
|
|
|
font : bold 18px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#logoApp {
|
|
|
|
min-height: 80px;
|
|
|
|
margin-bottom: 50px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
QVBoxLayout {
|
2020-12-21 16:30:23 +00:00
|
|
|
background-color: #313338;
|
2021-01-05 13:10:00 +00:00
|
|
|
color: #e4e4e4;
|
|
|
|
}
|
|
|
|
|
|
|
|
QProgressBar::chunk {
|
|
|
|
background-color: #2eb398;
|
2019-11-05 16:24:18 +00:00
|
|
|
}
|
2021-01-05 20:32:29 +00:00
|
|
|
|
2021-01-05 20:37:44 +00:00
|
|
|
|
|
|
|
|
|
|
|
#textBoxVerifiedRootPassword
|
|
|
|
{
|
2021-06-17 14:31:55 +00:00
|
|
|
height:30px;
|
|
|
|
margin:10px;
|
2021-01-05 20:37:44 +00:00
|
|
|
border:1px solid;
|
|
|
|
display:inline-box;
|
|
|
|
text-transform: lowercase;
|
|
|
|
color: #ccc;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
2021-06-17 14:31:55 +00:00
|
|
|
|
2021-01-05 20:37:44 +00:00
|
|
|
#textBoxRootPassword
|
|
|
|
{
|
2021-06-17 14:31:55 +00:00
|
|
|
height:30px;
|
|
|
|
margin:10px;
|
2021-01-05 20:37:44 +00:00
|
|
|
border:1px solid;
|
|
|
|
display:inline-box;
|
|
|
|
text-transform: lowercase;
|
|
|
|
color: #ccc;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2021-06-17 14:31:55 +00:00
|
|
|
|
2021-01-05 20:37:44 +00:00
|
|
|
#checkBoxReusePassword
|
|
|
|
{
|
2021-06-17 14:31:55 +00:00
|
|
|
margin-top: 10px;
|
|
|
|
margin-left: 5px;
|
2021-01-05 20:37:44 +00:00
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#labelChooseRootPassword
|
|
|
|
{
|
2021-06-17 14:31:55 +00:00
|
|
|
margin-top: 10px;
|
|
|
|
margin-left: 5px;
|
2021-01-05 20:37:44 +00:00
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
#checkBoxDoAutoLogin
|
|
|
|
{
|
2021-06-17 14:31:55 +00:00
|
|
|
margin-top: 10px;
|
|
|
|
margin-left: 5px;
|
2021-01-05 20:37:44 +00:00
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#password_label_2
|
|
|
|
{
|
2021-06-17 14:31:55 +00:00
|
|
|
margin-top: 10px;
|
|
|
|
margin-left: 5px;
|
2021-01-05 20:37:44 +00:00
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
#textBoxUserVerifiedPassword
|
|
|
|
{
|
2021-06-17 14:31:55 +00:00
|
|
|
height:30px;
|
|
|
|
margin:10px;
|
2021-01-05 20:37:44 +00:00
|
|
|
border:1px solid;
|
|
|
|
display:inline-box;
|
|
|
|
text-transform: lowercase;
|
|
|
|
color: #ccc;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#textBoxUserPassword
|
|
|
|
{
|
2021-06-17 14:31:55 +00:00
|
|
|
height:30px;
|
|
|
|
margin:10px;
|
2021-01-05 20:37:44 +00:00
|
|
|
border:1px solid;
|
|
|
|
display:inline-box;
|
|
|
|
text-transform: lowercase;
|
|
|
|
color: #ccc;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2021-06-17 14:31:55 +00:00
|
|
|
|
2021-01-05 20:37:44 +00:00
|
|
|
#hostname_label_2
|
|
|
|
{
|
2021-06-17 14:31:55 +00:00
|
|
|
margin-top: 10px;
|
|
|
|
margin-left: 5px;
|
2021-01-05 20:37:44 +00:00
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
#textBoxHostName
|
|
|
|
{
|
2021-06-17 14:31:55 +00:00
|
|
|
height:30px;
|
|
|
|
margin:10px;
|
2021-01-05 20:37:44 +00:00
|
|
|
border:1px solid;
|
|
|
|
display:inline-box;
|
|
|
|
text-transform: lowercase;
|
|
|
|
color: #ccc;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2021-06-17 14:31:55 +00:00
|
|
|
|
2021-01-05 20:37:44 +00:00
|
|
|
#username_label_2
|
|
|
|
{
|
2021-06-17 14:31:55 +00:00
|
|
|
margin-top: 10px;
|
|
|
|
margin-left: 5px;
|
2021-01-05 20:37:44 +00:00
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
#textBoxLoginName
|
|
|
|
{
|
2021-06-17 14:31:55 +00:00
|
|
|
height:30px;
|
|
|
|
margin:10px;
|
2021-01-05 20:37:44 +00:00
|
|
|
border:1px solid;
|
|
|
|
display:inline-box;
|
|
|
|
text-transform: lowercase;
|
|
|
|
color: #ccc;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#labelWhatIsYourName
|
|
|
|
{
|
2021-06-17 14:31:55 +00:00
|
|
|
margin-top: 10px;
|
|
|
|
margin-left: 5px;
|
2021-01-05 20:37:44 +00:00
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
#textBoxFullName
|
|
|
|
{
|
2021-06-17 14:31:55 +00:00
|
|
|
height:30px;
|
|
|
|
margin:10px;
|
2021-01-05 20:37:44 +00:00
|
|
|
border:1px solid;
|
|
|
|
display:inline-box;
|
|
|
|
text-transform: lowercase;
|
|
|
|
color: #ccc;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#sidebarMenuApp
|
|
|
|
{
|
|
|
|
text-transform: uppercase;
|
|
|
|
font: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#aboutButton:hover
|
|
|
|
|
|
|
|
{
|
|
|
|
width:0px;
|
|
|
|
font: 0px;
|
|
|
|
color: #313338;
|
|
|
|
background-color: #313338;
|
|
|
|
border: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#aboutButton
|
|
|
|
|
|
|
|
{
|
|
|
|
border: 0px;
|
|
|
|
width:0px;
|
|
|
|
font: 0px;
|
|
|
|
color: #313338;
|
|
|
|
}
|
|
|
|
|
|
|
|
QComboBox::drop-down
|
|
|
|
{
|
|
|
|
width: 30px;
|
|
|
|
font-weight: bold;color: #5E749C;
|
|
|
|
font: bold 15px #ffffff;
|
|
|
|
selection-background-color: #fff;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
QComboBox QAbstractItemView
|
|
|
|
{
|
|
|
|
border: 1px solid;
|
|
|
|
selection-background-color: #2eb398;
|
|
|
|
}
|
|
|
|
|
|
|
|
QComboBox
|
|
|
|
{
|
|
|
|
color: #fff;
|
|
|
|
border: 1px solid rgb(54, 57, 62,0);
|
|
|
|
padding: 10px;
|
|
|
|
selection-background-color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
QAbstractItemView::item:hover {
|
|
|
|
background-color: rgb(46, 179, 152);
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
QAbstractItemView::item {
|
|
|
|
padding: 10px;
|
|
|
|
color: #2eb398;
|
|
|
|
border-bottom: 1px solid #1e1e1e;
|
|
|
|
}
|
|
|
|
|
|
|
|
#view-button-back {
|
|
|
|
background-color: rgb(54, 57, 62);
|
|
|
|
color: #bcbcbc;
|
|
|
|
text-transform: uppercase;
|
|
|
|
border: 1px;
|
|
|
|
padding:10px;
|
|
|
|
margin: 5px;
|
|
|
|
font : bold 15px;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#view-button-back:hover {
|
|
|
|
background-color: #272727;
|
|
|
|
color: #bcbcbc;
|
|
|
|
}
|
|
|
|
|
|
|
|
#view-button-next:hover {
|
|
|
|
background-color: rgb(46, 179, 152,0.3);
|
|
|
|
color: #bcbcbc;
|
|
|
|
}
|
|
|
|
|
|
|
|
#view-button-cancel:hover {
|
|
|
|
background-color: rgb(169, 65, 80,0.3);
|
|
|
|
color: #bcbcbc;
|
|
|
|
}
|
|
|
|
|
|
|
|
#view-button-next {
|
|
|
|
background-color: rgb(46, 179, 152);
|
|
|
|
color: #fff;
|
|
|
|
text-transform: uppercase;
|
|
|
|
border: 1px;
|
|
|
|
padding:10px;
|
|
|
|
margin: 5px;
|
|
|
|
font : bold 15px;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#view-button-cancel {
|
|
|
|
background-color: rgb(169, 65, 80);
|
|
|
|
color: #fff;
|
|
|
|
text-transform: uppercase;
|
|
|
|
border: 1px;
|
|
|
|
padding:10px;
|
|
|
|
margin-right: 5px;
|
|
|
|
font : bold 15px;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#restartCheckBox
|
|
|
|
{
|
|
|
|
font: bold;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
#mainApp {
|
|
|
|
background-color: #313338;
|
|
|
|
}
|
|
|
|
|
|
|
|
#mainText{
|
|
|
|
font : bold 11px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#logoApp {
|
|
|
|
min-height: 80px;
|
|
|
|
margin-bottom: 50px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#physicalModelSelector {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #2eb398;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
#label {
|
|
|
|
color: #ffffff;
|
|
|
|
text-transform: uppercase;
|
|
|
|
font: bold;
|
|
|
|
margin-left: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#viewManagerStack {
|
|
|
|
margin: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#summaryStep {
|
|
|
|
background-color: #313338;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#m_drivesLabel {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #2eb398;
|
|
|
|
font: 15px;
|
|
|
|
width:300px;
|
|
|
|
padding-left: 10px;
|
|
|
|
padding-right: 10px;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#hLine
|
|
|
|
{
|
|
|
|
background-color: #2eb398;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
#m_encryptCheckBox {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: rgb(169, 65, 80);
|
|
|
|
text-transform: uppercase;
|
|
|
|
padding: 20px;
|
|
|
|
font: bold 13px;
|
|
|
|
margin-top: 5px;
|
|
|
|
border: 2px #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
#m_itemsScrollArea {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #36393e;
|
|
|
|
padding: 20px;
|
|
|
|
margin-top: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#m_iconLabel {
|
|
|
|
color: #ffffff;
|
|
|
|
width: 20px;
|
|
|
|
height:10px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
#partitionLabel {
|
|
|
|
color: #fff;
|
|
|
|
background-color: #313338;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
#m_previewAfterLabel {
|
|
|
|
color: #fff;
|
|
|
|
padding:10px;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
#m_previewBeforeLabel {
|
|
|
|
color: #fff;
|
|
|
|
padding:10px;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#partitionBarView {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #33363a;
|
|
|
|
}
|
|
|
|
|
|
|
|
#partitionLabel {
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
|
|
|
|
#bootInfoLabel {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: rgb(169, 65, 80);
|
|
|
|
}
|
|
|
|
|
|
|
|
#deviceInfoLabel {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: rgb(169, 65, 80);
|
|
|
|
}
|
|
|
|
|
|
|
|
QPushButton:hover {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #272727;
|
|
|
|
padding:10px;
|
|
|
|
text-transform: uppercase;
|
|
|
|
border: 1px solid;
|
|
|
|
}
|
|
|
|
|
|
|
|
QPushButton {
|
|
|
|
margin:5px;
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #33363a;
|
|
|
|
padding:10px;
|
|
|
|
text-transform: uppercase;
|
|
|
|
border: 1px solid;
|
|
|
|
}
|
|
|
|
|
2021-01-05 22:06:00 +00:00
|
|
|
#backgroundWidget
|
|
|
|
{background-color: #313338;
|
|
|
|
}
|
2021-01-05 20:37:44 +00:00
|
|
|
|
|
|
|
|
|
|
|
#debugButton {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: rgb(169, 65, 80);
|
|
|
|
}
|
|
|
|
|