How to change logo color when scroll in Elementor pro

I am new to CSS. I have tried putting in this code:

.logo_hide{display:none}
.sticky-header-effects–active .logo_show{display:none}
.sticky-header-effects–active .logo_hide{display:block}

I am pretty sure that to link a logo (or any element) to this plugin, you need to put the name of what you’re trying to link to (sticky header effects) – but I must have not wrote it right.
If anyone could tell me what this plugin “Sticky header effects” is called in CSS, it might make this feature on my website work.

Thanks,