From 7e7b7b019214a4f38f9d89a0f144b1c0d2332d42 Mon Sep 17 00:00:00 2001
From: quadbyte <studio@quadbyte.net>
Date: Fri, 15 Aug 2025 17:32:57 -0400
Subject: [PATCH] Borders should never used mSurfaceS colors

---
 Modules/Bar/WiFiMenu.qml                          | 2 +-
 Modules/Calendar/Calendar.qml                     | 2 +-
 Modules/Notification/NotificationHistoryPanel.qml | 6 +++---
 Modules/SidePanel/Cards/MediaCard.qml             | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/Modules/Bar/WiFiMenu.qml b/Modules/Bar/WiFiMenu.qml
index 58754f3..9163c4e 100644
--- a/Modules/Bar/WiFiMenu.qml
+++ b/Modules/Bar/WiFiMenu.qml
@@ -87,7 +87,7 @@ NLoader {
         id: wifiMenuRect
         color: Colors.mSurface
         radius: Style.radiusMedium * scaling
-        border.color: Colors.mSurfaceVariant
+        border.color: Colors.mOutline
         border.width: Math.max(1, Style.borderMedium * scaling)
         width: 340 * scaling
         height: 320 * scaling
diff --git a/Modules/Calendar/Calendar.qml b/Modules/Calendar/Calendar.qml
index d433718..a51b8d3 100644
--- a/Modules/Calendar/Calendar.qml
+++ b/Modules/Calendar/Calendar.qml
@@ -63,7 +63,7 @@ NLoader {
         id: calendarRect
         color: Colors.mSurface
         radius: Style.radiusMedium * scaling
-        border.color: Colors.mSurfaceVariant
+        border.color: Colors.mOutline
         border.width: Math.max(1, Style.borderMedium * scaling)
         width: 340 * scaling
         height: 320 * scaling // Reduced height to eliminate bottom space
diff --git a/Modules/Notification/NotificationHistoryPanel.qml b/Modules/Notification/NotificationHistoryPanel.qml
index da0c95c..65ecf6e 100644
--- a/Modules/Notification/NotificationHistoryPanel.qml
+++ b/Modules/Notification/NotificationHistoryPanel.qml
@@ -65,9 +65,9 @@ NLoader {
 
       Rectangle {
         id: notificationRect
-        color: Colors.mSurface
+        color: Colors.mSurfaceVariant
         radius: Style.radiusMedium * scaling
-        border.color: Colors.mSurfaceVariant
+        border.color: Colors.mOutlineVariant
         border.width: Math.max(1, Style.borderMedium * scaling)
         width: 400 * scaling
         height: 500 * scaling
@@ -159,7 +159,7 @@ NLoader {
               width: notificationList ? (notificationList.width - 20) : 380 * scaling
               height: Math.max(80, notificationContent.height + 30)
               radius: Style.radiusMedium * scaling
-              color: notificationMouseArea.containsMouse ? Colors.mPrimary : "transparent"
+              color: notificationMouseArea.containsMouse ? Colors.mPrimary : Colors.mSurface
 
               RowLayout {
                 anchors {
diff --git a/Modules/SidePanel/Cards/MediaCard.qml b/Modules/SidePanel/Cards/MediaCard.qml
index f2bd12e..43b1594 100644
--- a/Modules/SidePanel/Cards/MediaCard.qml
+++ b/Modules/SidePanel/Cards/MediaCard.qml
@@ -265,7 +265,7 @@ NBox {
           height: 16 * scaling
           radius: width * 0.5
           color: Colors.mPrimary
-          border.color: Colors.mSurface
+          border.color: Colors.mOutline
           border.width: Math.max(1 * Style.borderMedium * scaling)
           x: Math.max(0, Math.min(parent.width - width, progressFill.width - width / 2))
           anchors.verticalCenter: parent.verticalCenter