Pressable buttons can't be blue?

Forge Forge UI Kit and Custom UI
1

Hello,

I’m trying to set the backgroundColor of a Pressable button to blue and it doesn’t seem to work, I get a shade of grey instead.

I’ve tried using both the backgroundColor and xcss properties.

Is it not possible to make a Pressable button blue?

thanks.

2

Hi @Kuthair , are you passing in a background colour token for Pressable? https://atlassian.design/components/tokens/all-tokens#color-background

This is example:

    <Pressable
      onClick={handleClick}
      padding="space.100"
      backgroundColor="color.background.accent.blue.subtle"
    >
      My Pressable
    </Pressable>

image
image330×190 1.16 KB

2 Likes
3

Ahh.. I didn’t realize there are different color tokens for different styles.

Yes, I was using a color token, but not a “background” token.

Thank you.

1 Like