Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
icflorescu opened this issue Jun 29, 2023 · 0 comments
Open

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

icflorescu opened this issue Jun 29, 2023 · 0 comments

Comments

@icflorescu
Copy link

NOTE: There's an open PR to fix this: #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: #1949

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant