Ion-fab color - how to control


I have looked around a lot and could not find out how I can control/change the ion-fab icons color and background color or set them to a custom color. I tried color="#FF6600" and it didn’t work. I tried scss and the background-color only changes a portion of the circle… Can anyone point me to the documentation on how to control this? Thanks.

    ion-fab[middle] {
      background-color: #FF6600;


Thanks, that worked, what I was doing wrong is that I was applying the style to the icon not the button.

Any way to make the circle have a border? I tried border-style + border-color but it didn’t work

      border-style: solid;
      border-radius: 50%;
      border-width: 2px;
      border-color: red;


Thanks, that worked well