Cant switch logo color in Angular

[boskiv]

I'm trying to change a color for logo using flowbite CSS (tailwind)

Set variable to white

:root {
    --docsearch-logo-color: #fff;
}

in project.json I have

"styles": [
          "node_modules/@docsearch/css/dist/style.css",
          "apps/docs/src/styles.css"
        ],

But nothing changes

Can you suggest to me where I'm wrong?

[julien-deramond]

Observed the same thing while trying to use this same custom property. Sounds like a bug. Here is the workaround I've used if it can help someone :)

.DocSearch-Logo svg .cls-1,
.DocSearch-Logo svg .cls-2 {
  fill: var(--docsearch-logo-color);
}