AnyRoad Stylesheet | For fast color change just update the variable "--primary-color"

anyroad.css

:root {
  --primary-color: #8ec63f;
}

/* Currency Bar */
body .PluginHeader {
}

/* Tour Listing Page (Index) -------------------------------------------------------------------------------- */

body #results_container #search-bar #sbtn { /* search button */
  background: var(--primary-color)!important;
}

body .website-tours .tour .book-tour-details .tour-actions .book-tour-btn { /* Book now button */
  background: var(--primary-color)!important;
}

body #main.search-results .tours .search-pagination .pagination li a,
body #results_container .tours .search-pagination .pagination li a { /* Pagination top and bottom */
  color: var(--primary-color)!important;
}

/* Tour Details Page (Show) -------------------------------------------------------------------------------- */

body .TourPage-About a { /* Location */
  color: var(--primary-color)!important;
}

body .TourPage-ContactGuide-link.ui.basic.button { /* Questions Button */
  color: var(--primary-color)!important;
  box-shadow: 0 0 0 1px currentColor inset!important;
}

body .TourPage-ContactGuide-submit-button.ui.large.button { /* Inquiry Form */
  background: var(--primary-color)!important;
}

body .pika-button:hover { /* Inquiry Form */
  background: var(--primary-color)!important;
}

body .ui.dropdown.selected,
body .ui.dropdown .menu .selected.item { /* Inquiry Form */
  background: var(--primary-color)!important;
  color: #fff;
}

body .TourPage-About-description-more .link,
body .TourPage-About-description-more .af-angle-down-ar { /* more link under description */
  color: var(--primary-color)!important;
}

body .Plugins-TourPage-GlanceWrapper .TourPage-Glance a { /* at a glance links */
  color: var(--primary-color)!important;
  border-color: var(--primary-color)!important;
}

body .Plugins-TourPage-GlanceWrapper .TourPage-Glance .TourPage-Glance-Addons-help .icon.af-help-circle { /* Help circle */
  color: var(--primary-color)!important;
}

body .TourPage-BookingDetails .RequestBooking.ui.huge.anygreen.button.disabled,
body .TourPage-BookingDetails .RequestBooking.ui.huge.anygreen.button .disabled:hover { /* disabled button */
  background: var(--primary-color)!important;
}

body .TourPage-BookingDetails .TourPage-BookingDetails-NoAvailability .link a { /* disabled link */
  color: var(--primary-color)!important;
}

body .dropdown-wrapper.t-booking-request .ui.dropdown .menu .item.active,
body .dropdown-wrapper.t-booking-request .ui.dropdown .menu .item.selected,
body .dropdown-wrapper.t-booking-request .ui.dropdown .menu .item:hover { /* dropdown background */
  background: var(--primary-color)!important;
}

body .pika-single .is-today .pika-button { /* calendar: todays date */
  color: var(--primary-color)!important;
}

body .pika-single .is-selected .pika-button { /* calendar: selected date; */
  background: var(--primary-color)!important;
}

body .DropdownCalendar .calendar .pika-button:hover { /* calendar: hover date; */
  background: var(--primary-color)!important;
}

body .BookingRequest-Addons .BookingRequest-Addons-addon .ui.toggle.checkbox>input:checked~label:before { /* Addon switch */
  background: var(--primary-color)!important;
}

body .BookingRequest-times .time .icon.af-checkmark { /* timeslots */
  background: var(--primary-color)!important;
}

body .ui.anygreen.button,
body .ui.anygreen.button:hover { /* request booking button */
  background: var(--primary-color)!important;
}

body .TourPage-BookingDetails-PaymentMethods .TourPage-BookingDetails-PaymentMethods-Content .TourPage-BookingDetails-PaymentMethods-Action-Secondary {
  color: var(--primary-color)!important;
}

body .TourPage-BookingDetails-PaymentMethods .TourPage-BookingDetails-PaymentMethods-Content .TourPage-BookingDetails-PaymentMethods-Action-Secondary,
body .TourPage-BookingDetails-PaymentMethods .TourPage-BookingDetails-PaymentMethods-Content .TourPage-BookingDetails-PaymentMethods-Action {
  border-color: var(--primary-color)!important;
}

/* Tour Details Page (Mobile) ------------------------------------------------------------------ */
#request-booking-mobile .ui.button {
  background: var(--primary-color)!important;
}

/* Contact Form -------------------------------------------------------------------------------- */

body .datepicker table tr td.active.active { /* request date */
  background: var(--primary-color)!important;
}

body .btn.btn-success#contact {
  background: var(--primary-color)!important;
}

/* Breakpoints -------------------------------------------------------------------------------- */
@media screen and (max-width: 679px) {
  body .website-tours .tour .tour-title-and-description .tour-title {
    color: white!important;
  }
}