I’ve been using Tamagui’s theme system with both light and dark modes, and I love the flexibility it gives us for customizing colors.

One thing I’d like to ask:
Is there a way to define gradient backgrounds directly in the theme? For example, instead of setting a solid background color in the light and dark themes, I’d like to define a gradient background (e.g. linear or radial) for each theme.

Is this currently supported, or is there a recommended way to handle gradient backgrounds using the theme system?

import { Button, Theme } from 'tamagui' // or '@tamagui/core'

export default () => (
  <Theme name="dark">
    <Button>I'm a dark button</Button>
  </Theme>
)

And and below we can have a gradient background

export default createTamagui({
  tokens,
  themes: {
    dark: {
      background: '#000', // gradient
      color: '#fff',
    },
    light: {
      color: '#000',
      background: '#fff', // gradient
    },