open-edge-platform · anujm1 · Apr 25, 2025 · Apr 24, 2025 · Apr 25, 2025
@@ -15,17 +15,15 @@ strings:
 welcomeExpandingLogo:   false
 
 images:
-#    productLogo:         "emt-logo.png"
-#    productIcon:         "emt-logo.png"
+    productLogo:         "product.svg"
     productWelcome:      "emt-welcome.png"
 
 # The slideshow is displayed during execution steps (e.g. when the
 # installer is actually writing to disk and doing other slow things).
 slideshow:               "show.qml"
 
 style:
-   sidebarBackground:    "#292F34"
-   sidebarText:          "#FFFFFF"
-   sidebarTextSelect:    "#292F34"
-   sidebarTextHighlight: "#00A4EF"
-
+   SidebarBackground:    "#F7F7F8"
+   SidebarText:          "#2B2C30"
+   SidebarBackgroundCurrent: "#5400C0"
+   SidebarTextCurrent: "#FFFFFF"
@@ -1,7 +1,7 @@
 {
  "Signatures": {
-  "emt-welcome.png": "b1b74705e6d677b5099126e061b264942d8457a3335af608ea2588486ab9df2b",
-  "branding.desc": "f25e4f3d0061283b4a9c023db44458cd48f26330023429e4f36e867d50149baa",
+  "emt-welcome.png": "2784750b96c9bdaf5e5ac5b8c10b42c5ae3d79c3b1f1fbb2e014ee9875f18913",
+  "branding.desc": "aaa4338b2122d1de4478f5b6a8344735bb32776f01921e484eb0fee5ca28951a",
   "calamares-3.3.1.tar.gz": "c5a6dd7d2fb7dc5d8a863f37f6f64782b88f79e341f7bf8504eb98dc31f714ef",
   "calamares-auto_de.ts": "4a24d817979a83c3f08c163b05f5a4f34a992c1f798a12f3a6b50cde75a852d8",
   "calamares-auto_fr.ts": "a65dd534637607533cd725aee3151f10f56b7f606b41fbd3ceeae13d61d8a98f",
@@ -12,6 +12,9 @@
   "calamares-welcome-3.0.2.tar.gz": "031ec9dfbf7f6c11c89fe06ac8d9c33c9a0ea0e62b6832bf17e1499d24826440",
   "settings.conf": "7bb9ae6634ce40013400163435fc62166a8d0fe0849c9dd0b729662971a06f51",
   "show.qml": "f1a75a7ee5f06dece6bbed103ef7e3a9886fb574f8a060e5a690bc28435d39fc",
-  "stylesheet.qss": "9707878d63c9591fd83096d1650ada773bf5e85797fd3fbfc19555ef39ffa30a"
+  "stylesheet.qss": "da47025a9b33a740ca907806d32ccc575e8eabbe418ce89dfe646146338be9c9",
+  "arrow.svg": "dae6c503f0cc74340019c9db4a99844a895b1fa6161f01c331aaace2f5f70c55",
+  "product.svg": "57641471917d622979ad40d96c42ca9181f527691fd9b79b2b61ef1c61bee5c7",
+  "wait.png": "f260894113702d5f0737de5efc97e6f046231a64599ff0e01ad15bbc01ee00cd"
  }
 }
@@ -7,7 +7,7 @@ Summary:        Installer from a live CD/DVD/USB to disk
 # https://github.com/calamares/calamares/issues/1051
 Name:           calamares
 Version:        3.3.1
-Release:        10%{?dist}
+Release:        11%{?dist}
 License:        GPLv3+
 Vendor:         Intel Corporation
 Distribution:   Edge Microvisor Toolkit
@@ -41,6 +41,9 @@ Source42:       calamares-auto_de.ts
 Source43:       calamares-auto_it.ts
 Source52:       emt-welcome.png
 #Source53:       emt-eula
+Source54:        arrow.svg
+Source55:        product.svg
+Source56:        wait.png
 # adjust some default settings (default shipped .conf files)
 Patch0:         Azure-Linux-Calamares-Conf-Patch-3.3.1.patch
 #Patch3:         round-to-full-disk-size.patch
@@ -54,6 +57,7 @@ Patch4:         serialize-read-access.patch
 Patch6:          modules-set-OS-to-EdgeMicrovisorToolkit.patch
 Patch7:          reword-welcome-screen.patch
 Patch8:          change-completion-from-second-to-minute.patch
+Patch9:          ui_redesign.patch
 # Compilation tools
 BuildRequires:  cmake
 BuildRequires:  extra-cmake-modules
@@ -142,6 +146,7 @@ done
 
 # Apply custom license config
 #mv %{SOURCE20} src/modules/license/license.conf
+mv %{SOURCE56} data/images/wait.png
 
 %patch -P 0 -p1
 #%patch3 -p1
@@ -150,6 +155,7 @@ done
 %patch -P 6 -p1
 %patch -P 7 -p1
 %patch -P 8 -p1
+%patch -P 9 -p1
 
 %build
 %cmake_kf \
@@ -174,6 +180,8 @@ install -p -m 644 %{SOURCE22} %{buildroot}%{_datadir}/calamares/branding/EdgeMic
 install -p -m 644 %{SOURCE23} %{buildroot}%{_datadir}/calamares/branding/EdgeMicrovisorToolkit/branding.desc
 install -p -m 644 %{SOURCE25} %{buildroot}%{_datadir}/calamares/branding/EdgeMicrovisorToolkit/stylesheet.qss
 install -p -m 644 %{SOURCE52} %{buildroot}%{_datadir}/calamares/branding/EdgeMicrovisorToolkit/emt-welcome.png
+install -p -m 644 %{SOURCE54} %{buildroot}%{_datadir}/calamares/branding/EdgeMicrovisorToolkit/arrow.svg
+install -p -m 644 %{SOURCE55} %{buildroot}%{_datadir}/calamares/branding/EdgeMicrovisorToolkit/product.svg
 
 mkdir -p %{buildroot}%{_sysconfdir}/calamares
 
@@ -194,6 +202,8 @@ install -p -m 644 %{SOURCE21} %{buildroot}%{_sysconfdir}/calamares/settings.conf
 %{_bindir}/calamares
 %{_datadir}/applications/calamares.desktop
 %{_datadir}/calamares/branding/EdgeMicrovisorToolkit/emt-welcome.png
+%{_datadir}/calamares/branding/EdgeMicrovisorToolkit/arrow.svg
+%{_datadir}/calamares/branding/EdgeMicrovisorToolkit/product.svg
 %{_datadir}/calamares/branding/EdgeMicrovisorToolkit/branding.desc
 %{_datadir}/calamares/branding/EdgeMicrovisorToolkit/lang/
 %{_datadir}/calamares/branding/EdgeMicrovisorToolkit/show.qml
@@ -223,19 +233,22 @@ install -p -m 644 %{SOURCE21} %{buildroot}%{_sysconfdir}/calamares/settings.conf
 %{_libdir}/libcalamaresui.so
 
 %changelog
+* Wed April 25 2025 Samuel Taripin <samuel.taripin@intel.com> - 3.3.1-11
+- UI redesign.
+
 * Wed Mar 26 2025 Samuel Taripin <samuel.taripin@intel.com> - 3.3.1-10
 - change completion time format from seconds to minutes.
 
-* Thu Mar 13 2024 Lee Chee Yang <chee.yang.lee@intel.com> - 3.3.1-9
+* Thu Mar 13 2025 Lee Chee Yang <chee.yang.lee@intel.com> - 3.3.1-9
 - remove logo, update welcome picture and text.
 
-* Wed Mar 12 2024 Lee Chee Yang <chee.yang.lee@intel.com> - 3.3.1-8
+* Wed Mar 12 2025 Lee Chee Yang <chee.yang.lee@intel.com> - 3.3.1-8
 - update welcome image
 
-* Tue Mar 4 2024 Lee Chee Yang <chee.yang.lee@intel.com> - 3.3.1-7
+* Tue Mar 4 2025 Lee Chee Yang <chee.yang.lee@intel.com> - 3.3.1-7
 - remove EULA and custom license for ISO installer.
 
-* Thu Feb 13 2024 Lee Chee Yang <chee.yang.lee@intel.com> - 3.3.1-6
+* Thu Feb 13 2025 Lee Chee Yang <chee.yang.lee@intel.com> - 3.3.1-6
 - Update installer to match Edge Microvisor Toolkit.
 
 * Wed Mar 20 2024 Sam Meluch <sammeluch@microsfot.com> - 3.3.1-5

@@ -1,6 +1,131 @@
+QWidget {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    font-size: 14px;
+    background-color: #FFFFFF;
+    text-align: left;
+
+}
+
+QString {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    font-size: 14px;
+    background-color: #2B2C30;
+    text-align: left;
+}
+
+QLineEdit {
+    border: 0.5px solid #2B2C30;
+    border-radius: 0px;
+    padding: 2px 24px 2px 6px;
+    background-color: white;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    font-size: 14px;
+}
+
+QComboBox {
+    border: 0.5px solid #2B2C30;
+    border-radius: 0px;
+    padding: 2px 24px 2px 6px;
+    background-color: white;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    font-size: 14px;
+}
+
+QComboBox:editable {
+    background: white;
+}
+
+QComboBox:!editable, QComboBox::drop-down:editable {
+    background: white;
+}
+
+QComboBox:!editable:on, QComboBox::drop-down:editable:on {
+    background: #FFFFFF;
+}
+
+QComboBox:on {
+    padding-top: 3px;
+    padding-left: 6px;
+}
+
+QComboBox::drop-down {
+    subcontrol-origin: padding;
+    subcontrol-position: top right;
+    width: 24px;
+    border: none;
+    background: white;
+}
+
+QComboBox::down-arrow {
+    image: url(/etc/calamares/branding/EdgeMicrovisorToolkit/arrow.svg);
+    width: 24px;
+    height: 24px;
+    margin-right: 6px;
+}
+
+QComboBox::down-arrow:on {
+    top: 0px;
+    left: 0px;
+}
+
+QComboBox QAbstractItemView {
+    selection-color: #2B2C30;
+    background: #FFFFFF;
+    outline: 0;
+}
+
+QProgressBar {
+    border: none;
+    text-align: center;
+    background-color: #E7E7EB;
+    qproperty-textVisible: false;
+}
+
+QProgressBar::chunk {
+    background-color: #09857C;
+}
+
+QListView {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    font-size: 14px;
+    background-color: #F1F1F3;
+    text-align: left;
+}
+
 QMessageBox, QDialog {
-  background-color: ghostwhite;
+  background-color: #FFFFFF; /* white background */
+  border-width: 3px;
+  border-style: outset;
+  border-color: #5e5f61; /* Light gray border */
+  border-radius: 0px; /* Rounded corners */
+  padding: 10px; /* Add some padding for spacing */
+}
+
+QPushButton {
+  background-color: #FFFFFF; /* White background for buttons */
   border-width: 1px;
   border-style: solid;
-  border-color: black;
+  border-color: #008080; /* Teal border color */
+  border-radius: 0px; /* Slightly rounded corners */
+  padding: 5px 10px; /* Padding for buttons */
+  color: #008080; /* Teal text color */
+  font-weight: bold;
+}
+
+QPushButton:hover {
+  background-color: #008080; /* Teal background on hover */
+  color: #FFFFFF; /* White text on hover */
+}
+
+QPushButton:disabled {
+  background-color: #E7E7EB;
+  border-color: #E7E7EB;
+  color: #B2B3B9;
+}
+
+QLabel {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    font-size: 14px;
+    background-color: #FFFFFF;
+    text-align: left;
 }