docsearch icon indicating copy to clipboard operation
docsearch copied to clipboard

AlgoliaLogo not using --docsearch-logo-color CSS variable

Open icflorescu opened this issue 2 years ago • 0 comments

NOTE: There's an open PR to fix this: https://github.com/algolia/docsearch/pull/1949

Description

The --docsearch-logo-color CSS variable should be used by the logo placed on the bottom-right corner of the search, but this doesn't happen, due to cls-1 & cls-2 fill being hardcoded to #003dff. Which results in:

Dark color scheme

Algolia DocSearch on MantineDataTable docs website - Dark color scheme - wrong

Light color scheme

Algolia DocSearch on MantineDataTable docs website - Light color scheme - wrong

Expected behavior

This is what I'd like to achieve:

Dark color scheme

Algolia DocSearch on MantineDataTable docs website - Dark color scheme - correct

Light color scheme

Algolia DocSearch on MantineDataTable docs website - Dark color scheme - correct

Temporary workaround

I could easily fix this on my website by overriding the two classes like so:

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

Proposed fix

There's an open PR awaiting for review that should fix this: https://github.com/algolia/docsearch/pull/1949

icflorescu avatar Jun 29 '23 09:06 icflorescu