Enhance UI: Implement frameless windows for dialogs and update styles for confirmation dialogs

Author: duartebarbosadev

src/ui/dark_theme.qss

@@ -9,6 +9,14 @@ QWidget {
     border: none; /* Remove default borders globally */
 }
 
+/* Generic Dialog Fallback (frameless windows need a soft border) */
+QDialog {
+    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
+        stop: 0 #2D2D2D, stop: 1 #272727);
+    border: 1px solid #444A50; /* Subtle neutral border for all dialogs */
+    border-radius: 10px;
+}
+
 QMainWindow {
     background-color: #202020; /* Darkest background for the window frame */
 }
@@ -1232,6 +1240,82 @@ QDialog#lossyRotationDialog {
     border-radius: 8px;
 }
 
+/* --- Delete Confirmation Dialog (custom QDialog) --- */
+QDialog#deleteConfirmationDialog {
+    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
+        stop: 0 #2D2D2D, stop: 1 #272727);
+    border: 2px solid #DC3545; /* Danger accent */
+    border-radius: 12px;
+}
+
+QDialog#deleteConfirmationDialog QLabel#deleteDialogTitle {
+    color: #FF7A86;
+    font-weight: bold;
+}
+
+QDialog#deleteConfirmationDialog QLabel#deleteDialogInfo {
+    color: #C8C8C8;
+}
+
+QDialog#deleteConfirmationDialog QPushButton#deleteDialogCancelButton {
+    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
+        stop: 0 #383838, stop: 1 #303030);
+    color: #E0E0E0;
+    border: 1px solid #484848;
+    border-radius: 6px;
+}
+
+QDialog#deleteConfirmationDialog QPushButton#deleteDialogCancelButton:hover {
+    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
+        stop: 0 #454545, stop: 1 #3C3C3C);
+    color: #FFFFFF;
+}
+
+QDialog#deleteConfirmationDialog QPushButton#deleteDialogConfirmButton {
+    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
+        stop: 0 #DC3545, stop: 1 #B02A37);
+    color: #FFFFFF;
+    border: 1px solid #B02A37;
+    font-weight: bold;
+    border-radius: 6px;
+}
+
+QDialog#deleteConfirmationDialog QPushButton#deleteDialogConfirmButton:hover {
+    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
+        stop: 0 #E85362, stop: 1 #C73E4A);
+}
+
+/* --- Close Confirmation Dialog (custom QDialog) --- */
+QDialog#closeConfirmationDialog {
+    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
+        stop: 0 #2D2D2D, stop: 1 #272727);
+    border: 2px solid #0084FF; /* Primary accent */
+    border-radius: 12px;
+}
+
+QDialog#closeConfirmationDialog QLabel#closeDialogTitle {
+    color: #0084FF;
+    font-weight: bold;
+}
+
+QDialog#closeConfirmationDialog QPushButton#closeDialogCancelButton,
+QDialog#closeConfirmationDialog QPushButton#closeDialogIgnoreButton {
+    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
+        stop: 0 #383838, stop: 1 #303030);
+    color: #E0E0E0;
+    border: 1px solid #484848;
+    border-radius: 6px;
+}
+
+QDialog#closeConfirmationDialog QPushButton#closeDialogCommitButton {
+    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
+        stop: 0 #0084FF, stop: 1 #0066CC);
+    color: #FFFFFF;
+    border: 1px solid #005A9E;
+    border-radius: 6px;
+    font-weight: bold;
+}
+
 QLabel#lossyRotationMessageLabel {
     color: #E5E5E5;
     font-size: 11pt;
@@ -1308,14 +1392,14 @@ QPushButton#lossyRotationProceedButton:pressed {
     background-color: #E67A35;
 }
 
-/* --- Confirm Delete Dialog (QMessageBox) --- */
+/* --- Default Message Boxes --- */
 QMessageBox {
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
         stop: 0 #2D2D2D, stop: 1 #272727);
     color: #E0E0E0;
     font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
     font-size: 9pt;
-    border: 2px solid #DC3545;
+    border: 2px solid #666C72; /* Neutral border for all QMessageBoxes */
     border-radius: 12px;
 }
 

src/ui/dialog_manager.py

@@ -313,6 +313,8 @@ def show_lossy_rotation_confirmation_dialog(
         dialog.setObjectName("lossyRotationDialog")
         dialog.setModal(True)
         dialog.setFixedSize(480, 200)
+        # Frameless window for fancy UI
+        dialog.setWindowFlags(dialog.windowFlags() | Qt.WindowType.FramelessWindowHint)
 
         layout = QVBoxLayout(dialog)
         layout.setSpacing(20)
@@ -373,6 +375,8 @@ def show_cache_management_dialog(self):
         dialog = QDialog(self.parent)
         dialog.setWindowTitle("Cache Management")
         dialog.setObjectName("cacheManagementDialog")
+        # Frameless window for fancy UI
+        dialog.setWindowFlags(dialog.windowFlags() | Qt.WindowType.FramelessWindowHint)
         main_layout = QVBoxLayout(dialog)
         main_layout.setSpacing(15)
 
@@ -553,6 +557,8 @@ def _show_delete_confirmation_dialog(
         dialog.setObjectName("deleteConfirmationDialog")
         dialog.setModal(True)
         dialog.setMinimumSize(600, 450)
+        # Frameless window for fancy UI
+        dialog.setWindowFlags(dialog.windowFlags() | Qt.WindowType.FramelessWindowHint)
 
         layout = QVBoxLayout(dialog)
         layout.setContentsMargins(15, 15, 15, 15)
@@ -703,7 +709,19 @@ def show_potential_cache_overflow_warning(
             "Consider increasing the 'Preview Image Cache' size in "
             "Settings > Manage Cache for a smoother experience, or select a smaller folder."
         )
-        QMessageBox.warning(self.parent, "Potential Cache Overflow", warning_msg)
+
+        # Replace static call with an instance to apply frameless styling
+        warn_box = QMessageBox(self.parent)
+        warn_box.setIcon(QMessageBox.Icon.Warning)
+        warn_box.setWindowTitle("Potential Cache Overflow")
+        warn_box.setText(warning_msg)
+        warn_box.setStandardButtons(QMessageBox.StandardButton.Ok)
+        warn_box.setDefaultButton(QMessageBox.StandardButton.Ok)
+        # Frameless window for fancy UI
+        warn_box.setWindowFlags(
+            warn_box.windowFlags() | Qt.WindowType.FramelessWindowHint
+        )
+        warn_box.exec()
         logger.info("Closed potential cache overflow warning dialog")
 
     def show_commit_deletions_dialog(self, marked_files: List[str]) -> bool:
@@ -801,6 +819,8 @@ def progress_callback(processed: int, total: int):
         dialog.setObjectName("closeConfirmationDialog")
         dialog.setModal(True)
         dialog.setMinimumSize(500, 300)
+        # Frameless window for fancy UI
+        dialog.setWindowFlags(dialog.windowFlags() | Qt.WindowType.FramelessWindowHint)
 
         layout = QVBoxLayout(dialog)
         layout.setContentsMargins(20, 20, 20, 20)
@@ -924,6 +944,8 @@ def show_model_not_found_dialog(self, model_path: str):
         dialog = QMessageBox(self.parent)
         dialog.setWindowTitle("Rotation Model Not Found")
         dialog.setIcon(QMessageBox.Icon.Warning)
+        # Frameless window for fancy UI
+        dialog.setWindowFlags(dialog.windowFlags() | Qt.WindowType.FramelessWindowHint)
 
         text = (
             f"The automatic rotation feature requires a model file that was not found at:\n"