Is it possible to customize fill color for each item inside the pattern ? about textures HOT 1 OPEN

import textures from "textures";

// Setup Texture Scale & Map Object
self.texturescale = D3.scaleOrdinal().domain(self.filters).range(self.textures);
self.texturesMap = Object.fromEntries(
    new Map(self.textures.map((texture) => [
        texture, 
        textures
            .paths()
            .d(texture)
            .shapeRendering("geometricPrecision")
            .lighter()
            .thinner()
            .fill("transparent")
    ]))
 );  

// ... Other chart code

self.bargroups
    .selectAll("rect")
    .data((d) => d)
    .enter()
    .append("rect")
        .attr("id", (d) => `bar-${d.id}`)
        .attr("class", (d) => `bar`)
        .attr("x", (d) => self.x(d.from))
        .attr("y", (d) => self.y(d.group))
        .attr("width", (d) => self.x(d.to) - self.x(d.from))
        .attr("height", self.y.bandwidth())
        .attr("fill", (d) => self.texturesMap[self.textureScale(d.filter)]
        .attr("opacity", 0.7)
    .clone(true) // Clone Rect Element
        .attr("class", "bar interactable")
        .attr("fill", (d) => self.texturesMap[self.textureScale(d.filter).url()]
        .attr("opacity", 1.0)
    .on("mouseover", (e, d) => self.mouseOverBar(e, d))