Fix color dependencies

src/styles/_lightbox.scss

@@ -1,6 +1,7 @@
 @use "common";
 @use "fa/variables";
 @use "fa";
+@use "color";
 
 @use "lightbox/lightbox";
 
@@ -97,7 +98,7 @@
 	.lb-outerContainer {
 		margin: 0;
 		border-radius:0;
-		background-color: rgba(255, 255, 255, 0.5);
+		background-color: color.$default-bg-trans;
 		
 		.lb-container {
 			overflow: hidden;
@@ -151,9 +152,9 @@
 				}
 
 				a.lb-prev, a.lb-next {
-					color: white;
+					color: color.$over-img;
 					text-decoration: none;
-					text-shadow: 0px 1px 1px rgba(0,0,0,0.8);
+					text-shadow: 0px 1px 1px color.$over-img-shadow;
 					width: 150px;
 					height: 150px;
 					position: absolute;
@@ -212,7 +213,7 @@
 				height: auto;
 				font-size: 1.3333333333em;
 				line-height: 1em;
-				color: white;
+				color: color.$over-img;
 			}
 		}
 	}
@@ -220,7 +221,7 @@
 	.lb-cancel {
 		@include lightbox-icon(cancel);
 		@extend .flicker;
-		color: #CCC;
+		color: color.$default-inv;
 		text-decoration: none;
 	}
 }