How can I change theme of the poweredBy logo

Open Q&A
,
1

Hello.

This is my code.

https://raw.githubusercontent.com/nxjosephofficial/nxjosephofficial.github.io/main/_includes/algolia.html

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

search.addWidget(
  instantsearch.widgets.poweredBy({
    container: '#powered-by',
    theme: 'dark'
  })
);

image
image761×81 3.65 KB

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

2

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:
https://instantsearchjs.netlify.app/stories/js/?path=/story/metadata-poweredby--with-dark-theme

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

1 Like
3

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.

Thanks.

4

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.

image
image786×87 3.69 KB

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:
image