1 files changed, 16 insertions, 18 deletions
diff --git a/raveos-calamares-module/desktopselect/ui/desktopselect.qml b/raveos-calamares-module/desktopselect/ui/desktopselect.qml
index 4fd0318..9d717a2 100644
--- a/raveos-calamares-module/desktopselect/ui/desktopselect.qml
+++ b/raveos-calamares-module/desktopselect/ui/desktopselect.qml
@@ -5,7 +5,7 @@ import "." as DesktopSelectModule
 
 Rectangle {
     id: root
-    color: "#404040"
+    color: "#1a1b1d"
 
     // Function to update language - called from C++
     function updateLanguage() {
@@ -21,8 +21,9 @@ Rectangle {
     Rectangle {
         anchors.fill: parent
         anchors.margins: 20
-        color: "#2B2B2B"
-        radius: 10
+        color: "#232427"
+        border.color: "#34363a"
+        border.width: 1
 
         ColumnLayout {
             anchors.fill: parent
@@ -34,22 +35,21 @@ Rectangle {
                 text: DesktopSelectModule.Translations.title
                 font.pixelSize: 24
                 font.bold: true
-                color: "#ffffff"
+                color: "#e8e8e6"
             }
 
             // Figyelmeztető banner
             Rectangle {
                 Layout.fillWidth: true
                 height: 50
-                color: "#1e1e1e"
-                border.color: "#e67e22"
-                border.width: 2
-                radius: 6
+                color: "#2e2a20"
+                border.color: "#d9a441"
+                border.width: 1
 
                 Text {
                     anchors.centerIn: parent
                     text: DesktopSelectModule.Translations.banner
-                    color: "#e0e0e0"
+                    color: "#f0dcb0"
                     font.pixelSize: 13
                 }
             }
@@ -67,13 +67,12 @@ Rectangle {
                     id: card
                     width: desktopList.width
                     height: 78
-                    radius: 8
 
                     property bool selectable: modelData.available !== false
 
-                    color: !selectable ? "#2a2a2a" : (backend.selectedIndex === index ? "#2a4a2a" : "#333333")
-                    border.color: !selectable ? "#444444" : (backend.selectedIndex === index ? "#5cb85c" : "#555555")
-                    border.width: 2
+                    color: !selectable ? "#1f2022" : (backend.selectedIndex === index ? "#24301f" : "#1a1b1d")
+                    border.color: !selectable ? "#34363a" : (backend.selectedIndex === index ? "#62a052" : "#44464b")
+                    border.width: backend.selectedIndex === index ? 2 : 1
 
                     RowLayout {
                         anchors.fill: parent
@@ -87,14 +86,14 @@ Rectangle {
 
                             Text {
                                 text: modelData.name || ""
-                                color: card.selectable ? "#ffffff" : "#9a9a9a"
+                                color: card.selectable ? "#e8e8e6" : "#9a9ca1"
                                 font.pixelSize: 15
                                 font.bold: true
                             }
 
                             Text {
                                 text: modelData.description || ""
-                                color: card.selectable ? "#b2b2b2" : "#8a8a8a"
+                                color: card.selectable ? "#b7b9bd" : "#7d7f84"
                                 font.pixelSize: 12
                                 width: parent.width
                                 elide: Text.ElideRight
@@ -104,14 +103,13 @@ Rectangle {
                         Rectangle {
                             width: badgeText.implicitWidth + 20
                             height: 28
-                            radius: 4
-                            color: modelData.badge_color || "#555555"
+                            color: modelData.badge_color || "#44464b"
 
                             Text {
                                 id: badgeText
                                 anchors.centerIn: parent
                                 text: modelData.badge || ""
-                                color: "#ffffff"
+                                color: "#1a1b1d"
                                 font.pixelSize: 11
                                 font.bold: true
                             }