Why does IonButtons remove the "button" look from buttons?

I tried adding a toolbar to <IonContent>. According to the docs, <IonButton> should be wrapped in <IonButtons>. However, when I do that, the blue background of my links is replaced with black text-- this makes the links the same color as the page text in light mode, and the links become invisible in dark mode.

I wanted to add three links to the bottom of each page: index next prev. I can use <IonGrid> for this, but I was wondering why <IonButtons> uses such a plain style.

      <IonToolbar color="default">
        <IonButtons slot="start">
          <IonButton
            routerLink={routePrev}
            size="small"
          >
            Prev
          </IonButton>
          <IonButton
            routerLink={routeNext}
            size="small"
          >
            Next
          </IonButton>
          <IonButton
            routerLink={routeTabHelp}
            size="small"
          >
            Help Index
          </IonButton>
        </IonButtons>
      </IonToolbar>

1 post - 1 participant

Read full topic