Puedes formatear el widget usando CSS. Se debe agregar CSS en Zapiet - Recogida + Entrega > Configuración > Desarrolladores, en Estilos personalizados.

Utiliza el CSS a continuación según los botones o el texto que deseas modificar.
Cambia los valores hexadecimales a los colores que necesites.
Si no se aplica el CSS, agregue !important después del valor hexadecimal
p.ej. llenar:
- #e6017e !important;
El CSS agregado debería verse similar a la captura de pantalla siguiente.

Personalización de widgets

Widget de ancho de página

Este es un código de ejemplo, debe ajustarlo según la configuración de su tema.

@media screen and (min-width: 768px) {
    #storePickupApp {
        margin-left: 0.1em !important;
        max-width: 100% !important;
    }
}

Icono de botón inactivo

#storePickupApp .checkoutMethod .pickupIcon {
        fill: #000;
    }
#storePickupApp .checkoutMethod .deliveryIcon {
        fill: #000;
    }
#storePickupApp .checkoutMethod .shippingIcon {
        fill: #000;
    }

Icono de botón activo

#storePickupApp .checkoutMethod.active .pickupIcon svg{
        fill: #fff;
    }
#storePickupApp .checkoutMethod.active .deliveryIcon svg {
        fill: #fff;
    }
#storePickupApp .checkoutMethod.active .shippingIcon svg {
        fill: #fff;
    }

Fondo del botón del método de pago activo

#storePickupApp .checkoutMethodsContainer.default .checkoutMethod.active {
    background: #4ba49b !important;
}

Texto del método de pago activo

#storePickupApp .checkoutMethodsContainer.default .checkoutMethod.active .checkoutMethodName {
        color: #fff;
      }

Texto del método de pago inactivo

#storePickupApp .checkoutMethodsContainer.default .checkoutMethod .checkoutMethodName {
      color: #4BA49B !important;
    }

Fondo del botón de búsqueda

#storePickupApp .checkoutMethodContainer .inputWithButton .button {
      background: #4BA49B !important;
    }

Icono del botón de búsqueda

#storePickupApp .datepickerIcon {    fill: #4BA49B;      }

Fondo de ubicación de recogida en tienda

#storePickupApp .checkoutMethodContainer .locations .location.active{ background: #4BA49B !important;
}

Ubicación de recogida en tienda activa

#storePickupApp .checkoutMethodContainer .locations .location.active {
        color: #4BA49B; }

Ubicación de recogida en tienda inactiva

#storePickupApp .checkoutMethodContainer .locations { 
    color: #4BA49B !important;
}

Más información enlace

#storePickupApp .checkoutMethodContainer .locations .location .block .moreInformationLink {
color: #4ba49b; 
}

Calendario de widgets entre semana

#storePickupApp .picker__weekday {
     color: #4BA49B;
}

Mes calendario del widget

#storePickupApp  .picker__month  {
    color: #4BA49B;
 }

Año calendario del widget

#storePickupApp  .picker__month  {
    color: #4BA49B;
 }

Fechas disponibles

#storePickupApp .picker__day--infocus{
color:#4BA49B !important;
}

Las fechas disponibles se desplazan

#storePickupApp .picker__day--infocus:hover{
color: #4BA49B; !important;
}

Fecha seleccionada

#storePickupApp .picker__list-item--highlighted-2{
color: #4BA49B !important;
}

Fechas no disponibles

#storePickupApp .picker--focused .picker__day--disabled, .picker__day--disabled, .picker__day--disabled:hover {
    color:#4BA49B;
}

Fondo de la barra de búsqueda

#storePickupApp .checkoutMethodContainer .inputWithButton input[type=text]{
background:#4BA49B;
}

Texto de la barra de búsqueda: Recogida en tienda

#pickupGeoSearchField::placeholder{
    color: #4BA49B !important;
}

Texto de la barra de búsqueda: entrega local

#deliveryGeoSearchField::placeholder{
    color: #4BA49B !important;
}

Texto del selector de fecha

#storePickupApp .pickadate::placeholder {
    color: #4BA49B !important;
}

Personalización del widget del validador de entrega

Botón de enviar

.zapiet-delivery-validator__submit {
    color: #fff !important;
}

botón cerrar

 .zapiet-delivery-validator__close {
     fill: #000 !important;
}

Fondo de la barra superior

#zapiet-delivery-validator__topbar {
  background: #AED6D2 !important;
}

Fondo de mensaje emergente

#zapiet-delivery-validator__modal .zapiet-delivery-validator__modal__container{ border-top-left-radius: 25px !important; border-top-right-radius: 25px !important; border-bottom-right-radius: 25px !important; border-bottom-left-radius: 25px !important; }

Botón de mensaje emergente

#zapiet-delivery-validator #zapiet-delivery-validator__modal #zapiet-delivery-validator__modal__primary-action{
color: #000000 !important;
}