Enhance dark theme confirmation dialogs: add blinking effect and update styles

Author: MaxITService

common-ui-elements/dark-theme.css

@@ -106,6 +106,15 @@ body.dark-theme .dialog button:hover {
     border-color: #777;
 }
 
+/* Override for confirmation dialogs in dark theme to enable blinking */
+body.dark-theme .dialog-confirmation {
+    background-color: rgba(154, 121, 211, 0.1);
+    /* Faint primary color */
+    border-color: var(--primary-color);
+    --blink-bg-color: rgba(154, 121, 211, 0.25);
+    /* Brighter faint primary color for blink */
+}
+
 /* ------------------------------------------------------------------------- */
 /* Additional Dark Theme Overrides for Miscellaneous Components                */
 /* ------------------------------------------------------------------------- */

popup-page-styles/popup-components.css

@@ -49,6 +49,13 @@ Key areas:
     }
 }
 
+@keyframes blink-background {
+    50% {
+        background-color: var(--blink-bg-color, #d9e9ff);
+        /* A slightly brighter blue for the confirmation blink */
+    }
+}
+
 /* ------------------------------------------------------------------------- */
 /* Console Styling                                                           */
 /* ------------------------------------------------------------------------- */
@@ -174,6 +181,8 @@ Key areas:
 .dialog-confirmation {
     border-color: var(--primary-color);
     background-color: #f0f8ff;
+    --blink-bg-color: #d9e9ff;
+    animation: blink-background 1.5s ease-in-out infinite;
 }
 
 .dialog-confirmation p {