Revert accent color to CSS variable

src/Fancybox/plugins/Thumbs/Thumbs.scss

@@ -38,7 +38,11 @@
         left: 0;
         right: 0;
         bottom: 0;
-        border: 5px solid $fancybox-accent-color;
+
+        border-width: $fancybox-thumbs-selected-border-width;
+        border-style: solid;
+        border-color: $fancybox-thumbs-selected-border-color;
+
         opacity: 0;
         transition: opacity 0.15s ease;
 

src/Fancybox/scss/_variables.scss

@@ -31,7 +31,7 @@ $fancybox-container-padding: env(safe-area-inset-top, 0px) env(safe-area-inset-r
 
 $fancybox-backdrop-bg: var(--fancybox-bg, rgba(24, 24, 27, 0.92)) !default;
 
-$fancybox-accent-color: rgba(1, 210, 232, 0.94) !default;
+$fancybox-accent-color: var(--fancybox-accent-color, rgba(1, 210, 232, 0.94)) !default;
 $fancybox-focus-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94)) !default;
 
 $fancybox-spinner-color: var(--fancybox-color, currentColor) !default;
@@ -64,6 +64,8 @@ $fancybox-thumbs-bg: rgba(255, 255, 255, 0.1) !default;
 
 $fancybox-thumbs-selected-opacity: false !default;
 $fancybox-thumbs-selected-border: true !default;
+$fancybox-thumbs-selected-border-width: 5px;
+$fancybox-thumbs-selected-border-color: $fancybox-accent-color;
 
 /*
   HTML plugin

src/Fancybox/scss/base.scss

@@ -20,7 +20,6 @@ body.compensate-for-scrollbar {
   flex-direction: column;
 
   color: $fancybox-container-color;
-  --fancybox-accent-color: #{$fancybox-accent-color};
   -webkit-tap-highlight-color: transparent;
 
   overflow: hidden;