how to change the main color

To resolve this problem you can log in to Dashboard > Theme > customize > General setting > add the following code to the “Header Script”

<style>
.news-slider {
   background: #00a53c;
}
.news-slider .carousel-list h3:before, .news-slider .carousel-list h3:after {
   border-top-color: #fff!important;
}

.news-slider .carousel-list h3 {
   border-bottom-color: #fff;
}

.news-slider .carousel-list .other-entry li.active a, .news-slider .carousel-list .other-entry li:hover a {
    background: #32CD32;
}

.news-slider .carousel-list .other-entry a {
    border-bottom-color: #fff;
}

.news-slider .carousel-nav li {
    background: none repeat scroll 0 0 #00A53C;
    border: 1px solid #FFFFFF;
}

.news-slider .carousel-nav li:hover a {
    background: none repeat scroll 0 0 #fff;
}
.news-slider .carousel-nav li.active a {
    background: none repeat scroll 0 0 #FFFFFF !important;
}

.nav-tabs {
    background: none repeat scroll 0 0 #00a53c;

.nav-tabs a:hover {
    background: #FFFFFF !important;
}
</style>

Or please send me a screenshot for further checking.
Regards,
Dominic

thank you !

I want to change other part.

mainnavigation,sidebar,footer etc…

prease tell me what how to change it.

Add the following code to the “Header Script”

<style>
#secondary .widget.latest-news .widget-title {
background: #...;
}
#secondary .widget.latest-news .widget-title:before {
border-top-color: #...;
}
.accordion .accordion-heading a.active {
background: #...;
}

#colophon.dark .container {
background: #...;
}
</style>

Regards,
Dominic