ColorThief | Color Thief for .NET | Form library

This is my CSS for the header:

I am using a library called Colorthief that can return the dominant color of an image. I use this function to set the background color of three buttons, like this:

I have a React web app with a Firebase backend created with NodeJS. I use Firebase Functions. My Firebase functions execute when I call them from either localhost or from Postman. But when I call the functions from my domain (moonio.io), they are not executed, and the only thing that happens is that I get my index.js file back. Therefore, I'm suspecting my problem to be caused by the rewrites in the hosting part of the firebase.json file (api address "https://europe-west3-cryptocurrency-tracker-moonio.cloudfunctions.net/api" getting rewritten to "/index.html")?

firebase.json

I'm trying to use ColorThief in the node.js environment. When invoking ColorThief.getColor() I get the follwing error:

TypeError: url.indexOf is not a function

The error results from this line of code in the module.

I have used node-vibrant, get-image-colors, colorthief, all of them detect #000000 as RGB 4, 4, 4.
Image here. Just took a picture of an empty portion of the Command Prompt.

The code I've provided below finds this as 4, 4, 4 (currently using node-vibrant, but every other package also does the same.)

How Groove Music UWP app creates the multi-color shadow effect based on image colors and how can I recreate this in XAML/C# (UWP), I know that I can use ColorThief (+ Win2D or WCT) library to get the color palette from an image but I don't know how I can benefit from it to recreate that effect

Working in Node/Express, I was trying to get the npm package color-thief to grab the dominant color from an image, and it failed because "image given has not completed loading".

The image was, again, local, so it shouldn't have had this particular problem. And besides that, color-thief returns a promise, and I was using async/await, so it should have waited however long it took for the image to load instead of throwing an error.

Below is my SSCCE code:

By doing a bit of my own googling and following this tutorial I have created the python script below. It finds the most dominant (common) color in an image and replaces it with another "background" image. It basically creates a mask and places it on top of the background image. My question is how would I resize the mask and translate it. I am a complete beginner to OpenCV with Python so some code examples with explanation would go a long way :).

Here is the script:

I'd like to get the color palette of each frame of an animated GIF (I'm using ColorThief to generate color palette from an image). I'm using PIL to save each frame as an image, my problem is that the images of most of the frames have strange colors, different from the one you see if you open the GIF on a browser. I guess this is because of the way animated GIF are compressed. I tried to convert every image in RGB but this doesn't solve the problem. How can I render each frame with its intended colors?

To get every frame I'm using the following code: