From 7bfb1af180f2db8728246957c67e4c2eaa721069 Mon Sep 17 00:00:00 2001
From: Penar Musaraj <pmusaraj@gmail.com>
Date: Wed, 10 Jan 2024 14:07:49 -0500
Subject: [PATCH] A11Y: Better contrast for lightbox overlay links (#25208)

---
 app/assets/stylesheets/common/base/magnific-popup.scss | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/common/base/magnific-popup.scss b/app/assets/stylesheets/common/base/magnific-popup.scss
index 57adf03611c..f84686ed600 100644
--- a/app/assets/stylesheets/common/base/magnific-popup.scss
+++ b/app/assets/stylesheets/common/base/magnific-popup.scss
@@ -29,7 +29,7 @@
 
 @use "sass:math";
 
-$overlay-color: #0b0b0b !default;
+$overlay-color: #000000 !default;
 $overlay-opacity: 0.8 !default;
 $shadow: 0 0 8px rgba(0, 0, 0, 0.6) !default; // shadow on image or iframe
 $popup-padding-left: 8px !default; // Padding from left and from right side
@@ -79,7 +79,7 @@ $use-visuallyhidden: false !default; // Hide content from browsers, but make it
   position: fixed;
 
   background: $overlay-color;
-  opacity: $overlay-opacity;
+  animation: fade 0.3s alternate;
 }
 
 // Wrapper for popup
@@ -486,6 +486,10 @@ button {
     a.image-source-link .d-icon {
       padding-right: 5px;
     }
+
+    a {
+      color: var(--tertiary-medium);
+    }
   }
 
   .mfp-ready {
@@ -617,7 +621,7 @@ button {
       @include transform(scale(1));
     }
     &.mfp-bg {
-      opacity: 0.8;
+      opacity: 0.7;
     }
   }