Transparent/fixed header in Ionic React

Ionic Framework Ionic React
1

Hey all,

I have tried the following:

 <IonHeader translucent>
        <IonToolbar className="ion-text-center ion-toolbar-transparent">
          <IonTitle className="ion-text-uppercase">Home</IonTitle>        
        </IonToolbar>
  </IonHeader>
      <IonContent fullscreen>

ion-toolbar.ion-toolbar-transparent {
  --background: transparent;
  --ion-color-base: transparent !important;
}

However the header still has a background color and the content is not fullscreen?