Change color gallery

assets/css/gallery.css

@@ -1,3 +1,11 @@
+:root{
+--maincolor: red;
+--bordercl:rebeccapurple;
+--callouctcolor:dodgerblue;
+--hovercolor:navy;
+--darkMaincolor: #50fa7b;
+}
+
 /* Image Gallery Styles */
 .image-gallery {
     position: relative;
@@ -40,7 +48,7 @@
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
-    color: white;
+    color: var(--darkMaincolor);
     font-size: 24px;
     font-weight: bold;
     padding: 16px;
@@ -85,7 +93,7 @@
 }
 
 .dot.active {
-    background-color: #bbb;
+    background-color: var(--darkMaincolor);
 }
 
 .slide-caption {