bug: ion-segment-button don't get parent color

[rdlabo]

#19711 Bug Report

Ionic version:

[ ] 4.x
[x] 5.x

Current behavior:
<ion-segment color="primary"> is worked, but don't effect to ion-segment-button 's color.

For example:

Expected behavior:
When set color in ion-segment, effect to ion-segment-button 's color.

--indicator-color

Steps to reproduce:

Related code:

<ion-segment color="primary">
  <ion-segment-button value="users"><ion-label>ユーザ</ion-label></ion-segment-button>
  <ion-segment-button value="recommend"><ion-label>おすすめ</ion-label></ion-segment-button>
</ion-segment>

insert short code snippets here

Other information:

Ionic info:

Ionic:

   Ionic CLI                     : 5.4.13 (/Users/sakakibara/dev/ionic-cli/packages/ionic)
   Ionic Framework               : @ionic/angular 5.0.0-beta.5
   @angular-devkit/build-angular : 0.900.0-rc.9
   @angular-devkit/schematics    : 9.0.0-rc.9
   @angular/cli                  : 9.0.0-rc.9
   @ionic/angular-toolkit        : 2.1.1

Capacitor:

   Capacitor CLI   : 1.4.0
   @capacitor/core : 1.4.0

Utility:

   cordova-res (update available: 0.8.1) : 0.6.0
   native-run                            : not installed

System:

   NodeJS : v10.16.2 (/usr/local/bin/node)
   npm    : 6.13.2
   OS     : macOS Catalina

[rdlabo]

Temporary fix example:

ion-segment-button {
  &.segment-button-checked {
    color: var(--ion-color-primary-contrast) !important;
    --indicator-color: var(--ion-color-primary) !important;
  }
  &:not(.segment-button-checked) {
    color: var(--ion-color-primary) !important;
  }
}

[rdlabo]

Sorry, this may only my project environment. in other project, this is work well.
I will close. thanks.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.