Benden önceki stajyer renk değiştirme yapmış js kullanarak. Ben ise onun yapıtklarına bir şeyler ekliyorum ve en son dil değiştirme ekledim ama renk değiştirmesini yapamadım.
İlgili olduğnu düşündüğüm js kod satırları:

    if ($('#pagepiling').length > 0){

        $('#pagepiling').pagepiling({
            scrollingSpeed: 0,
            navigation:false,
            menu: '.navbar-nav',
            anchors: ['home', 'about', 'cadcam', 'cnc', 'robotics', 'device_software', 'products', 'contact_form', 'contact',],
            afterRender: function(anchorLink, index){ 
              NavbarColor();

            },
            afterLoad: function(anchorLink, index){
                $('.pp-section .intro').removeClass('animate');
                $('.active .intro').addClass('animate');
                NavbarColor();
            }
        });

  
        function NavbarColor(){
            if ($('.pp-section.active').hasClass('navbar-is-white')){
                   $('.navbar-desctop').addClass('navbar-white');
                   $('#logo-area').addClass('logo-white');
                   $('.progress-nav').addClass('progress-nav-white');
                   $('.navbar-bottom').addClass('navbar-bottom-white');
               }
               else{
                   $('.navbar-desctop').removeClass('navbar-white');
                   $('#logo-area').removeClass('logo-white');
                   $('.progress-nav').removeClass('progress-nav-white');
                   $('.navbar-bottom').removeClass('navbar-bottom-white');
               }
           }
       }

css de ise örnek olarak:

.navbar-bottom-white,
.navbar-bottom-white .social-icons ion-icon{
  color: #fff;
}

Bende bu css örneği şeklinde yaptım addClass ile ekledim, removeClass ile sildim ama değişmedi.(Javascript bilgim çok zayıf malesef farkındayım.)