$segment-button-ios-text-color not changing?

Ionic Framework ionic-v3
1

So i’m trying to change the text color of the segment button’s in iOS. (not the activated ones)

In my variablles.scss I put:

$segment-button-ios-text-color: #fff !important;

Under // App iOS Variables

But it’s not working? I can’t expect that far in Safari because if only shows the ion nav and ion tabs in the inspector and I can’t check deeper (no idea why?)

2

Ended up just overriting the css like normal.

 .segment-button {
    color: #fff !important;
    text-transform: none !important;
    font-size: 1.6rem !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    border: 0 !important;
    font-family: $font-header;

    &.activated, &.segment-activated {
      border-top: 0;
      border-right: 0;
      border-bottom: 2px solid $red !important;
      border-left: 0;
      color: $red !important;
      background: transparent !important;
    }
  }
3 Likes
3

WOWWWW very nice!

asdf