Меняем цвет различных элементов фиксированного меню при скролле, для лучше читаемости на определённых участках страницы
<style>
.fonmenu div[data-elem-type="text"] .tn-atom {
color: #000 !important;
}
.fixed div[data-elem-type="text"] .tn-atom {
transition: all 0.3s ease-in-out;
}
.fonmenu div[data-elem-type="button"] .tn-atom {
color: #000 !important;
border-color: #000 !important;
}
.fixed div[data-elem-type="button"] .tn-atom {
transition: all 0.3s ease-in-out !important;
}
.fonmenu div[data-elem-type="shape"] .tn-atom {
background-color: #000 !important;
}
.fixed div[data-elem-type="image"] .tn-atom {
transition: all 0.3s ease-in-out;
filter: invert(1);
}
.fonmenu div[data-elem-type="image"] .tn-atom {
filter: invert(0);
}
</style>