jekyll theme - how can i bypass this color setting

Issue

Im editing this jekyll theme with github pages and im trying to add buymeacoffee generated button in menu bar. It works but for some reason it gets the theme colors, i tried to debug it hours now but it didn't work.

The button should look like this:

https://i.imgur.com/RSYrOx6.png

But now:

https://i.imgur.com/KzwqCml.png

I added it in _includes/navbar.html in the end of the file. I tried to placed it in other files too, outside divs inside divs with custom css classes nothing worked.

Looks like it gets a "general" color, i tried to find this setting but i couldn't, can any of you help me to figure it out? thank you!

Solution

you can selector level of custom css in _dark.scss. Example, you can change with this.

body[data-theme="dark"] .bmc-btn-container > a.bmc-btn:hover {
    color: black;
}

Answered By - Ali Karaarslan