automatically change color theme after changing wallpaper

eww/Lyrics/eww.scss

@@ -6,13 +6,13 @@
 .lyrics-window {
   background-color: $bg;
   border-radius: 16px;
-  border: 2px solid $blue;
+  border: 2px solid $border;
 }
 
 .lyrics-window-single {
   background-color: rgba(30, 30, 46, 0.6);
   border-radius: 14px;
-  border: 2px solid $blue;
+  border: 2px solid $border;
 }
 
 .lyrics-box {
@@ -73,7 +73,7 @@
 
 .offset-minus,
 .offset-minus-single {
-  color: $blue;
+  color: $border;
 }
 
 .offset-plus,
@@ -123,7 +123,7 @@
 }
 
 .player-music-slider highlight {
-  background-color: $blue;
+  background-color: $border;
   padding: 3px;
 }
 

eww/Main/eww.scss

@@ -7,7 +7,7 @@
   background-color: $bg;
   font-family: 'Sour Gummy', 'MesloLGM Nerd Font Mono', 'Noto Sans';
   border-radius: 20px;
-  border: 2px solid $blue;
+  border: 2px solid $border;
 }
 
 .date-box {
@@ -194,7 +194,7 @@
 
 .player-info-title,
 .player-info-artist {
-  color: $blue;
+  color: $border;
   font-weight: bold;
 }
 
@@ -214,7 +214,7 @@
 .cavabar {
   font-family: 'Noto Sans';
   font-size: 14px;
-  color: $blue;
+  color: $border;
 }
 
 .music-controls-box {

eww/eww.scss

@@ -17,5 +17,7 @@ $sapphire: #74c7ec;
 $teal: #94e2d5;
 $peach: #fab387;
 
+$border: #f5c2e7;
+
 @import './Main/eww.scss';
 @import './Lyrics/eww.scss';

eww/eww.scss.template

@@ -0,0 +1,23 @@
+/** Colors *******************************************/
+$bg: #1e1e2e;
+$bg-alt: #181825;
+$fg: #cdd6f4;
+$fg-alt: #a6adc8;
+$red: #f38ba8;
+$green: #a6e3a1;
+$yellow: #f9e2af;
+$orange: #fab387;
+$blue: #89b4fa;
+$purple: #cba6f7;
+$cyan: #89dceb;
+$gray: #585b70;
+$gray-alt: #292a3c;
+$lavender: #b4befe;
+$sapphire: #74c7ec;
+$teal: #94e2d5;
+$peach: #fab387;
+
+$border: #<FLAVOR_HEX>;
+
+@import './Main/eww.scss';
+@import './Lyrics/eww.scss';