How can I change theme of the poweredBy logo


This is my code.

I tried adding the code below but it just made disappear the search box.

    container: '#powered-by',
    theme: 'dark'

My website theme is dark and poweredBy logo is not looking well with this theme.
algolia name is not easy to read.

Hi @nxjoseph

This is the older Algolia logo, which may mean you are using an out-of-date version of the InstantSearch library.

This most recent version of this widget should look like this in dark mode:

Can you try upgrading your library and see if this resolves the issue?

1 Like

I tried upgrading algolia version but it did not work.
I guess latest algolia is not working with Jekyll.

I have tried replacing 2.6.0 directly with 4.x.x in the documentation for jekyll-algolia and it doesn’t work.


I have changed color of algolia icon in the svg code. Now, algolia logo is white. I can see it works in local but github pages couldn’t build it yet, I don’t know why. I don’t think this caused that.

I searched about github actions on twitter and i saw this tweet. Haha. I should sleep too, it’s 3:56 A.M. :stuck_out_tongue: