Set background in styles

[teamclouday]

Hi I'm trying to set the background to a linear gradient and it seems that setting it in backgroundColor doesn't work:

<Joyride
          steps={tour.steps}
          showSkipButton
          showProgress
          continuous
          callback={joyrideCallback}
          run={!tour.completed}
          styles={{
            options: {
              zIndex: 100,
              textColor: "#4a4a4a",
              backgroundColor:
                "linear-gradient(to bottom, #d4fc79 0%, #96e6a1 100%)",
            },
          }}
/>

Maybe I should use background but it's not available from the options. Will it be supported in the future?

[teamclouday]

I realized the style can be set in tooltip:

styles={{
            options: {
              zIndex: 100,
              textColor: "#4a4a4a",
            },
            tooltip: {
              background: "linear-gradient(to bottom, #d4fc79 0%, #96e6a1 100%)",
            },
}}