feat: wire detector verification UI, about page, and auto theme

Author: Sopwit

src/main.cpp

@@ -1,49 +1,45 @@
-#include <QApplication>\n#include <QQmlApplicationEngine>\n#include <QQmlContext>\n#include <QIcon>
+#include <QApplication>
+#include <QIcon>
+#include <QQmlApplicationEngine>
+#include <QQmlContext>
 
 #include "backend/nvidia/detector.h"
 #include "backend/nvidia/installer.h"
 #include "backend/nvidia/updater.h"
 
-int main(int argc, char *argv[])
-{
-    // QApplication: Widgets backend (pencere, sistem tray vb.) için gerekli
-    QApplication app(argc, argv);
-
-    // Uygulama meta bilgileri — Q_PROPERTY ve sistem entegrasyonunda kullanılır
-    app.setApplicationName("ro-control");
-    app.setApplicationDisplayName("ro-Control");
-    app.setApplicationVersion("0.1.0");
-    app.setOrganizationName("Acik-Kaynak-Gelistirme-Toplulugu");
-    app.setOrganizationDomain("github.com/Acik-Kaynak-Gelistirme-Toplulugu");
-    app.setWindowIcon(QIcon::fromTheme("ro-control"));
-
-    // Backend nesneleri
-    NvidiaDetector detector;
-    NvidiaInstaller installer;
-    NvidiaUpdater updater;
-
-    // QML motorunu başlat
-    QQmlApplicationEngine engine;
-
-    // Backend'i QML'e aç
-    engine.rootContext()->setContextProperty("nvidiaDetector", &detector);
-    engine.rootContext()->setContextProperty("nvidiaInstaller", &installer);
-    engine.rootContext()->setContextProperty("nvidiaUpdater", &updater);
-
-    // Ana QML dosyasını yükle
-    using namespace Qt::StringLiterals;
-    const QUrl url(u"qrc:/rocontrol/src/qml/Main.qml"_s);
-
-    // QML yüklenemezse uygulamayı kapat
-    QObject::connect(
-        &engine,
-        &QQmlApplicationEngine::objectCreationFailed,
-        &app,
-        []() { QCoreApplication::exit(-1); },
-        Qt::QueuedConnection
-    );
-
-    engine.load(url);
-
-    return app.exec();
+int main(int argc, char *argv[]) {
+  // QApplication: Widgets backend (pencere, sistem tray vb.) için gerekli
+  QApplication app(argc, argv);
+
+  // Uygulama meta bilgileri — Q_PROPERTY ve sistem entegrasyonunda kullanılır
+  app.setApplicationName("ro-control");
+  app.setApplicationDisplayName("ro-Control");
+  app.setApplicationVersion("0.1.0");
+  app.setOrganizationName("Acik-Kaynak-Gelistirme-Toplulugu");
+  app.setOrganizationDomain("github.com/Acik-Kaynak-Gelistirme-Toplulugu");
+  app.setWindowIcon(QIcon::fromTheme("ro-control"));
+
+  NvidiaDetector detector;
+  NvidiaInstaller installer;
+  NvidiaUpdater updater;
+
+  // QML motorunu başlat
+  QQmlApplicationEngine engine;
+
+  engine.rootContext()->setContextProperty("nvidiaDetector", &detector);
+  engine.rootContext()->setContextProperty("nvidiaInstaller", &installer);
+  engine.rootContext()->setContextProperty("nvidiaUpdater", &updater);
+
+  // Ana QML dosyasını yükle
+  using namespace Qt::StringLiterals;
+  const QUrl url(u"qrc:/rocontrol/src/qml/Main.qml"_s);
+
+  // QML yüklenemezse uygulamayı kapat
+  QObject::connect(
+      &engine, &QQmlApplicationEngine::objectCreationFailed, &app,
+      []() { QCoreApplication::exit(-1); }, Qt::QueuedConnection);
+
+  engine.load(url);
+
+  return app.exec();
 }

src/qml/Main.qml

@@ -5,30 +5,70 @@ import QtQuick.Layouts
 ApplicationWindow {
     id: root
     visible: true
-    width: 1000
-    height: 650
-    minimumWidth: 800
-    minimumHeight: 500
+    width: 980
+    height: 640
     title: "ro-Control"
-    color: "#11111b"
 
-    Row {
+    readonly property bool darkMode: Qt.styleHints.colorScheme === Qt.Dark
+    color: darkMode ? "#141822" : "#f3f5fa"
+
+    ColumnLayout {
         anchors.fill: parent
+        spacing: 0
+
+        ToolBar {
+            Layout.fillWidth: true
+            background: Rectangle {
+                color: root.darkMode ? "#1b2130" : "#ffffff"
+            }
+
+            RowLayout {
+                anchors.fill: parent
+                anchors.margins: 8
+
+                Label {
+                    text: "ro-Control"
+                    font.pixelSize: 20
+                    font.bold: true
+                    color: root.darkMode ? "#e9eefc" : "#101520"
+                }
+
+                Item {
+                    Layout.fillWidth: true
+                }
+
+                Label {
+                    text: root.darkMode ? "Tema: Sistem (Koyu)" : "Tema: Sistem (Acik)"
+                    color: root.darkMode ? "#c9d1e8" : "#2b364b"
+                }
+            }
+        }
+
+        TabBar {
+            id: tabs
+            Layout.fillWidth: true
 
-        SidebarMenu {
-            id: sidebar
-            height: parent.height
+            TabButton {
+                text: "Surucu"
+            }
+            TabButton {
+                text: "Izleme"
+            }
+            TabButton {
+                text: "Ayarlar"
+            }
         }
 
         StackLayout {
-            id: stack
-            width: parent.width - sidebar.width
-            height: parent.height
-            currentIndex: sidebar.currentIndex
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+            currentIndex: tabs.currentIndex
 
             DriverPage {}
             MonitorPage {}
-            SettingsPage {}
+            SettingsPage {
+                darkMode: root.darkMode
+            }
         }
     }
 }