Updates qss files for Firstboot

* Adds simple logo svg
yast · Feb 5, 2021 · 0f07143 · 0f07143
1 parent c6cc7c2
commit 0f07143
Show file tree

Hide file tree

Showing 3 changed files with 106 additions and 46 deletions.
diff --git a/theme/SLE/wizard/installation.qss b/theme/SLE/wizard/installation.qss
@@ -65,7 +65,7 @@ YQRichText > YQTextBrowser {
   selection-color: #FFFFFF;
 }
 
-QFrame { background-color: #2B2E38; color: #FFFFFF;}
+QFrame { background-color: none; color: #FFFFFF;}
 
 QLabel, YQDialog {
   color: #FFFFFF;
@@ -574,36 +574,50 @@ QComboBoxPrivateScroller
   color: #FFFFFF;
 }
 
+#wizard {
+  background: #2B2E38;
+}
+
 #steps
 {
-  font-size: 90%;
-  border: 1px solid;
-  margin-right: 0px;
-  border-top: none;
-  border-left: none;
-  border-bottom: none;
+  padding: 12px 1px 80px 12px;
+  background: url(logo.svg) no-repeat bottom, #1f222b;
 }
 
-.todo-step-status {
-   qproperty-pixmap: url(white-step-todo.png);
-   max-width: 14px;
-   min-width: 14px;
+.steps_heading {
+  font-size: 16pt;
+  font-family: Poppins, Sans-serif;
+  background-color: #1f222b;
+  color: #fff;
+  padding: 0px 0px 12px 15px
 }
 
-.done-step-status {
-   qproperty-pixmap: url(white-step-done.png);
-   max-width: 14px;
-   min-width: 14px;
+.todo-step-name {
+  background-color: #1f222b;
+  padding: 6px 12px;
+  color: #fff;
+  font-size: 14px;
+}
+.done-step-name {
+  background-color: #1f222b;
+  padding: 6px 12px;
+  color: #fff;
+  font-size: 14px;
+}
+.current-step-name {
+  background-color: #30BA78;
+  padding: 6px 12px;
+  color: #fff;
+  font-size: 14px;
 }
 
+.todo-step-status {
+  background-color: #1f222b;
+}
+.done-step-status {
+  background-color: #1f222b;
+}
 .current-step-status {
-   qproperty-pixmap: url(white-step-current.png);
-   max-width: 14px;
-   min-width: 14px;
+  background-color: #1f222b;
 }
 
-.steps_heading {
-   font-weight: bold;
-   color: white;
-   margin-bottom: 7px;
-}
diff --git a/theme/SLE/wizard/logo.svg b/theme/SLE/wizard/logo.svg
diff --git a/theme/SLE/wizard/style.qss b/theme/SLE/wizard/style.qss
@@ -1,34 +1,44 @@
-#steps 
+#steps
 {
-  font-size: 90%;
-  border: 1px solid;
-  margin-right: 0px;
-  border-top: none;
-  border-left: none;
-  border-bottom: none;
+  padding: 12px 1px 80px 12px;
+  background: url(logo.svg) no-repeat bottom, #1f222b;
 }
 
-.todo-step-status {
-   qproperty-pixmap: url(step-todo.png);
-   max-width: 14px;
-   min-width: 14px;
+.steps_heading {
+  font-size: 16pt;
+  font-family: Poppins, Sans-serif;
+  background-color: #1f222b;
+  color: #fff;
+  padding: 0px 0px 12px 15px
 }
 
-.done-step-status {
-   qproperty-pixmap: url(step-done.png);
-   max-width: 14px;
-   min-width: 14px;
+.todo-step-name {
+  background-color: #1f222b;
+  padding: 6px 12px;
+  color: #fff;
+  font-size: 14px;
 }
-
-.current-step-status {
-   qproperty-pixmap: url(step-current.png);
-   max-width: 14px;
-   min-width: 14px;
+.done-step-name {
+  background-color: #1f222b;
+  padding: 6px 12px;
+  color: #fff;
+  font-size: 14px;
+}
+.current-step-name {
+  background-color: #30BA78;
+  padding: 6px 12px;
+  color: #fff;
+  font-size: 14px;
 }
 
-.steps_heading {
-   font: bold;  
-   margin-bottom: 7px;
+.todo-step-status {
+  background-color: #1f222b;
+}
+.done-step-status {
+  background-color: #1f222b;
+}
+.current-step-status {
+  background-color: #1f222b;
 }
 
 /* #DialogIcon { max-width: 0px; margin: 0px; } */