RNRF components not changing style with redux theme color change (light/dark mode toggle)

[nica0012]

When changing from dark / light theme, my app does not change the colors on my RNRF components (Navbar and Tabbar).

Here is how my Scenes are loaded:

        <Provider store={store}>
          <PersistGate loading={null} persistor={persistor}>
            <OfflineNotice />
            <Scenes colors={theme} />
            <NotificationPopup
              ref={ref => (this.popup = ref)}
              renderPopupContent={renderCustomPopup}
            />
          </PersistGate>
        </Provider>

Scenes.js:

const RouterWithRedux = connect()(Router);
//other imports
const Scenes = ({colors}) => {

  let styles = {
    navBar: {
      backgroundColor: colors.background,
      borderBottomColor: colors.transparentBorder,
      elevation: 0,
    },
  };
    <RouterWithRedux>
        <Scene key="key"  navigationBarStyle={styles.navBar} />
        <Scene key="key"  navigationBarStyle={styles.navBar}/>
        <Scene key="key"  navigationBarStyle={styles.navBar}/>
        ...
        ...
    </RouterWithRedux>
}

export default Scenes;

My app is loading, everything is navigating but when I change my theme, the RNRF component only load when I refresh/reload my app...