From b45385f94379ab5623868d30870844a8c4aee809 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Tue, 13 Jan 2026 08:49:51 -0800
Subject: [PATCH] improve aesthetics with dark mode

---
 ui/assets/icons/mono/basic/menu-rec.svg |  4 +-
 ui/assets/icons/mono/basic/plus.svg     |  2 +-
 ui/src/MainWindow.cpp                   | 57 +++++++++++++++++++++++--
 3 files changed, 57 insertions(+), 6 deletions(-)

diff --git a/ui/assets/icons/mono/basic/menu-rec.svg b/ui/assets/icons/mono/basic/menu-rec.svg
index b147bd8..dc6ef63 100644
--- a/ui/assets/icons/mono/basic/menu-rec.svg
+++ b/ui/assets/icons/mono/basic/menu-rec.svg
@@ -1,4 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.32" d="M10.85 1.25C7.48969 1.25 5.80953 1.25 4.52606 1.90396C3.39709 2.4792 2.4792 3.39708 1.90396 4.52606C1.25 5.80953 1.25 7.48968 1.25 10.85L1.25 13.15C1.25 16.5103 1.25 18.1905 1.90396 19.4739C2.4792 20.6029 3.39708 21.5208 4.52606 22.096C5.80953 22.75 7.48969 22.75 10.85 22.75H13.15C16.5103 22.75 18.1905 22.75 19.4739 22.096C20.6029 21.5208 21.5208 20.6029 22.096 19.4739C22.75 18.1905 22.75 16.5103 22.75 13.15V10.85C22.75 7.48969 22.75 5.80953 22.096 4.52606C21.5208 3.39709 20.6029 2.4792 19.4739 1.90396C18.1905 1.25 16.5103 1.25 13.15 1.25L10.85 1.25Z" fill="#2F384C"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6.25 8C6.25 7.58579 6.58579 7.25 7 7.25H17C17.4142 7.25 17.75 7.58579 17.75 8C17.75 8.41421 17.4142 8.75 17 8.75H7C6.58579 8.75 6.25 8.41421 6.25 8ZM6.25 12C6.25 11.5858 6.58579 11.25 7 11.25H17C17.4142 11.25 17.75 11.5858 17.75 12C17.75 12.4142 17.4142 12.75 17 12.75H7C6.58579 12.75 6.25 12.4142 6.25 12ZM6.25 16C6.25 15.5858 6.58579 15.25 7 15.25H17C17.4142 15.25 17.75 15.5858 17.75 16C17.75 16.4142 17.4142 16.75 17 16.75H7C6.58579 16.75 6.25 16.4142 6.25 16Z" fill="#2F384C"/>
+<path opacity="0.32" d="M10.85 1.25C7.48969 1.25 5.80953 1.25 4.52606 1.90396C3.39709 2.4792 2.4792 3.39708 1.90396 4.52606C1.25 5.80953 1.25 7.48968 1.25 10.85L1.25 13.15C1.25 16.5103 1.25 18.1905 1.90396 19.4739C2.4792 20.6029 3.39708 21.5208 4.52606 22.096C5.80953 22.75 7.48969 22.75 10.85 22.75H13.15C16.5103 22.75 18.1905 22.75 19.4739 22.096C20.6029 21.5208 21.5208 20.6029 22.096 19.4739C22.75 18.1905 22.75 16.5103 22.75 13.15V10.85C22.75 7.48969 22.75 5.80953 22.096 4.52606C21.5208 3.39709 20.6029 2.4792 19.4739 1.90396C18.1905 1.25 16.5103 1.25 13.15 1.25L10.85 1.25Z" fill="#FFFFFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.25 8C6.25 7.58579 6.58579 7.25 7 7.25H17C17.4142 7.25 17.75 7.58579 17.75 8C17.75 8.41421 17.4142 8.75 17 8.75H7C6.58579 8.75 6.25 8.41421 6.25 8ZM6.25 12C6.25 11.5858 6.58579 11.25 7 11.25H17C17.4142 11.25 17.75 11.5858 17.75 12C17.75 12.4142 17.4142 12.75 17 12.75H7C6.58579 12.75 6.25 12.4142 6.25 12ZM6.25 16C6.25 15.5858 6.58579 15.25 7 15.25H17C17.4142 15.25 17.75 15.5858 17.75 16C17.75 16.4142 17.4142 16.75 17 16.75H7C6.58579 16.75 6.25 16.4142 6.25 16Z" fill="#FFFFFF"/>
 </svg>
diff --git a/ui/assets/icons/mono/basic/plus.svg b/ui/assets/icons/mono/basic/plus.svg
index 56e4fc7..088e202 100644
--- a/ui/assets/icons/mono/basic/plus.svg
+++ b/ui/assets/icons/mono/basic/plus.svg
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5 12H12M19 12H12M12 12V5M12 12V19" stroke="#2F384C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 12H12M19 12H12M12 12V5M12 12V19" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/ui/src/MainWindow.cpp b/ui/src/MainWindow.cpp
index 9bb03f8..fc55f0c 100644
--- a/ui/src/MainWindow.cpp
+++ b/ui/src/MainWindow.cpp
@@ -17,12 +17,35 @@ MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent)
     this->setAttribute(Qt::WA_TranslucentBackground, true);
     this->setAttribute(Qt::WA_AcceptTouchEvents, true);
     this->setWindowFlags(Qt::FramelessWindowHint | Qt::WindowStaysOnTopHint);
-    this->setFixedSize(QSize(150, 150));
+    this->resize(QSize(150, 175));
 
     QWidget *centralWidget = new QWidget(this);
-    QVBoxLayout *layout = new QVBoxLayout(centralWidget);
+    centralWidget->setObjectName("glass");
+    centralWidget->setStyleSheet(R"(
+        #glass {
+            background: rgba(25, 25, 25, 0.5);
+            border: none;
+            border-radius: 0px;
+        }
+        QLabel {
+            color: rgba(255, 255, 255, 0.9);
+        }
+        QToolButton {
+            background: transparent;
+            border: none;
+            border-radius: 4px;
+            padding: 4px;
+        }
+        QToolButton:hover {
+            background: rgba(255, 255, 255, 0.1);
+        }
+    )");
 
-    QHBoxLayout *headerLayout = new QHBoxLayout(centralWidget);
+    QVBoxLayout *layout = new QVBoxLayout(centralWidget);
+    layout->setContentsMargins(0, 0, 0, 0);
+    layout->setSpacing(0);
+
+    QHBoxLayout *headerLayout = new QHBoxLayout();
     m_handleBar = new QSvgWidget(QStringLiteral(":/assets/icons/mono/basic/menu-rec.svg"), centralWidget);
     m_handleBar->setFixedSize(QSize(20, 20));
     m_handleBar->setCursor(Qt::OpenHandCursor);
@@ -37,8 +60,36 @@ MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent)
 
     QListWidget *listWidget = new QListWidget(centralWidget);
     listWidget->addItems(QStringList{"echo-1", "beta-2", "dustin-anson", "priority-pickle"});
+    listWidget->setStyleSheet(R"(
+        QListWidget {
+            background: transparent;
+            border: none;
+            color: white;
+            font-size: 14px;
+            outline: none;
+        }
+        QListWidget::item {
+            padding: 2px;
+            border-radius: 0px;
+            margin: 2px 0px;
+        }
+        QListWidget::item:hover {
+            background: rgba(255, 255, 255, 0.1);
+        }
+        QListWidget::item:selected {
+            background: rgba(255, 255, 255, 0.15);
+        }
+    )");
+    listWidget->viewport()->setStyleSheet("background: transparent;");
 
     layout->addLayout(headerLayout);
+
+    QFrame *separator = new QFrame(centralWidget);
+    separator->setStyleSheet("background-color: rgba(255, 255, 255, 0.1);");
+    separator->setFrameShape(QFrame::HLine);
+    separator->setFixedHeight(1);
+    layout->addWidget(separator);
+
     layout->addWidget(listWidget);
 
     const QScreen *screen = QGuiApplication::primaryScreen();